// iScroll + Bootstrap adjustments:
.core.header {
  .navbar, .navbar-text {
    margin-bottom: 0;
  }
}

.left-drawer-toggle {
  float: left;
  margin-left: 15px;
}

.cl-left-drawer {
  .container {
    @include container-fixed;

    @media (min-width: $screen-sm-min) {
      width: $cl-left-drawer-width-sm;
    }
    @media (min-width: $screen-md-min) {
      width: $cl-left-drawer-width-md;
    }
    @media (min-width: $screen-lg-min) {
      width: $cl-left-drawer-width-lg;
    }
  }
}

.container {
  @include container-fixed;

  @media (min-width: $screen-sm-min) {
    width: $container-sm - $cl-left-drawer-width-sm;
  }
  @media (min-width: $screen-md-min) {
    width: $container-md - $cl-left-drawer-width-md;
  }
  @media (min-width: $screen-lg-min) {
    width: $container-lg - $cl-left-drawer-width-lg;
  }
}

.modal-header, .modal-footer {
  height: 100%;
}

.cl-footer {
  .navbar {
    height: 100%;
    margin-bottom: auto;
  }
}