.site-login {
  background-image: url("images/bg.png");
  background-repeat: no-repeat;
  font-family: "Open Sans", Tahoma, Arial; }
  @media (min-width: 992px) {
    .site-login {
      background-size: cover; } }
  .site-login.v2 {
    background-color: #243139;
    background-image: none; }

.site-header {
  background-color: #fff;
  padding: 8px 0; }
  .site-header-logo {
    max-width: 260px;
    display: block;
    margin: auto; }

.box-login {
  margin: 10% auto;
  border: 2px solid #e6e6e6;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 7px #ccc; }
  @media (min-width: 992px) {
    .box-login {
      max-width: 70%; } }
  .box-login-header {
    border-bottom: 1px solid #d0d3d6;
    padding: 10px;
    text-align: center; }
    .box-login-header h1 {
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      text-transform: uppercase; }
  .box-login-content {
    padding: 20px 20px 40px; }
    .box-login-content a {
      display: inline-block;
      max-width: 100%;
      min-height: 45px;
      line-height: 45px; }
      .box-login-content a.active path:first-child {
        fill: #c00; }
      .box-login-content a:hover path:first-child {
        fill: #c00; }
      .box-login-content a path:first-child {
        fill: #bbb; }
      .box-login-content a img, .box-login-content a svg {
        max-width: 100%;
        height: auto; }
      .box-login-content a:not([class*="active"]) img, .box-login-content a:not([class*="active"]) svg {
        -webkit-filter: grayscale(1);
        filter: grayscale(1); }
      .box-login-content a:not([class*="active"]):hover img, .box-login-content a:not([class*="active"]):hover svg {
        filter: inherit; }
  .box-login-version {
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 20px; }
  .box-login form {
    margin: auto; }
    @media (min-width: 992px) {
      .box-login form {
        width: 80%; } }
    .box-login form label {
      font-weight: 400;
      text-transform: uppercase; }
    .box-login form .help-block {
      min-height: 16px;
      margin-bottom: 0; }
    .box-login form .field-submit {
      margin-top: 10px; }
      .box-login form .field-submit button {
        display: block;
        width: 100%; }
        @media (min-width: 992px) {
          .box-login form .field-submit button {
            display: inline-block;
            width: auto; } }

/*# sourceMappingURL=login.css.map */
