beyond-modal-subheader, *[beyond-modal-subheader] {
  position: relative;

  .beyond-modal-subheader-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: $modal-background;
    padding-right: 30px;

    .beyond-search {

      .md-sidenav-right {
        background-color: $modal-background;
      }
    }
  }

  &.beyond-modal-subheader-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: $content-frame-background;
    z-index: 99999999;

    .beyond-modal-subheader-content {
      background-color: $content-frame-background;
      height: 50px;

      @media (max-width: 767px) {
        .beyond-search {

          .md-sidenav-backdrop {
            background-color: $content-frame-background;
            opacity: 1;
          }

          .md-sidenav-right {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
          }
        }
      }

      .beyond-search {

        .md-sidenav-right {
          background-color: $content-frame-background;

          &>md-input-container {
            margin-top: 10px;
          }

          .md-button.md-icon-button {
            top: 8px;
            margin-right:30px;
          }
        }
      }
    }
  }
}
