.expired-password {
  &-title {
    color: $red;
    @include font-size(18px);
  }

  &-login-name{
    @include margin(0 0 15px 0);
  }

  &-btn {
    @include margin(15px 0);
  }
}

.forgot-pass-container {
  margin-top: 1rem;
  margin-bottom: 3rem;
  text-align: center;

  #forgotPasswordlink {
    cursor: pointer;
  }
}

.services{
  border: 1px solid $gray-medium;
  @include font-size(12px);
  height: auto;
  @include margin(0 0 15px 0);

  &-title {
    color: $red;
    @include margin(6px 0);
  }

  &-body {
    color: $black;
  }

  &-img {
    width: 75px;
    display: block;
    height: 90px;
    float: left;
    @include margin(0 20px 0 0);

    &-mobile {
      background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/icon_sprite2.png') -5px -13px no-repeat;
    }
    &-call {
      background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/icon_sprite2.png') -3px -125px no-repeat;
    }
    &-chat {
      background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/od/new/icon_sprite2.png') -2px -251px no-repeat;
    }
  }

  &-more-options {
    float: right;
    color: $red;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
    @include margin(5px 0 0 0);
  }
}

.top-margin{
  @include margin(15px 0 0 0);
}

@media(max-width: $screen-xs-max) {
  .services {
    &-mobile, &-call{
      border-bottom: 1px solid $gray-medium;
      margin: 0;
    }

    &-chat{
      margin: 0;
    }

    &-live-chat {
      @include margin(0 18px 0 0);
    }
  }
}

@media(min-width: $screen-sm) {
  .services {
    &-mobile {
      overflow: auto;
    }

    &-call {
      overflow: auto;
      border-right: 1px solid $gray-medium;
      border-left: 1px solid $gray-medium;
    }

    &-chat {
      overflow: auto;
    }
  }
}