/**
 * 2023 liewebs - Prestashop module developers and website designers.
 *
 * NOTICE OF LICENSE
 *  @author    liewebs <info@liewebs.com>
 *  @copyright 2023 www.liewebs.com - liewebs
 * 	@module Restricted Shop Access
 *  @version 1.1.X
 */

.login_image {
    vertical-align: middle;
    margin-bottom: 10px;
    display: block;
    position: inherit;
    text-align: center;
}
.rsa_login-container {
    position: relative;
    margin: 25px auto;
    display: block;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    width: 100%;
    max-width: 400px;
}

.form-box.rsa {
    width: auto;
    margin: 0 auto;    
} 

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
    z-index: -1;
}

#output.alert-danger{
    background: rgb(228, 105, 105);
    z-index: -1;
}
header {
    margin: 0px;
    padding-bottom: 0px;
}
#header_logo {
    text-align: center;
}
img.rsa_logo {
    margin: 15px auto;
}
.icon{
    width: 100px;height: 100px;
    margin: 10px auto 30px;
}

.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}
.languages_block_top {
    margin: 15px;
}
/* Form styles */
.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 5px 5px 5px 5px;
    border-top: 1;
}
.form-box input[type="email"]{
    border-radius: 5px 5px 5px 5px;
    border-top: 1;
}

.form-box.rsa button.login, .form-box.rsa button.recovery{
    margin-top:15px;
    padding: 10px 20px;
}

/* Buttons */
.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}
.btn {
    border-radius:  5px;
}

/* Links */
.recovery_pass, .return_form {
    text-align: center;
    display: block;
    margin-top: 10px;
}

/* reCAPTCHA */
#recaptcha_form {
    margin: 15px auto;
    position: relative;
    display: inline-block;
}
.recaptcha_col {
    text-align: center;
}