body.customer-account-index,
body.customer-account-login,
body.customer-account-create,
body.customer-account-forgotpassword,
body.account{
    background-color:#f7f7f9;
}
body.account .page-main{
    margin-bottom: 20px;
}

.postcode-warning {
    background-color: #fdf0d5;
    color: #6f4400;
    font-size: 12px !important;
    padding: 10px 40px;
    margin-bottom: 0 !important;
    position: relative;
}
.postcode-warning:before {
    content: "";
    display: block;
    background-image: url(../../images/alert-filled-svgrepo-com.svg);
    width: 19px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 12px;
}
.form ul.messages {
    clear: both;
}
#password-strength-meter-container #password-strength-meter {
    background-color: #959292;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    animation: progress-bar-stripes 2s linear infinite;
    float: left;
    width: auto;
    font-size: 0;
}
#password-strength-meter-container.password-weak #password-strength-meter, #password-strength-meter-container.password-strength-meter-1 #password-strength-meter {
    width: 25%;
    background-color: #d9534f;
}
#password-strength-meter-container.password-medium #password-strength-meter {
    width: 35%;
    background-color: #f0ad4e;
}
#password-strength-meter-container.password-strong #password-strength-meter {
    width: 40%;
    background-color: #337ab7;
}
#password-strength-meter-container.password-very-strong #password-strength-meter, #password-strength-meter-container.password-strength-meter-4 #password-strength-meter {
    width: 50%;
    background-color: #5cb85c;
}
@keyframes progress-bar-stripes {

0% {
    background-position: 40px 0;
}
100% {
    background-position: 0 0;
}
}

.sku-section .sku-field-block input[type="text"] {
    width: 292px;
}

.sku-section .sku-field-block input[type="number"] {
    width: 60px;
}

.sku-section .sku-field-block input[type="number"] ~ ul li {
    max-width: 50px;
}

.sku-section .sku-field-block .field.field-reserved {
    margin-bottom: 0.625rem;
    margin-top: 0;
}

.sku-section .sku-file-upload-block input[type="file"] {
    margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
    .sku-section .sku-file-upload-block {
        width: 230px;
    }
    
    .sku-section .sku-file-upload-block input[type="file"] {
        width: 200px;
    }
    
    .sku-section .sku-field-block input[type="text"] {
        width: 190px;
    }
    
}

@media only screen and (max-width: 767px) {
    #password-strength-meter-container.password-very-strong #password-strength-meter, #password-strength-meter-container.password-strength-meter-4 #password-strength-meter {
        width: calc(100% - 50px);
    }
    .sku-section .sku-field-block {
        margin-bottom: 1.25rem; /* mb-5 */
    }
    
    .sku-section .sku-field-block input[type="text"] {
        width: 260px;
    }
    
    .sku-section .sku-field-block .messages {
        position: absolute;
    }
    
    .sku-section .sku-field-block .messages li {
        font-size: 10px;
    }
    
    .sku-section .sku-field-block input[type="number"] ~ ul li {
        max-width: 100%;
        line-height: 10px;
    }
    
    .sku-section .sku-field-block .field.field-reserved input[type="text"] {
        width: 260px;
    }
    
  }