/**
 * Import Compass
 */

@import "_variables";

/* ==========================================================================
   Login Page + Region
   ========================================================================== */
.t-Login-container {}

.t-Login-text {
  font-size: 1.3rem;
}

.t-Login-iconValidation {
  background: @g_Success-BG;
  color: white;
}

@l_Form-FG: contrast(@g_Region-FG, darken(@g_Region-FG,   5%), lighten(@g_Region-FG,   5%),  43%);

body .t-Login-title {
  color: @g_Region-FG;
}

// .t-Login-region {
//   background-color: @g_Region-BG;
//   box-shadow: none;
//   border: 1px solid @g_Alta-Border;
// }

.t-PageBody--login {
  background-color: @g_Accent-OG;
}

.t-Login-region {
  border: 0;
  border-radius: 2px;
  background-color: @g_Region-BG;
  box-shadow: 00 0 0 1px @g_Alta-Border;
}




.t-LoginPage--split {
  .t-Login-container {
    background-color: @g_Region-BG;
    box-shadow: 0 0 0 1px @g_Alta-Border;
  }
}

.t-Login-region .t-Login-body {

  input[type=text],
  input.password {
    &::-webkit-input-placeholder {
      color: @l_Form-FG;
    }

    &::-moz-placeholder {
      color: @l_Form-FG;
    }

    &:-ms-input-placeholder {
      color: @l_Form-FG;
    }
  }
}

.t-Login-logo {
  &.fa {
    color: #878c90;
  }
}