/*



 * MWS Admin v2.1 - Login Form Stylesheet



 * This file is part of MWS Admin, an Admin template build for sale at ThemeForest.



 * All copyright to this file is hold by Mairel Theafila <maimairel@yahoo.com> a.k.a nagaemas on ThemeForest.



 * Last Updated:



 * December 08, 2012



 *



 */







@import url("form.css");



@import url("button.css");







/* Body



================================================== */







html, body {



    height: 100%;



}







body {



    color: #333;



    background-color: #f0f0f0;



    font-family: 'PT Sans', Arial, Helvetica, sans-serif;



    min-width: 320px;



}



body.signupformbox {

    background-image: url(../images/core/bg/como-escalera.jpg);

    background-position: center;

    background-size: cover;

    display: inline-table;

    width: 100%;

}

body.loginformbox {

	background-image: url(../images/core/bg/como-escalera.jpg);

    background-position: center;

    background-size: cover;

}

.loginformbox #mws-login-wrapper {

    position: relative;

    top: 50px;

}

img.formlogo {

    width: 20%;

}





/* Login Wrapper



================================================== */







/*#mws-login-wrapper {

    width: 300px;

    left: 50%;

    top: 35%;

    margin-left: -150px;

    margin-top: -142px;

    position: absolute;

}*/

.signup_vendor {}

#mws-login .mws-form-row label.mws-form-label {

    color: #000;

}

.signup_vendor #mws-login .mws-form-row .mws-form-item input {

    color: #000;

    padding: 10px;

    border-radius: 30px;

}

/*.mws-form .mws-form-cols .mws-form-col-4-8 .mws-form-item select {

    padding: 10px;

    border-radius: 30px;

}*/

.mws-form .mws-form-cols .mws-form-col-4-8 .mws-form-item input#legal_document, .mws-form .mws-form-cols .mws-form-col-4-8 .mws-form-item input#id_card {

    /*border: 1px solid #ccc;*/

    width: auto;

    color: #000;

    background: #fff;

}

#mws-login .mws-form-row:nth-child(7), #mws-login .mws-form-row:nth-child(8) {

    width: 50%;

    float: left;

    margin: 20px 0;

}

#mws-login .mws-form-row:nth-child(7) .mws-form-cols .mws-form-col-2-4 select, #mws-login .mws-form-row:nth-child(8) .mws-form-cols .mws-form-col-2-4 select {

    /*border-radius: 30px;*/

}

.mws-form .mws-button-row input.btn.btn-danger {

    padding: 6px 35px;

    border-radius: 30px;

}

.mws-form .mws-button-row a.btn.primary {

    padding: 6px 35px;

    border-radius: 30px;

}

.mws-inset {



    background-color: rgba(0, 0, 0, 0.15);



    -webkit-border-radius: 4px;



    -moz-border-radius: 4px;



    border-radius: 4px;



    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);



    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);



    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.5);



}







/* Login Box



================================================== */







#mws-login {
	background: #fff;



}







#mws-login h1 {



    color: #000;



    padding: 0 8px 8px 8px;



    font-size: 18px;



    margin: 0;



    position: relative;



    background-image: url(../images/core/mws-login-stitch.png);



    background-repeat: repeat-x;



    background-position: left bottom;



}







#mws-login .mws-login-lock {

    display: none;

    background-image: url(../images/core/mws-login-circle.png);



    background-repeat: no-repeat;



    background-position: center center;



    position: absolute;



    right: -10px;



    top: -10px;



    color: #fff;



    font-size: 20px;



    line-height: 40px;



    text-align: center;



    width: 40px;



    height: 40px;



    -webkit-border-radius: 20px;



    -moz-border-radius: 20px;



    border-radius: 20px;



}







#mws-login .mws-login-lock [class^="icon-"] {



    top: -2px;



    position: relative;



}



.mws-form .mws-button-row input {

    background: #5193c8;

    border: none;

}



/* Login Form



================================================== */





