body {
    background-color: #F3F3F3;
}

.ra_container .btn {

    width: 30%;
    margin-left:35%;
}

.ra_container .error {
    color: #FF0000;
}

.ra_container .btn:hover {

    background-color:#b2b9c4;
}

.ra_container .ra_login {
    background-color: #FFFFFF;
    display: none;
    width: 30%;
    margin-left: 35%;
    margin-top: 10%;
    padding: 10px;
}

.ra_container .ra_login .error {
    display: none;
}

.ra_container .ra_login .ra_logo {
    text-align: center;
}
.ra_container .ra_not_allowed {
    display: none;
}


.ra_container .ra_store_view {

    display: none;
}

.ra_container .ra_store_view .ra_form {
    width: 50%;
    margin-left: 25%;
    background-color: #FFFFFF;
    padding: 10px;
}

.ra_container .ra_store_view .ra_stores {
    width: 50%;
    margin-left: 25%;
    background-color: #FFFFFF;
    padding: 10px;
    margin-top: 5%;
}

/* Mobile version*/
@media screen and (max-width: 1024px) {

    .ra_container .ra_login {
        width: 90%;
        margin-left: 5%;
        margin-top: 10%;
        padding: 5px;
    }
    .ra_container .ra_store_view .ra_form {
        width: 90%;
        margin-left: 5%;
    }

    .ra_container .ra_store_view .ra_stores {
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
    }

    .mobile-left {
        float: left !important;
    }
}