/* Styles for mobile devices */
@media (max-width: 768px) {
    .alwyn_registration_main_div {
        flex-direction: column;
        width:500px;
    }

    #alwyn_registration_left_div {
        order: 1;
        margin-bottom: 20px;
    }

    #alwyn_registration_right_div {
        order: 2;
    }

    .form-group {
        margin-bottom: 15px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .btn {
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px;
    }
}

.alwyn-registration-container {
    width:100%;
    height:100%;
    border:0px;
    background-color:white;
    box-shadow: 0px 0px 0px 0px #dfdfdf;
}

.center {
    width:466px;
    height:344px;
    position:relative;
    margin-top:15px;
    top:10px;
    left:20px;

}

.body22 {
    width:900px;
    height:500px;
    border-radius:20px;
    background-color:#ececec;
    position:absolute;
    color:black;
    box-shadow: 10px 10px 10px 1px #dfdfdf;
    border:1px solid red;
}

.label1
{
    background-color:blue;
    font-family:Tahoma;
    color:white;
    font-weight:bold;
    width:60px;
    height:40px;
    border-right:20px;
    
}

.alwyn_registration_main_div {
    width:1100px;
    height:550px;
    margin-left:50%;
    left:-550px;
    border-radius:20px;
    background-color:#ececec;
    position:absolute;
    color:black;
    box-shadow: 10px 10px 10px 1px #dfdfdf;
}

#alwyn_registration_left_div {
    width:500px;
    position:absolute;
    height:100%;
    

}

#alwyn_registration_right_div {
    float:right;
    left:520px;
    width:550px;
    position:absolute;    
    height:100%;
}

body {
 background-image: url("images/back.jpg");
 background-color: #cccccc;
}

input {
    width:50px;
    border-radius:20px;
}

/* Style form controls */
.form-group {
    margin-bottom: 15px;
}

.form-control {
    
     background-color: #ececec;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 32px;
    font-size: 14px;
}

.btn {
    padding: 10px 20px;
    font-size: 16px;
}

/* Password strength indicator styles */
.progress {
    height: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.progress-bar {
    transition: width 0.4s ease-in-out;
}

/* Password strength text styles */
.password-strength-text {
    margin-top: 5px;
    font-size: 14px;
}

/* Password strength indicator color classes */
.bg-danger {
}


.alwyn-signin-container {
    width:100%;
    height:100%;
    border:0px;
    background-color:white;
    box-shadow: 0px 0px 0px 0px #dfdfdf;

}


.center1 {
    width:466px;
    height:344px;
    position:relative;
    margin-top:50%;
    top:-90px;
    left:20px;
}

#alwyn_signin_left_div {
    width:500px;
    position:absolute;
    height:100%;
    
}

#alwyn_signin_right_div {
    float:right;
    left:520px;
    width:350px;
    position:absolute;    
    height:100%;
     top:100px;
}  

.alwyn_signout_main_div {
    width:900px;
    height:550px;
    margin-left:50%;
    left:-450px;
    border-radius:20px;
    background-color:#ececec;
    position:absolute;
    color:black;
    box-shadow: 10px 10px 10px 1px #dfdfdf;

}

.alwyn_signin_main_div {
    width:900px;
    height:550px;
    margin-left:50%;
    left:-450px;
    border-radius:20px;
    background-color:#ececec;
    position:absolute;
    color:black;
    box-shadow: 10px 10px 10px 1px #dfdfdf;

}

#alwyn_signout_left_div {
    width:500px;
    position:absolute;
    height:100%;
    
}

#alwyn_signout_right_div {
    float:right;
    left:520px;
    width:350px;
    position:absolute;    
    height:100%;
     top:100px;
}