#mws-login-wrapper {

    width: 50%;

    margin: 60px auto;

}

.loginform #mws-login-form {

    padding-top: 10px;

}

.loginform #mws-login-form .mws-form-row {

    padding: 12px 10px;

    display: block;

}

.loginform #mws-login-form .mws-form-row:nth-child(2), .loginform #mws-login-form .mws-form-row:nth-child(3) {

    width: 46%;

    float: left;

}

/*.loginform #mws-login-form .mws-form-row:last-child {width: 15%;padding-bottom: 25px;}*/

/*.loginform #mws-login-form .mws-form-row:last-child input.btn.btn-primary.mws-login-button {

    padding: 5px;

    border-radius: 30px;

}*/

.loginform #mws-login-form .mws-form-row:nth-child(4) label {

    position: relative;top: 3px;

}



.login-singup-btn {

    display: flex !important;

}



.login-singup-btn .mws-login-button {

    width: 15% !important;

    border-radius: 30px;

    float: left;

    display: block;

}



.login-singup-btn p {display: block;margin-left: 15px;padding-top: 10px;}



singup a {}



.login-singup-btn p a {

    color: #faa21a;

    font-weight: 700;

    border-bottom: 1px solid;

    text-decoration: none;

}

.loginform #mws-login-form .mws-form-row:nth-child(2) .mws-login-username, .loginform #mws-login-form .mws-form-row:nth-child(3) .mws-login-password {

    border-radius: 30px;

}

.loginform #mws-login-form .mws-form-row:nth-child(4) {

    width: 100%;

    display: inline-block;

}

#mws-login form {

    background-image: url(../images/core/mws-login-stitch.png);

    background-repeat: repeat-x;

    background-position: left bottom;

    position: relative;

}



#mws-login #mws-login-remember {

    padding: 4px 6px;

    font-size: 0.9em;

    color: #ffffff;

}



#mws-login #mws-login-remember .mws-form-list {

    margin-top: 0;

}



#mws-login .mws-form-row {

    padding: 12px 0;

}



#mws-login .mws-login-username {

    background-image: url(icons/icol16/src/user.png);

    background-repeat: no-repeat;

    background-position: 8px center;

}



#mws-login .mws-login-password {

    background-image: url(icons/icol16/src/key.png);

    background-repeat: no-repeat;

    background-position: 8px center;

}



#mws-login .mws-login-username, 

#mws-login .mws-login-password {

    padding-left: 32px;

    border: 1px solid #323232;

    background-color: #fff;

    min-height: 38px;

    width: 100%;

    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);

    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);

}



#mws-login .mws-login-username.error, 

#mws-login .mws-login-password.error {

    border-color: #f3797f;

}



#mws-login .mws-login-button {

    width: 100%;

    border: 1px solid #284609;

}

.help-inline {

	color: #b94a48;

}
.vertical-layout .auth-inner .col-lg-4{
	background: #fff;
}	
.signup .auth-inner .col-lg-4 {
    padding: 25px 0 !important;
}
.signup .mws-form .mws-button-row {
       padding: 16px 0;
    border-top:0;
    background-color:#fff !important;
}
.signup .p-lg-5 {
    background: #fff;
    /*padding: 30px 0 !important;*/
}
.signup .mws-form-row label.mws-form-label {
    font-size: 14px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    font-size: 14px;
}
.signup .card-title {
	float: left;
}
.signup .card-text {
	float: right;
}
.signup #mws-login .mws-form-row {
    padding: 6px 0;
}
.signup #mws-login .mws-form-row:nth-child(7), .signup #mws-login .mws-form-row:nth-child(8) {
    margin: 8px 0;
}
.signupbtn {}
.signupbtn .btn {
    border-radius: 5px !important;
    background: #6d62e4 !important;
    color: #fff;
    width: 30%;
    padding: 10px 0 !important;
}
.signupbtn p.logtext {
    margin-top: 15px;
}

form.auth-login-form input.btn.btn-primary.w-100 {
    background: #7367f0;
}