@media(max-width: @screen-xs-max) {
  .all-visible {
    .page {
      @media (max-width: @screen-xs-max) {
        padding-top: 50px;
      }
    }
    .page-dossier-summary {
      top: 50px;
    }
  }
}
.page-dossier-summary{
    .dropdown-backdrop{display: none}
    @media(max-width: @screen-xs-max){position: fixed; top: 0; left: 0; width: 100%; max-height: 100%; z-index: 1029; overflow-y: auto;
      &::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;
      }
      &::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
      }
      &-content.open .page-dossier-summary-list{display: block; .scale(1, 1)}
    }
    @media(min-width: @screen-sm){background: @brand-primary; margin-top: 25px;
      &-content{background: rgba(255,255,255,0.93); border-left: 3px solid @brand-primary; padding: 30px 15px 30px 30px;}
    }
    & + .page-dossier-content{margin-top: 25px;
      & > h2:first-child{margin-top: 0}
    }
    .btn-primary{border-radius: 0; text-align: left;margin: 0;
      @media(max-width: @screen-xs-max){padding: 12px 51px 12px 15px; position: relative; background-color: @btn-hover-bg;
        &:before, &:after{content:''; position: absolute; width: 1px; height: 100%; top: 0; }
        &:before{right: 51px; background: rgba(255,255,255,0.1);}
        &:after{right: 50px; background: rgba(0,0,0,0.1);}
        i{position: absolute; top: 50%; margin-top: -9px; right: 16px}
        .open &{
          i{margin-top: -2px; background-position: -91px -72px; height: 4px}
        }
      }
      @media(min-width: @screen-sm){color: @text-color; font-size: 16px; padding: 0 15px 0 0; cursor: text; pointer-events: none;
        &, &:hover, &:focus, &:active:focus, &:active:hover{
          .page &{background: none; border: none; color: @text-color}
        }
      }
      &, &:hover, &:focus{.box-shadow(none);}
    }
    &-list{
      @media(max-width: @screen-xs-max){background-color: fade(@btn-hover-bg, 85%); display: none; .scale(1, 0); .transition-transform(0.15s ease); .transform-origin(top);
      }
      @media(min-width: @screen-sm){max-height: 420px; overflow-y: auto;
        &::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 4px;
        }
        &::-webkit-scrollbar-thumb {
          border-radius: 4px;
          background-color: rgba(0, 0, 0, .5);
          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
        }
      }
      ul{padding: 0; margin: 0; list-style: none;counter-reset:section;
        li{
          @media(max-width: @screen-xs-max){border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 14px;}
          @media(min-width: @screen-sm){margin-top: 15px}
        }
      }
      a{text-decoration: none;
        @media(max-width: @screen-xs-max){color: @white;padding: 15px; display: block}
        @media(min-width: @screen-sm){color: @brand-primary;}
        &:focus{text-decoration: none;
          .page &{
            @media(max-width: @screen-xs-max){color: @white}
            @media(min-width: @screen-sm){color: @brand-primary;}
          }
        }
        &:hover, &.is-active-link{text-decoration: none;
          @media(max-width: @screen-xs-max){background: rgba(255,255,255,0.1);
            .page &{color: @white;}
          }
          @media(min-width: @screen-sm){font-family: 'open_sansbold';
            .page &{color: @brand-primary;}
          }
        }
        &:before{counter-increment:section; content:counter(section) " ";
          @media(max-width: @screen-xs-max){color: @white}
          @media(min-width: @screen-sm){color: @brand-primary}
        }
      }
    }
  }