ul
{
padding:0px;
margin:0px;
}
ul li
{
list-style:none;
}
body
{
width:100%;
margin:0px;
padding:0px;
background-color: #aaa;
/*font-family: "OpenSans-Regular" !important;*/
overflow-x:hidden;
}
a:focus
{
outline:none !important;
outline-offset:0px !important;
text-decoration:none !important;
}
a:focus, a:hover
{
outline:none !important;
outline-offset:0px !important;
text-decoration:none !important;
}
.top_links a:focus
{
color:#fff !important;
}
#page_wrap
{
width:100%;
height:auto;
padding:0px;
margin:0px;
}
.hydro_login_bg
{
width: 100%;
height:100vh;
float: left;
background-image:url(../images/POSBG.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.hydro_login_bg:after
{
content: " ";
z-index: 10;
display: block;
height:100vh;
position:absolute;
top: 0;
left: 0;
right: 0;
background-color: #000;
opacity: 0.5;
}


/* Login */
.ecom_login
{
width: 100%;
height:100vh;
float: left;
/*background-image:url(../images/online-shopping.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;*/
background-color: #f9fcff;
    background-image: linear-gradient(
147deg, #f9fcff 0%, #dee4ea 74%);
background-attachment:fixed;
}
.ecom_login2:after
{
content: " ";
z-index: 10;
display: block;
height:100vh;
position:absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
opacity: 0.9;
}
.bck_to_hm_btn {
position: absolute;
right: 30px;
top: 30px;
z-index:111;
}
.bck_to_hm_btn a {
color:#fff;
font-size:12px;
letter-spacing:1px;
font-weight:300;
z-index:111;
}

.ecom_login_contain
{
width: 30%;
height: auto;
float: left;
margin: 10% 35% 0px 35%;
position: absolute;
z-index: 111;
background-color: #fff;
padding: 20px 30px;
}
.ecom_login_contain form
{
width:100%;
height:auto;
float:left;	
}

.hydro_login_contain
{
width: 30%;
height: auto;
float: left;
margin: 10% 35% 0px 35%;
position: absolute;
z-index: 111;
background-color:#fffc;
padding: 20px 30px;
}
.hydro_login_contain form
{
width:100%;
height:auto;
float:left;	
text-align: center;
}





.ecom_login_logo
{
width:100%;
height:48px;
float:left;
margin:0% 0px 5px 0%;
font-family: 'Crete Round' !important;
color: #000;
font-size: 35px;
font-weight: 800;
text-align: center;
}
.ecom_login_logo img
{
height: 37px;
width: auto;
}
.ecom_login_logo span
{
font-family: 'Josefin Sans' !important;    
}
.ecom_login_hdtxt
{
width: 100%;
height:45px;
float: left;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
color: #000;
margin: 6% 0px 0px 0%;
text-align: center;
}
.hydro_log_footer {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    text-align: center;
    bottom: 0px;
    padding: 8px 0px;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    z-index:111;
}
.login_field
{
width:100%;
height:58px;
float:left;
}
.login_field input
{
width:100%;
height:auto;
float:left;
outline:none;
border:none;
border-bottom:1px solid #111;
padding:0px 0px 8px 0px;
font-size:14px;
letter-spacing:1px;
font-weight:300;
color:#111;
background-color:transparent;
}
.login_field select
{
width:100%;
height:auto;
float:left;
outline:none;
border:none;
border-bottom:1px solid #111;
padding:0px 0px 8px 0px;
font-size:14px;
letter-spacing:1px;
font-weight:300;
color:#111;
background-color:transparent;
}
.ecom_login_btn
{
width:auto;
height:auto;
float:right;
text-align:center;
margin:25px 0px 8px 0px;
}
.login_fpw
{
width: auto;
height: auto;
float: left;
margin: -12px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}
.login_fpw a
{
font-size: 11px;
letter-spacing: 0.8px;
font-weight: 400;
color: #111;
}
.login_fpw a:hover
{
text-decoration:underline !important;
color:#111;
}
.resend_otp
{
width:auto;
height:auto;
float:left;
}
.resend_otp a 
{
font-size: 11px;
letter-spacing: 0.8px;
font-weight: 400;
color: #111;
float: left;
margin: 0px 10px 0px 0px;
}
.resend_otp a:hover
{
text-decoration:underline !important;
color:#111;
}
.resend_otp_timelft
{
width:auto;
height:auto;
float:left;
font-size:12px;
letter-spacing:1px;
color:red;
}

.ecom_login_btn input
{
width:100%;
height:auto;
float:left;
padding:7px 12px;
background-color:transparent;
border:1px solid #111;
font-size:15px;
letter-spacing:1px;
font-weight:300;
color:#111;
outline:none;
margin: -35px 0px 0px 0px;
}
.ecom_login_btn input:hover
{
background-color:#B00707;
color:#fff;
border:1px solid #B00707;
}

/* Login End */



@media only screen and (max-width: 1024px) and (min-width: 751px) {
.hydro_login_contain
{
width: 50% !important;
height: auto;
float: left;
margin: 10% 25% 0px 25% !important;
position: absolute;
z-index: 111;
background-color: #fffc;
padding: 20px 30px;
}    
.ecom_login_logo img {
height:60px !important;
width: auto !important;
}
}