.agents--page {
  .hero {
    .bg {
      background-image: url('/assets/img/agents/agents-hero.jpg');
    }
  }

  .panel {
    width: 100%;
    background: #fff;
    @extend %defaultBorderRadius;
    padding: 20px;
    @include boxSizing(border-box);

    &.not-logged-in {
      text-align: center;

      a {
        color: $theme;
      }
    }

    &.is-agent {
      text-align: center;

      a {
        color: $theme;
      }
    }
  }

  .showDetailsBtn {
    background: transparent;
    border: 1px solid rgba(#000, 0.2);
    @include borderRadius(4px);
    padding: 4px 16px;
    cursor: pointer;
    @extend %defaultTransition;

    i {
      @extend %defaultTransition;
      color: rgba(#000, 0.5);
    }

    &:hover {
      background: $theme;
      border-color: $theme;

      i {
        color: #fff;
      }
    }
  }

  .agentDetailsModal {
    input {
      &:disabled {
        color: rgba(#000, 0.8);
        cursor: auto;
      }
    }
  }
}
