/*

 * 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;

}


#PasswordShowHide {
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: -27px;
    cursor: pointer;
}

.rsk-otp-input input {
    width: 40px;
    height: 50px;
    text-align: center;
}

.rsk-otp-input input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.rsk-otp-input .input {
    width: 40px;
    border: none;
    border: 2px solid rgba(0, 0, 0, 0.5);
    margin: 0 10px;
    text-align: center;
    font-size: 1.1rem;
    cursor: not-allowed;
    border-radius: 5px;
    pointer-events: none;
}

.rsk-otp-input .input:focus {
    border: 2px solid rgb(53, 157, 166);
    outline: none;
}

.rsk-otp-input .input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}

#Qr {
    text-align: center;
}

h3.textForloginOtp {
    font-size: 18px;
    color: #fff;
}

/* Login Wrapper

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



#mws-login-wrapper {

    width: 300px;

    left: 50%;

    top: 50%;

    margin-left: -150px;

    margin-top: -142px;

    position: absolute;

}



.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-image: url(../images/core/mws-dark-bg.png);*/

    position: relative;

    padding: 12px 16px;

    border: 1px solid #c0c0c0;

    border-top: 2px solid #535353;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

}



#mws-login h1 {

    color: #ffffff;

    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 {

    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;

}



/* Login Form

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



#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;

}

#userLoginButton {
    outline: none;
    box-shadow: none;
}
.forgot_password{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    text-decoration: none;
    float: left;
    text-align: right;
    outline: none !important;
    box-shadow: none !important;
}
.forgot_password:hover{
    color: #fff;
    text-decoration: none;
}