@import "variables";
@import "../../common/button/scss/styles";

.login-container {
  background: $base-color url("/login/image/background.png");
  .left-side {

    > .row {
      height: 100%;
      text-align: center;
    }

    .abixen-logo {
      width: 450px;
      margin-top: 150px;
      margin-bottom: 100px;
    }

    .abixen-profit-row {
      text-align: left;
      .abixen-profit {
        color: #FFFFFF;
        font-size: 26px;
        margin-bottom: 20px;
      }
    }

  }

  .right-side {

    > .row {
      height: 100%;
    }

    .panel {
      margin-top: 150px;
      background: rgba(5, 78, 129, 0.3);
      color: #FFFFFF;

      label {
        font-size: 16px;
      }

      .panel-heading {
        background: rgba(5, 78, 129, 0.7);
        color: #FFFFFF;
        font-size: 20px;
      }

      .panel-footer {
        background: rgba(5, 78, 129, 0.7);
      }

      .login-button {
        @include platform-button($font-color, $font-color, $success-color, $success-color-darkest, $success-color-lighter, $success-color-darker);
      }

      .reset-button {
        margin-left: 10px;
        @include platform-button($complementary-color, $complementary-color-lighter, rgba(255, 255, 255, 0.3), $complementary-color, rgba(255, 255, 255, 0.3), $complementary-color-lighter);
      }
    }
  }
}
