/* ==========================================================================
   color vars
   ========================================================================== */
/* category palette */
/* parts palette */
/* bg */
/* font */
/* border */
/*$border2: #e3e8ed;*/
/*$border2: #e5e5e5;
*/
/* color palette */
.login {
  background-color: #f1f1f1; }
  .login #login-form {
    transition: transform 0.3s ease-in-out; }
    .login #login-form.show-in {
      transform: translateY(44px); }
    .login #login-form .login-notification {
      position: absolute;
      top: -44px;
      left: 0;
      right: 0;
      width: 100%;
      height: 44px;
      line-height: 44px;
      text-align: center;
      background-color: #1abc9c; }
      .login #login-form .login-notification span {
        display: inline-block;
        color: white;
        font-size: 16px;
        font-weight: 700;
        vertical-align: middle; }
        .login #login-form .login-notification span.fa {
          margin-right: 10px;
          font-size: 24px; }
    .login #login-form .system-title {
      padding: 40px 0 5px;
      font-family: 'Lato';
      font-weight: 400;
      color: #131313;
      font-size: 40px;
      font-weight: 300;
      text-align: center; }
      .login #login-form .system-title span {
        font-family: 'Lato';
        font-weight: 400;
        color: #c0392b;
        font-weight: 700; }
    .login #login-form .system-subtitle {
      padding-bottom: 25px;
      color: #777;
      font-size: 14px;
      text-align: center; }
      .login #login-form .system-subtitle span {
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 15px;
        font-weight: 700; }
    .login #login-form form {
      width: 360px;
      margin: 0 auto;
      padding: 20px;
      background-color: white;
      border: 1px solid #d1d1d1;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      .login #login-form form fieldset legend {
        display: block;
        padding: 10px 0;
        color: #333;
        font-size: 20px;
        font-weight: 700;
        text-align: center; }
      .login #login-form form fieldset .field-container {
        padding: 5px 0; }
        .login #login-form form fieldset .field-container .login-field-head {
          padding: 0 0 5px; }
          .login #login-form form fieldset .field-container .login-field-head label {
            color: #454545;
            font-size: 13px;
            font-weight: 700; }
        .login #login-form form fieldset .field-container .login-field input[type="text"], .login #login-form form fieldset .field-container .login-field input[type="password"] {
          display: block;
          width: 100%; }
      .login #login-form form fieldset .horizontal-cb {
        padding: 10px 5px 5px; }
        .login #login-form form fieldset .horizontal-cb label {
          width: auto; }
          .login #login-form form fieldset .horizontal-cb label .text {
            font-size: 13px;
            font-weight: 400; }
      .login #login-form form fieldset .submit-inner {
        padding-top: 5px;
        text-align: center; }
        .login #login-form form fieldset .submit-inner .error-msg {
          display: none;
          padding: 10px;
          margin: 0 5px 20px;
          color: #e74c3c;
          font-size: 13px;
          border: 1px dashed #c0392b;
          background-color: #fee;
          border-radius: 3px; }
        .login #login-form form fieldset .submit-inner button {
          padding: 6px 32px; }
      .login #login-form form fieldset .forgot-password {
        padding: 30px 0 10px;
        text-align: center; }
        .login #login-form form fieldset .forgot-password a {
          color: #999;
          font-size: 12px; }
  .login .login-footer {
    color: #999;
    font-size: 12px;
    text-align: center; }
    .login .login-footer .support-tel {
      padding: 25px 0 10px; }
      .login .login-footer .support-tel span {
        margin-left: 4px;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 14px;
        font-weight: 700; }
    .login .login-footer .copyright {
      padding: 0 0 40px; }
      .login .login-footer .copyright small {
        font-family: 'Lato';
        font-weight: 400; }

/* media */