/*-------------------------------------------------
  BASE
  -------------------------------------------------*/
.body-login {
    background-image: url(../../../../images/backgound-login.png);
}

.app-logo {
    background-image: url(../../../../images/ClassRep/logo/logo.png);
}

#footer-wrapper p {
    color: white;
}

.main-heading p {
    color: white;
}

.main-heading span {
    color: #FFF;
}

.entity-container .entity-column .row-entry .field-validation-error span {
    color: #ee3a5f;
}

.entity-container .entity-column .row-entry label {
    color: #928da5;
}

.entity-container .entity-column .row-entry input,
.entity-container .entity-column .row-entry select,
.entity-container .entity-column .row-entry textarea {
    border: 1px solid #f5f4fc;
    background-color: #f5f4fc;
    color: #928da5;
}

/*-------------------------------------------------
  Login
  -------------------------------------------------*/
.login-container {
    background: #ffffff;
    box-shadow: 0 2px 18px 0 rgba(0,0,102,0.18);
}

    .login-container .form-control {
        border: 1px solid #d5d6e8;
    }

    .login-container input[type=button] {
        background: #3809ad;
        color: #ffffff;
        border: 1px solid #d5d6e8;
    }

    .login-container .forgot-password {
        color: #3809ad;
    }

        .login-container .forgot-password:hover {
            color: #f4144e !important;
        }

.register-button {
    color: #3809ad;
}

    .register-button:hover {
        color: #f4144e !important;
    }

.login-container .button-forgot-password a {
    color: #3809ad;
}

    .login-container .button-forgot-password a:hover {
        color: #3e1e8b !important;
    }


/*-------------------------------------------------
  Register
  -------------------------------------------------*/
.register-container {
    background: #ffffff;
    box-shadow: 0 2px 18px 0 rgba(0,0,102,0.18);
}

    .register-container .form-control {
        border: 1px solid #d5d6e8;
    }

    .register-container .entity-body .register-message {
        color: #171717;
    }

    .register-container .entity-body .inputs .entity-column .row-entry input {
        color: #171717;
    }


    .register-container .entity-body .inputs .entity-column .row-entry .form-control::-webkit-input-placeholder {
        color: #cdc9e0;
    }

    .register-container .entity-body label {
        color: black;
    }

    .register-container .entity-body .inputs .browse div:first-child label {
        color: #928da5;
    }

    .register-container .entity-body .inputs .browse label {
        color: #cdc9e0;
    }

    .register-container .entity-body .button-register .primary-button {
        background-color: #3809ad;
    }

    .register-container .entity-body .inputs .secondary-button {
        border: solid 1px #3809ad;
    }

/*-------------------------------------------------
  Forgot Password
  -------------------------------------------------*/
.reset-password-container {
    background: #ffffff;
    box-shadow: 0 2px 18px 0 rgba(0,0,102,0.18);
}

    .reset-password-container .form-control {
        border: 1px solid #d5d6e8;
    }

    .reset-password-container .reset-password-button {
        color: #ffffff;
        background: #000066;
    }

        .reset-password-container .reset-password-button:hover {
            background-color: #122b40;
        }

    .reset-password-container .control-label {
        color: #324e64 !important;
    }

    .reset-password-container input {
        border: 1px solid #d5d6e8 !important;
    }