/*******************************************************************login page******************************************************************************/

.login {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    min-height: 80vh;
    max-width: 600px;
    display: block;
    margin: 10px auto;
    font-size: 1rem;
}

    .login img {
        width: 100px;
        height: auto;
        display: block;
        margin: 10px auto;
    }

    .login h1 {
        font-size: 1.5rem;
        display: block;
        text-align: center;
    }

.login-form {
    margin: 10px 20px;
    padding: 10px 10px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

    .login-form input {
        margin: 5px auto;
    }

    .login-form label {
        margin: 5px 10px;
    }

    .login-form a {
        margin: 5px auto;
        line-height: 2.5;
    }


/*******************************************************************Sign Up page******************************************************************************/

.signUp {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    margin: 10px auto;
    font-size: 1rem;
    padding: 1rem 1rem;
}

    .signUp h1 {
        text-align: center;
    }

    .signUp h1 {
        text-align: center;
    }

    .signUp input {
        display: block;
        margin: 0 5px;
    }

    .signUp .btn {
        display: block;
        margin: 20px auto;
    }

.input-group-prepend {
    width: 132px;
}

.condition-form {
    height: 300px;
    overflow: auto;
    margin: 0 5px;
}

@media only screen and (max-width: 576px) {
    .login {
        margin: 10px 10px;
    }
}