.login-container {max-width:375px; padding:25px; border:1px solid #e7e7e7; margin:10% auto 0px; position:relative; }
.login-container.store-parent-login-page {margin-top: 10px;}
.login-container:after {content:""; display:block; background:url(icons/login-block-shadow.png) center top no-repeat; background-size:contain; position:absolute; top:100%; width:100%; height:34px; left:0px; right:0px;}
.tab-content-login {display: none;}
.tab-content-login.hidden {display: none!important;}
.login-tab {width: auto; }
.tabs-login { height:51px; float: left; width:100%; clear: both; background:#e7e7e7; margin:0px 0px 25px; padding:0px; list-style:none; -webkit-border-radius: 4px;
    -moz-border-radius: 4px;border-radius: 4px; overflow:hidden }
.tabs-login li { float: left; width:50%; text-align:center;}
.tabs-login li.current { position: relative; background-color: #2e8540; z-index: 5; }
.tabs-login li a { padding: 14px; color: #444444; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight:700; display:block; height: 51px; line-height:21px;}
.tabs-login .current a { color: #fff; }
.tabs-login.hidden { display: none; }
#parent { display: block; }

/* For the login.tpl and supplier/info_.tpl */
.login-form-block {margin-bottom:25px; position:relative}
.login-form-icw .icw-login-input {height: 51px; line-height: 51px; box-shadow:none; border:1px solid #e7e7e7; background:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:18px;}
.login-form-block label{margin-left: 10px;}
.login-form-block.login-user-icon .icw-login-input, .login-form-block.login-pass-icon .icw-login-input {padding-left:65px;}
.login-form-block.login-user-icon:before {position:absolute; content:""; background:#444444 url(icons/login-user-icon.png) 50% 50% no-repeat; height:51px; width:51px; display:block; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.login-form-block.login-pass-icon:before {position:absolute; content:""; background:#444444 url(icons/login-pass-icon.png) 50% 50% no-repeat; height:51px; width:51px; display:block; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.btn-login {width: 100%}
.login-form-buttons {padding-top:15px;}
.login-form-buttons .link-right {float:right}
.login-form-buttons a {color:#444444; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:14px; text-decoration:underline}
.login-form-buttons a:hover {color:#444444; text-decoration:none}

@media only screen and (min-width: 420px) and (max-width: 720px){
    .login-container{margin: 50px auto 0px;}
}

@media only screen and (max-width: 420px){
    .login-container {max-width:100%; padding:15px; margin:50px 25px;}

    .tabs-login { height:40px; margin:0px 0px 15px;}
    .tabs-login li a { padding: 14px; height:40px; line-height:14px;}

    .login-form-block {margin-bottom:15px;}
    .login-form-icw .icw-login-input {height: 40px; line-height:40px;font-size:14px;}
    .login-form-block.login-user-icon .icw-login-input, .login-form-block.login-pass-icon .icw-login-input {padding-left:50px;}
    .login-form-block.login-user-icon:before,
    .login-form-block.login-pass-icon:before{height:40px; width:40px;}
    .login-form-buttons a {font-size:12px;}
}

.login-container .password-toggle {
    top: 16px;
}
@media only screen and (max-width: 768px) {
    .login-container .password-toggle {
        top: 12px;
    }
}