/**
 *  Custom Login/Sign Up - Mobile
 */
/* ----- Login/Sign Up Page Header ----- */
.idcustomer-account-login .header .logo,
.idcustomer-account-login .header .page-title-wrapper,
.idcustomer-account-login .header .block-banners {
    display: block;
    float: none!important;
}

.idcustomer-account-login h1 {
    float: none;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 20px;
    padding-left: 0;
}

.idcustomer-account-login .header .block-banners .banner-item-content {
    font-size: 14px;
    padding-bottom: 0!important;
    padding-right: 10px;
    text-align: center!important;
}

.idcustomer-account-login .header .block-banners .banner-item-content a {
    font-size: 14px;
}

.idcustomer-account-login .header .block-banners .close-btn {
    display: none;
}

/* ----- Login/Sign Up Page Containers ----- */
.idcustomer-account-login .login-container .block {
    margin-bottom: 20px;
}

.idcustomer-account-login .login-container .block-title {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.idcustomer-account-login .login-container .block-customer-login-heading {
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 26px;
}

.idcustomer-account-login .login-container .block-customer-login-description {
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 34px;
    margin-top: -10px;
    width: 370px;
}

.idcustomer-account-login .login-container .secure-shopping {
    bottom: 0;
    color: #747474;
    font-size: 14px;
}

.idcustomer-account-login .login-container .secure-shopping img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-top;
}

/* ----- Login/Sign Up Page Generic Field/Input Styles ----- */
.idcustomer-account-login .login-container fieldset.fieldset.info {
    margin-bottom: 0!important;
}

.idcustomer-account-login .login-container .field .label:after {
    font-family: 'minion-pro', serif;
    line-height: 1.1;
}

.idcheckout .password-toggle, 
.idcustomer-account-login .password-toggle {
    font-size: 12px;
    padding: 10px 15px;
    right: 14px;
}

.idcustomer-account-login .login-container .field input[type="text"],
.idcustomer-account-login .login-container .field input[type="email"],
.idcustomer-account-login .login-container .field input[type="password"] {
    font-family: 'minion-pro', serif;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
}

.idcustomer-account-login .login-container .form-login .password > .control:after {
    display: none;
}

.idcustomer-account-login .login-container .custom-checkbox {
    position: relative;
}

.idcustomer-account-login .login-container .custom-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    border: 1px solid #d2d2d0;
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin: 0px 10px -2px 0;
    vertical-align: baseline;
    width: 15px;
}

.idcustomer-account-login .login-container .custom-checkbox .checkbox-checked {
    display: none;
    font-size: 24px;
    left: 0;
    height: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}

.idcustomer-account-login .login-container .custom-checkbox .checkbox-checked:after {
    content: "\2713";
    color: #fff;
}

.idcustomer-account-login .login-container .custom-checkbox input[type="checkbox"]:checked {
    background-color: #000;
    border-color: #000;
}

.idcustomer-account-login .login-container .custom-checkbox input[type="checkbox"]:checked ~ .checkbox-checked {
    display: block;
}

/* ----- Login/Sign Up Page Actions Toolbar (Login) ----- */
.idcustomer-account-login .login-container .actions-toolbar {
    margin-top: 0!important;
    max-width: 300px;
}

.idcustomer-account-login .login-container .actions-toolbar .secondary {
    line-height: 16px;
    margin-bottom: 20px;
}

.idcustomer-account-login .login-container .actions-toolbar .secondary > * {
    display: inline-block;
    margin-bottom: 0!important;
    vertical-align: middle;
    width: 49%!important;
    font-size: 14px;   
}

.idcustomer-account-login .login-container .actions-toolbar .secondary > *:last-child {
    text-align: right;
}

.idcustomer-account-login .login-container .actions-toolbar .secondary .action.remind {
    float: none!important;
    margin-bottom: -1px!important;
    margin-top: 0!important;
}