@charset "UTF-8";

body > * {
    font-display: block;
}

.common-form-wrapper {
    box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
    padding: 60px;
    background: #fff;
    margin: 40px 76px;
    border-radius: 10px;
}

    .common-form-wrapper .form-heading {
        font-family: OmnesSemiBold;
        color: #494949;
        margin-bottom: 30px;
        font-size: 24px;
    }

    .common-form-wrapper .common-label {
        width: 30%;
        font-family: OmnesSemiBold;
        font-size: 16px;
        color: #494949;
        display: inline-block;
        min-width: 115px;
        margin-bottom: 0;
        margin-top: 10px;
        vertical-align: top;
    }

    .common-form-wrapper .common-input {
        width: 69%;
        border-radius: 20px;
        border: 1px solid #bababa;
        padding: 10px 20px;
        box-shadow: none;
        height: 42px;
        outline: 0;
        font-family: OmnesMedium;
        font-size: 16px;
        color: #4D5668;
        margin-bottom: 18px;
    }

    .common-form-wrapper select.common-input {
        text-align: left;
        background: url(/-/media/project/common/images/registration/select-arrow.png) right 25px center no-repeat #fff;
        background-size: 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

    .common-form-wrapper textarea.common-input {
        height: 82px;
    }

    .common-form-wrapper .common-textarea-label,
    .common-form-wrapper .common-textarea {
        margin-top: 25px;
    }

    .common-form-wrapper .field-validation-error {
        color: red;
        font-family: OmnesMedium;
        position: relative;
        bottom: 15px;
        left: 31%;
    }

    .common-form-wrapper .checkbox-error-msg .field-validation-error {
        bottom: 4px;
        left: 0;
    }

    .common-form-wrapper .forgot-pw-link {
        padding-top: 20px;
    }

        .common-form-wrapper .forgot-pw-link a {
            font-family: OmnesMedium;
            font-size: 16px;
            color: #d92339;
        }

    .common-form-wrapper .already-member label {
        font-family: OmnesMedium;
        font-size: 18px;
        color: #303030;
    }

    .common-form-wrapper .already-member a {
        font-family: OmnesSemibold;
        font-size: 18px;
        color: #d92339;
        text-transform: uppercase;
        text-decoration: underline;
    }

.common-form-field input.common-checkbox[type=checkbox] {
    border: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    height: 20px;
    width: 20px;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.common-form-field label.common-chckbx-label {
    font-family: OmnesMedium;
    font-size: 16px;
    color: #494949;
    padding-left: 24px;
    background: url(/-/media/project/common/images/registration/checkbox_unchecked.png) 0 -1px no-repeat;
    line-height: 20px;
}

    .common-form-field label.common-chckbx-label a {
        color: #d92339;
        text-decoration: none;
        border-bottom: 1px solid #d92339;
    }

.common-form-field input.common-checkbox[type=checkbox]:checked + label.common-chckbx-label {
    background: url(/-/media/project/common/images/registration/checkbox_checked.png) 0 -1px no-repeat;
}

.common-form-wrapper #sample-accordion {
    padding: 0;
    list-style: none;
    display: none;
    margin-top: 25px;
}

    .common-form-wrapper #sample-accordion li.panel {
        border-radius: 10px;
        border: 1px solid #b0b0b0;
    }

        .common-form-wrapper #sample-accordion li.panel a {
            font-family: OmnesMedium;
            font-size: 20px;
            color: #666;
            display: block;
            text-align: left;
            line-height: 1.2;
            padding: 12px 10px;
            border-bottom: 1px solid #b0b0b0;
            text-decoration: none;
        }

            .common-form-wrapper #sample-accordion li.panel a span.close-icon {
                font-family: FontAwesome !important;
                float: right;
                font-weight: 700;
                font-size: 20px;
            }

                .common-form-wrapper #sample-accordion li.panel a span.close-icon::before {
                    content: "\f106";
                }

        .common-form-wrapper #sample-accordion li.panel #menusample {
            padding-left: 0;
        }

.common-form-wrapper .product-item, .freesample .product-item {
    margin: 20px 0;
}

.common-form-wrapper #sample-accordion li.panel #menusample .product-item {
    padding: 10px 0;
    cursor: pointer;
    margin: 0;
}

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item:not(:last-child) {
        border-bottom: 1px solid #b0b0b0;
    }

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item.selected {
        background-color: #f6f6f6;
    }

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-image {
        text-align: center;
    }

        .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-image img {
            height: 60px;
            width: auto;
            max-width: 100px;
        }

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-description {
        font-family: OmnesMedium;
        font-size: 14px;
        color: #333;
    }

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-name {
        font-family: OmnesMedium;
        font-size: 16px;
        color: #333;
        max-width: 240px;
        display: inline-block;
    }

    .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-description input {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
    }

.common-form-wrapper .birth-date, .common-form-wrapper .due-date {
    display: none;
}

.common-form-wrapper .check {
    display: block;
    position: absolute;
    border: 1px solid #494949;
    border-radius: 100%;
    height: 28px;
    width: 28px;
    top: 1px;
    left: 1px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

    .common-form-wrapper .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 18px;
        width: 18px;
        top: 4px;
        left: 4px;
        margin: auto;
        transition: background .25s linear;
        -webkit-transition: background .25s linear;
    }

.common-form-wrapper input[type=radio]:checked ~ .check::before {
    background: #d92339;
}


/*radio button starts*/

.common-form-wrapper .radio-btn-label .radio-btn:checked:before {
    background-color: #d92339;
}

.common-form-wrapper .radio-btn-label .radio-btn {
    position: absolute;
    border: 1px solid #494949;
    border-radius: 100%;
    height: 28px;
    width: 28px;
    top: -5px;
    left: 1px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    visibility: hidden;
}

.common-form-wrapper .radio-btn-label {
    position: relative;
    margin: 0 auto;
    height: 55px;
    top: 10px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    padding: 4px 10px 2px 33px;
    font-family: OmnesMedium;
    font-size: 14px;
    color: #424C5F;
}

    .common-form-wrapper .radio-btn-label .check {
        display: block;
        position: absolute;
        border: 1px solid #494949;
        border-radius: 100%;
        height: 28px;
        width: 28px;
        top: 1px;
        left: 1px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
    }

    .common-form-wrapper .radio-btn-label input[type=radio]:checked ~ .check {
        border: 1px solid #494949;
    }

    .common-form-wrapper .radio-btn-label .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 18px;
        width: 18px;
        top: 4px;
        left: 4px;
        margin: auto;
        transition: background .25s linear;
        -webkit-transition: background .25s linear;
    }

    .common-form-wrapper .radio-btn-label input[type=radio]:checked ~ .check::before {
        background: #d92339;
    }

/*common button starts*/
.common-form-wrapper .button-wrapper {
    text-align: center;
}

.common-form-wrapper .form-red-button {
    background-color: #db1f33;
    position: relative;
    padding: 10px;
    margin-top: 35px;
    min-width: 284px;
    font-family: OmnesSemiBold;
    font-size: 18px;
    color: #FFF;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-color: transparent;
}

.button-wrapper {
    text-align: center;
}

.form-red-button {
    background-color: #db1f33;
    position: relative;
    padding: 10px;
    margin-top: 35px;
    min-width: 284px;
    font-family: OmnesSemiBold;
    font-size: 18px;
    color: #FFF;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-color: transparent;
}
/*common button ends*/


/*CSS for OTP popup*/
.common-form-wrapper .title {
    font-size: 18px;
    font-family: OmnesSemiBold;
    margin-bottom: 0;
    text-align: center;
}

    .common-form-wrapper .title img {
        display: block;
        margin: 0 auto;
        padding-top: 20px;
    }

    .common-form-wrapper .title .steps {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-family: OmnesSemiBold;
        font-size: 16px;
    }

        .common-form-wrapper .title .steps li {
            width: 2em;
            height: 2em;
            text-align: center;
            line-height: 2em;
            border-radius: 1em;
            background: #acacac;
            margin: 0 6px;
            display: inline-block;
            color: #fff;
            position: relative;
        }

        .common-form-wrapper .title .steps .active {
            background: #d92339;
        }

        .common-form-wrapper .title .steps li::before {
            content: '';
            position: absolute;
            top: .9em;
            left: -32px;
            width: 42px;
            height: 1px;
            background: #acacac;
            z-index: -1;
        }

        .common-form-wrapper .title .steps .active ~ li, .common-form-wrapper .title .steps .active ~ li::before {
            background: #acacac;
        }

.common-form-wrapper .popup-content {
    text-align: center;
    width: 492px;
    background: url(/-/media/Project/common/Images/RegistrationCommon/BG_Popup_OTP.png) no-repeat;
    min-height: 465px;
    top: 10%;
    padding-top: 20px;
    background-size: 100% 100%;
    width: auto;
}

.common-form-wrapper .setpswd-content {
    text-align: center;
    width: 492px;
    background: url(/-/media/Project/common/Images/RegistrationCommon/BG_Popup_NewPasswords.png) no-repeat;
    min-height: 545px;
    top: 12%;
    background-size: cover;
    padding-top: 20px;
    background-size: 100% 100%;
    width: auto;
}

.common-form-wrapper .popup-content.register-otp {
    background-size: 100% 100%;
    width: auto;
}

.common-form-wrapper .setpswd-content.register-setpswd {
    background-size: 100% 100%;
    width: auto;
    padding: 20px 40px;
}

.common-form-wrapper .popup-content h2,
.common-form-wrapper .setpswd-content h2 {
    font-family: OmnesSemiBold;
    margin-top: 20px;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1.1;
    font-weight: initial;
}

.common-form-wrapper .popup-content .para,
.common-form-wrapper .setpswd-content .para {
    font-size: 16px;
    font-family: OmnesRegular;
    padding: 0px 30px;
    text-align: center;
}

.common-form-wrapper .setpswd-content .para {
    text-align: left;
}

.common-form-wrapper .setpswd-content .pw-condition {
    text-align: left;
    font-size: 16px;
    font-family: OmnesRegular;
    list-style: none;
}

    .common-form-wrapper .setpswd-content .pw-condition li::before {
        content: "\2022";
        color: #d92339;
        font-weight: bold;
        display: inline-block;
        width: 20px;
        margin-left: -1em;
        font-size: 1.5em;
        line-height: 1;
    }

.common-form-wrapper .popup-content .otp-label {
    display: none;
}

.common-form-wrapper .popup-content .otp-input {
    width: 55px;
    height: 75px;
    margin: 5px 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: OmnesRegular;
    font-size: 44px;
    color: #b1b1b1;
    text-align: center;
}

.common-form-wrapper .popup-content .one-time-pswd {
    display: inline-block;
    margin: 0 5px;
}

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

.common-form-wrapper .popup-content .not-receive {
    margin-top: 30px;
    padding-bottom: 30px;
    font-family: OmnesRegular;
}

    .common-form-wrapper .popup-content .not-receive a {
        color: #d92339;
        text-decoration: none;
        border-bottom: 1px solid #d92339;
        font-family: OmnesSemiBold;
    }

.common-form-wrapper .setpswd-content .set-pw-input {
    width: 58%;
    height: 51px;
    font-size: 22px;
    border-radius: 30px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #b1b1b1;
    text-align: center;
}

.common-form-wrapper .setpswd-content .set-pw-label {
    text-align: left;
    font-family: OmnesSemiBold;
    font-size: 16px;
    color: #494949;
    width: 40%;
    display: inline-block;
}

.common-form-wrapper .setpswd-content .field-validation-error {
    color: red;
    font-family: OmnesMedium;
    position: relative;
    bottom: 0;
    left: 64px;
    display: block;
    max-width: 364px;
    text-align: left;
}

.common-form-wrapper .setpswd-content .common-form-field {
    padding-bottom: 20px;
}

.common-form-wrapper .setpswd-content .common-chckbx-label {
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .common-form-wrapper {
        margin: 0;
        box-shadow: none;
        margin: 0;
        padding: 20px 0;
    }

        .common-form-wrapper .popup-content {
            width: 330px;
            background: url(/-/media/Project/common/Images/RegistrationCommon/M_Registration_Popup_OTP.png) no-repeat;
            background-size: contain;
            margin: 12% auto;
            min-height: 366px;
        }

        .common-form-wrapper .setpswd-content {
            width: 330px;
            background: url(/-/media/Project/common/Images/RegistrationCommon/M_Registration_Popup_NewPasswords.png) no-repeat;
            background-size: contain;
            margin: 12% auto;
            min-height: 366px;
        }

        .common-form-wrapper .form-heading {
            font-size: 30px;
            text-align: center;
            font-weight: 400;
        }

        .common-form-wrapper .common-input {
            width: 65%;
        }

        .common-form-wrapper .popup-content .otp-input {
            width: 42px;
            height: 52px;
        }

        .common-form-wrapper .popup-content h2 {
            font-size: 20px;
        }

        .common-form-wrapper .popup-content .para, .common-form-wrapper .setpswd-content .para {
            font-size: 14px;
        }

        .common-form-wrapper .popup-content .form-red-button {
            margin-top: 10px;
            padding: 5px;
        }

        .common-form-wrapper .popup-content .one-time-pswd {
            display: inline-block;
            margin: 0 0px;
        }

        .common-form-wrapper .setpswd-content .set-pw-input {
            height: 31px;
            max-width: 285px;
            width: 100%;
        }

        .common-form-wrapper .setpswd-content .set-pw-label {
            max-width: 285px;
            font-size: 12px;
            width: 100%;
        }

        .common-form-wrapper .setpswd-content h2 {
            margin-top: 0px;
            font-size: 18px;
        }

        .common-form-wrapper label.common-chckbx-label {
            font-size: 14px;
        }

        .common-form-wrapper .setpswd-content .title img {
            padding-top: 5px;
        }

        .common-form-wrapper .setpswd-content .field-validation-error {
            left: 25px;
            max-width: 285px;
            font-size: 9px;
        }

        .common-form-wrapper .setpswd-content.register-setpswd {
            padding: 20px 20px;
        }
}

.registration-flow .common-form-wrapper {
    box-shadow: none;
    padding: 0;
    margin: 0;
}

    .registration-flow .common-form-wrapper .common-input {
        width: 64%;
    }

.resetpassword-page .common-form-wrapper {
    margin: 40px 0px;
}
/*.resetpassword-page .success-form,.forgotpassword-section .success-form{
	display:none;
}*/
.success-form .content-box {
    box-shadow: 0 0 3px 3px rgba(0,0,0,.1) !important;
    padding: 60px;
    background: #fff;
    margin: 100px 0;
    border-radius: 10px;
}

    .success-form .content-box p {
        font-size: 23px;
        font-family: OmnesMedium;
        color: #494949;
    }

/*CSS for Profile Page*/
.profile-main-content .form-heading {
    border-bottom: 2px solid #D92438;
    line-height: 2;
    text-transform: uppercase;
    font-size: 30px;
    color: #d92439;
    max-width: 45%;
    font-family: OmnesSemiBold;
}

.profile-main-content .content-box .title {
    font-family: OmnesSemiBold;
    font-size: 30px;
    color: #333;
}

.profile-main-content .content-box .common-label {
    font-size: 18px;
    color: #333;
    font-family: OmnesRegular;
    font-weight: 400;
    width: 38%;
}

.profile-main-content .content-box .common-input {
    font-size: 18px;
    color: #333;
    font-family: OmnesRegular;
    width: 60%;
    border: 1px solid #b8b8b8;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
}

.profile-main-content .content-box .form-red-button {
    border-radius: 1000px;
    font-weight: 400;
    border: 2px solid #e52225;
    transition: all .5s;
    margin: 0 10px;
    min-width: 260px;
    line-height: 1;
    background: #d82338;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    font-family: OmnesSemiBold;
    font-size: 18px;
}

.profile-main-content .add-info-btn {
    width: 100%;
    border-radius: 1000px;
    font-weight: 400;
    border: 2px solid #e52225;
    transition: all .5s;
    margin: 0 10px;
    min-width: 200px;
    line-height: 1;
    background: #d82338;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    font-family: OmnesSemiBold;
    font-size: 18px;
}

.profile-main-content .content-box .ship-para {
    font-family: OmnesRegular;
    font-size: 16px;
    color: #333;
}

.profile-main-content .content-box .address-label {
    vertical-align: top;
}

.profile-main-content .myinformation .field-validation-error {
    color: red;
    font-family: OmnesMedium;
    position: relative;
    bottom: 5px;
    left: 39%;
}

.profile-main-content .content-myhuggies .profile-top .btn-wrapper {
    text-align: center;
    padding: 0;
}

.profile-main-content #img-preview {
    margin: 0 auto;
}

.profile-main-content .content-myhuggies .img-upload-msg {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .profile-main-content .content-box .title {
        font-size: 24px;
    }

    .profile-main-content .content-box .common-input,
    .profile-main-content .content-box .common-label,
    .profile-main-content .content-box .form-red-button {
        width: 100%;
    }

    .profile-main-content .content-box .button-wrapper {
        padding-top: 30px;
    }
}

/*CSS for Avatar Page*/

.content-myhuggies .field {
    font-family: OmnesSemiBold;
    text-align: center;
}

#img-preview {
    margin: 0 auto !important;
}

.profile-add-children .field {
    font-family: OmnesSemiBold;
    width: 300px;
    margin: 20px auto 10px;
    text-align: center;
}

.img-upload-btn {
    cursor: pointer;
    text-align: center;
    display: block;
    text-decoration: underline;
    position: relative;
    max-width: 100%;
    margin: 20px auto 0;
    font-family: OmnesRegular;
    font-size: 20px;
    color: #d82338;
    line-height: 1;
}

.profile-main-content .content-box .invite-label {
    font-family: OmnesRegular;
    font-size: 18px;
    color: #333;
    width: 100%;
    text-align: left;
}

.profile-main-content .content-box .invite-input {
    border: 1px solid #b8b8b8;
    border-radius: 10px;
    padding: 10px;
    font-family: OmnesRegular;
    font-size: 18px;
    color: #333;
    width: 100%;
}
/*CSS for Baby Profile Page*/
.profile-main-content .profile-update-children,
.profile-main-content .profile-add-children {
    display: none;
}

.profile-main-content .baby-profile-label {
    font-size: 18px;
    color: #333;
    font-family: OmnesRegular;
    display: block;
    text-align: left;
    width: 100% !important;
}

.profile-main-content .baby-profile-input {
    display: block;
    text-align: left;
    width: 100% !important;
    margin: 10px 0;
}

    .profile-main-content .baby-profile-input[type=number]::-webkit-inner-spin-button,
    .profile-main-content .baby-profile-input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

.profile-main-content .baby-profile-select {
    display: block;
    text-align: left;
    width: 100% !important;
    margin: 10px 0;
    border: 1px solid #c9c9c9;
    border-radius: 11px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-overflow: clip;
    z-index: 2;
    text-align: left;
    background: url(/-/media/project/common/images/registration/select-arrow.png) right 13px center no-repeat #fff;
    background-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
    height: 44px;
    font-family: OmnesRegular;
    font-size: 14px;
    color: #989898;
    white-space: nowrap;
}

.profile-main-content .button-wrapper {
    padding: 10px 20px;
    text-align: center;
}

.profile-main-content .form-red-button {
    padding: 10px 60px;
    /*width:100%;*/
}

.profile-main-content .form-white-button {
    width: 100%;
    border-radius: 1000px;
    font-weight: 400;
    transition: all .5s;
    margin: 0 10px;
    min-width: 200px;
    line-height: 1;
    padding: 10px 60px 10px;
    background: #fff;
    text-transform: uppercase;
    line-height: 1;
    font-family: OmnesSemiBold;
    font-size: 18px;
    color: #d82338;
    border: 2px solid #d82338;
}

.profile-main-content .profile-add-children .button-wrapper {
    width: 50%;
    margin-left: 50%;
}
/*CSS for Sample Profile Page*/
.profile-main-content .freesample .sample-label {
    width: 30%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
    font-family: OmnesRegular;
    font-size: 16px;
    color: #494949;
    text-align: left;
}

.profile-main-content .freesample .common-chckbx-label.sample-label {
    width: 100%;
    text-align: left;
}

.profile-main-content .freesample .sample-input {
    width: 69%;
    border-radius: 20px;
    border: 1px solid #bababa;
    padding: 10px 20px;
    box-shadow: none;
    height: 42px;
    outline: 0;
    font-family: OmnesMedium;
    font-size: 16px;
    color: #4d5668;
    margin-bottom: 18px;
}

    .profile-main-content .freesample .sample-input:focus {
        border-radius: 20px;
    }

.profile-main-content .freesample .save-sample-btn {
    padding: 10px 60px;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    background: #e52225;
    color: #fff;
    display: block;
    border-radius: 100px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: OmnesSemiBold;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid transparent;
}

.profile-main-content .freesample #sample-accordion {
    padding: 0;
    list-style: none;
    margin-top: 25px;
}

    .profile-main-content .freesample #sample-accordion li.panel {
        border-radius: 10px;
        border: 1px solid #b0b0b0;
    }

        .profile-main-content .freesample #sample-accordion li.panel a {
            font-family: OmnesMedium;
            font-size: 20px;
            color: #666;
            display: block;
            text-align: left;
            line-height: 1.2;
            padding: 12px 10px;
            border-bottom: 1px solid #b0b0b0;
            text-decoration: none;
        }

            .profile-main-content .freesample #sample-accordion li.panel a span.close-icon {
                font-family: FontAwesome !important;
                float: right;
                font-weight: 700;
                font-size: 20px;
            }

        .profile-main-content .freesample #sample-accordion li.panel #menusample {
            padding-left: 0;
        }

            .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item:not(:last-child) {
                border-bottom: 1px solid #b0b0b0;
            }

            .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item {
                padding: 10px 0;
                cursor: pointer;
                margin: 0;
            }

                .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item .product-image {
                    text-align: center;
                }

                    .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item .product-image img {
                        height: 60px;
                        width: auto;
                        max-width: 100px;
                    }

                .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item .product-description {
                    font-family: OmnesMedium;
                    font-size: 14px;
                    color: #333;
                    text-align: left;
                    max-width: 250px;
                }

                .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item .product-name {
                    font-family: OmnesBold;
                    font-size: 16px;
                    color: #333;
                    max-width: 240px;
                    display: inline-block;
                }

                .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item .product-description input {
                    position: absolute;
                    left: 0;
                    top: 0;
                    visibility: hidden;
                }

                .profile-main-content .freesample #sample-accordion li.panel #menusample .product-item.selected {
                    background-color: #f6f6f6;
                }

.profile-main-content .invite-form .common-label {
    width: 100% !important;
    text-align: left;
}

.profile-main-content .invite-form .common-input {
    width: 100% !important;
    text-align: left;
}

.profile-main-content .invite-form .add-friend {
    display: none;
    float: right;
    font-size: 18px;
    font-family: OmnesSemiBold;
    color: #d82338;
    padding: 3px 0 3px 22px;
    background: url(/-/media/project/common/images/registration/profile/InviteFriend/add_friend_button.png) left no-repeat;
    text-decoration: none;
}

.profile-main-content .invite-form .remove-friend {
    display: none;
    font-size: 18px;
    font-family: OmnesSemiBold;
    padding: 3px 0 3px 22px;
    text-decoration: none;
    float: left;
    color: #eb919b;
    background: url(/-/media/project/common/images/registration/profile/InviteFriend/remove_friend_button.png) left no-repeat;
}

.profile-main-content .invite-form .preview-btn,
.profile-main-content .invite-form .send-invite {
    padding: 10px 12px !important;
}

.profile-main-content .invite-form .add-btn.active {
    display: block;
}

.common-form-wrapper .social-sign-in {
    text-align: center;
}

.common-form-wrapper .reg-btns {
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 46px;
    margin-bottom: 25px;
    font-family: OmnesSemibold;
    font-size: 18px;
    color: #FFF;
    min-width: 320px;
    border: none;
}

.common-form-wrapper .google-btn {
    background: #d92339;
}

.common-form-wrapper .fb-btn {
    background: #163083;
}

.common-form-wrapper .zalo-btn {
    background: #028fe2;
}

.profile-main-content .profile-otp .common-form-wrapper {
    box-shadow: none;
    padding: 60px 0;
    background: #fff;
    margin: 0;
    border-radius: 0;
}

.common-form-wrapper .testing {
    margin: 0;
}

/*CSS for Accordian on Sample page starts*/
.free-sample-dynamic #accordion {
}

    .free-sample-dynamic #accordion ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .free-sample-dynamic #accordion ul li .accordion_head {
            text-decoration: none;
            display: block;
            padding: 10px
        }

.free-sample-dynamic .accordion {
    padding: 50px
}

.free-sample-dynamic #accordion ul li .accordion_head span {
    float: right;
    font-size: 30px;
    margin-top: -12px;
    margin-right: 10px
}

.free-sample-dynamic #accordion ul li .accordion_head {
    background: #fff;
    border: 2px solid #f10016;
    color: #646464;
    border-radius: 10px;
    z-index: 11;
    position: relative;
    font-family: omnesmedium;
    font-size: 18px
}

    .free-sample-dynamic #accordion ul li .accordion_head.opened {
        background: #f10016;
        color: #fff
    }

    .free-sample-dynamic #accordion ul li .accordion_head span.minus:after {
        content: '-';
        width: 20px;
        height: 20px;
        color: #fff;
        font-size: 20px;
        font-family: omnesmedium
    }

    .free-sample-dynamic #accordion ul li .accordion_head.opened span.minus:after {
        color: #fff;
        font-size: 29px;
        position: relative;
        top: -12px
    }

    .free-sample-dynamic #accordion ul li .accordion_head span.plus:after {
        content: '+';
        width: 20px;
        height: 20px;
        color: #f10016;
        font-size: 20px;
        font-family: omnesmedium;
        font-size: 29px;
        position: relative;
        top: -12px;
        width: 100%
    }

.free-sample-dynamic #accordion ul li .accordion_body {
    display: none;
}

.free-sample-dynamic .accordion {
    border: 2px solid #f10016;
    border-top: none;
    margin-top: -10px;
    border-radius: 0 0 10px 10px;
    width: 100%
}

    .free-sample-dynamic .accordion:target {
        border: 2px solid #f10016;
        border-top: none;
        margin-top: -6px;
        border-radius: 0 0 10px 10px;
        width: 100%
    }

.free-sample-dynamic #accordion ul li {
    margin-bottom: 20px;
    display: block
}

    .free-sample-dynamic #accordion ul li:first-child div {
    }

.free-sample-dynamic table {
    border: none;
    width: 100%
}

    .free-sample-dynamic table caption {
        text-align: left;
        color: #f10016;
        font-size: 18px;
        font-family: omnesmedium
    }

    .free-sample-dynamic table tbody td {
        font-family: omnesregular;
        font-size: 16px;
        font-weight: 700
    }

        .free-sample-dynamic table tbody td:first-child {
            width: 100px;
            text-align: center
        }

    .free-sample-dynamic table tbody tr:last-of-type td {
        text-align: left
    }

    .free-sample-dynamic table tr:nth-of-type(even) {
        background: 0 0
    }

.free-sample-dynamic .btnSelect {
    font-family: omnesbold !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    border-radius: 25px !important;
    background: #f10016 !important;
    padding: 12px 31px 12px !important;
    border: none !important;
    margin-top: 20px;
    margin-bottom: 50px;
}

.free-sample-dynamic .selectedProducts {
    color: red;
    font-family: omnesregular;
    font-size: 16px;
}

.free-sample-dynamic .btnSelect.pro-selected {
    background: green
}

.free-sample-dynamic table tbody td:first-child img {
}

/*CSS for New VD changes*/
.signin-bgimage-wrapper .common-form-wrapper {
    width: 640px;
    background: url(/-/media/Project/common/Images/RegistrationCommon/BG_PhoneNumber.png) no-repeat;
    background-size: 100% 100%;
}

.upload-button-wrapper {
    position: absolute;
    left: -290px;
    bottom: -390px;
}
@media only screen and (max-width: 991px) {
	.upload-button-wrapper {
		position:static !important;
	}
}
/*CSS for New VD changes ends*/

/*CSS for Modal Popup*/
.profile-baby-modal .modal-content {
    width: 600px;
    height: auto;
    padding: 55px 35px 45px;
    background: #fff;
    border-radius: 15px;
}

    .profile-baby-modal .modal-content .close {
        border: none;
        background: #e52225;
        position: absolute;
        right: 15px;
        top: 15px;
        text-decoration: none;
        width: 40px;
        height: 40px;
        z-index: 100;
        background: url(/-/media/project/common/images/registration/profile/InviteFriend/close_icon.png) no-repeat;
    }

.profile-baby-modal .modal-header {
    padding: 0;
    border: none;
}

.profile-baby-modal .modal-body {
    font-family: OmnesRegular;
    font-size: 18px;
    color: #333;
    text-align: center;
    padding: 10px;
}

.profile-baby-modal .modal-footer {
    border: none;
    padding: 0;
}

.profile-baby-modal .save-btn-wrapper {
    text-align: center;
}

.profile-baby-modal .form-red-button {
    padding: 6px;
    min-width: 125px;
    font-size: 15px;
    margin-top: 10px;
    margin-right: 20px;
}

    .profile-baby-modal .form-red-button:hover {
        color: #fff;
    }

.thank-you-wrapper {
    text-align: center;
}

    .thank-you-wrapper .heading, .saved-heading {
        font-family: OmnesSemiBold;
        color: #494949;
        margin-bottom: 20px;
        font-size: 30px;
    }

    .thank-you-wrapper .sub-heading {
        font-family: OmnesSemiBold;
        color: #494949;
        font-size: 18px;
        width: 70%;
        margin: 0 auto;
    }

    .thank-you-wrapper .freesample-heading {
        margin-top: 20px;
        font-weight: 100;
        color: #494949;
        font-family: OmnesRegular;
    }

    .thank-you-wrapper .freesample-heading .freesamplemail {
            color: #494949;
        }

.validation-summary-errors {
    position: absolute;
    right: 24%;
}

    .validation-summary-errors ul {
        list-style: none;
        padding: 0;
        font-family: OmnesMedium;
        font-size: 14px;
        line-height: 16px;
        color: #d92339;
    }

.profile-main-content .content-box .save-avatar-btn[disabled] {
    cursor: not-allowed;
    opacity: .65;
}

.common-form-wrapper .captcha-error {
    display: contents;
}
/* VN Sample Banner*/
.fullwidth-banner-wrapper {
    position: relative;
}

.banner-content-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.fw-banner-cta-wrapper {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.fw-banner-content {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 515px;
    bottom: 0;
}

    .fw-banner-content h2 {
        font-family: OmnesSemiBold;
        font-style: italic;
        color: #0076c0;
        font-size: 30px;
    }

.fw-banner-text-first-line {
    display: block;
    padding-left: 40px;
    margin-bottom: 5px;
}

.fw-banner-text-highlight {
    color: #d92338;
    font-family: omnesbold;
    font-size: 34px;
    padding-left: 10px;
}

.fw-absolute-data-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    max-width: 1450px;
}

.fw-banner-content p {
    font-family: TheOnlyException;
    font-size: 20px;
    color: #494949;
    text-align: center;
    margin-top: 15px;
}

.fw-banner-cta.btn.btn-rounded {
    margin: 0;
}

.go-to-link img:hover {
    cursor: pointer;
}

.go-to-link img {
    image-rendering: pixelated;
}

.fw-banner-cta.hasDownArrow:after {
    content: '';
    position: absolute;
    border: solid #e52225;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-width: 0px 3px 3px 0px;
    transform: rotate(45deg) translatex(-50%);
    left: 50%;
    bottom: -20px;
}

@media only screen and (min-width:1600px) {
    .fw-banner-content {
        top: 50px;
    }
}

@media only screen and (max-width:767px) {
    .fw-banner-content {
        width: 100%;
        padding: 10px;
        text-align: center;
        right: 0;
        top: 25px;
    }

        .fw-banner-content p {
            font-size: 16px;
            margin-top: 23px;
        }

        .fw-banner-content h2 {
            font-size: 26px;
        }

    .fw-banner-text-highlight {
        font-size: 24px;
        display: block;
    }

    .fw-banner-cta-wrapper {
        top: 42%;
    }

    .fw-banner-cta.btn.btn-rounded {
        font-size: 14px;
        position: relative;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .fw-banner-content {
        right: 0;
        top: 0;
        width: 300px;
    }

        .fw-banner-content h2, .fw-banner-text-highlight {
            font-size: 18px;
        }

        .fw-banner-content p {
            font-size: 12px;
            margin-top: 10px;
        }

    .fw-banner-cta.btn.btn-rounded {
        font-size: 14px;
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .fw-banner-content {
        right: 50px;
        top: 25px;
        width: 350px;
    }

        .fw-banner-content h2, .fw-banner-text-highlight {
            font-size: 18px;
        }

        .fw-banner-content p {
            font-size: 12px;
            margin-top: 10px;
        }

    .fw-banner-cta.btn.btn-rounded {
        font-size: 14px;
    }
}

@media only screen and (max-width:340px) {
    .fw-banner-cta-wrapper {
        top: 55%;
        position: relative;
        display: inline-block;
    }
}
.sampling_page_wrapper .registration-flow {
    padding-top: 0;
}

.sampling_page_wrapper .common-form-wrapper .form-heading {
    text-align: left;
    color: #303030 !important;
    padding-left: 15px;
}

.sampling_page_wrapper {
    background-image: url("/-/media/Project/HuggiesVN/Images/FreeSample/desktop_bg1-min.jpg");
    background-size: 100%;
    background-position: bottom;
    padding-bottom: 350px;
    background-repeat: no-repeat;
}

    .sampling_page_wrapper .freesample-form {
        margin: 0 auto;
        padding: 0px 0 40px 0;
    }

    .sampling_page_wrapper .common-form-wrapper.p-0 {
        margin: 40px !important;
    }

    .sampling_page_wrapper .common-form-wrapper {
        box-shadow: 0 0 3px 3px rgba(0,0,0,.1) !important;
        margin-top: 40px;
        padding: 3% 12% 0 12%;
    }

        .sampling_page_wrapper .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-image img {
            height: auto;
        }

        .sampling_page_wrapper .common-form-wrapper #sample-accordion li.panel {
            overflow: hidden;
        }

            .sampling_page_wrapper .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-description:first-child {
                margin-left: -25px;
            }

            .sampling_page_wrapper .common-form-wrapper #sample-accordion li.panel a {
                font-size: 16px;
            }

@media only screen and (max-width:767px) {
    .sampling_page_wrapper {
        background-image: url("/-/media/Project/HuggiesVN/Images/FreeSample/mobile_main_bg.jpg");
        background-size: 100%;
        background-position: bottom;
        padding-bottom: 400px;
    }

        .sampling_page_wrapper .common-form-wrapper {
            padding: 30px 0px !important;
        }

            .sampling_page_wrapper .common-form-wrapper #sample-accordion li.panel #menusample .product-item .product-description:first-child {
                margin-left: 15px;
            }

            .sampling_page_wrapper .common-form-wrapper .form-heading {
                text-align: center;
                font-size: 20px;
            }
}
.freesample-thank-you-wrapper {
    padding: 20px;
    text-align: center;
}

    .freesample-thank-you-wrapper .btn-rounded.fb-share-image {
        display: inline-block;
        width: auto;
        margin-left: 0;
    }

@media only screen and (max-width:767px) {
    .sampling_page_wrapper .common-form-wrapper .popup-content .otp-input {
        width: 35px;
        height: 45px;
    }

    .sampling_page_wrapper .common-form-wrapper.p-0 {
        margin: 0 0 !important;
    }

    .sampling_page_wrapper .validation-summary-errors {
        position: static;
    }
    
}
.registration-flow .common-form-wrapper .freesample-form .common-input {
    margin-bottom: 0px;
}

.registration-flow .common-form-wrapper .freesample-form .common-form-field {
    margin-bottom: 18px;
}
.registration-flow .common-form-wrapper .freesample-form .field-validation-error {
    position: static;
    padding-left: 35%;
    max-width: 100%;
    display: inline-block;
}

.sampling_page_wrapper {
    background-color: #f9f9f9;
}
.freesample-form #sample-accordion li.panel a span.close-icon {
    transform: rotate(180deg);
}
#bannerCtaHolder {
    position: relative;
}

.freesample-form .sample-checkbox + label, .freesample-form .sample-checkbox {
    opacity: 0;
    height: 0 !important;
    position: absolute
} 

header .level2navbar .l2links .profilemenu .username {
    margin: 0;
    padding: 15px 28px 16px;
}

.profilemenu a.username.dropdown-toggle + .dropdown-menu {
    border: 1px solid #f3f3f3;
    padding: 0;
    min-width: 202px
}

    .profilemenu a.username.dropdown-toggle + .dropdown-menu li {
        border-bottom: 1px solid #e99ca5;
    }

        .profilemenu a.username.dropdown-toggle + .dropdown-menu li:last-child {
            border: 0;
        }

.profilemenu a.username.dropdown-toggle .arrow_icon {
    padding-left: 8px;
}

.profilemenu.dropdown a.username.dropdown-toggle .glyphicon-menu-up {
    display: none;
}

.profilemenu.dropdown a.username.dropdown-toggle .glyphicon-menu-down {
    display: inline-block;
}

.profilemenu.dropdown.open a.username.dropdown-toggle .glyphicon-menu-up {
    display: inline-block;
}

.profilemenu.dropdown.open a.username.dropdown-toggle .glyphicon-menu-down {
    display: none;
}

.l2links li.profilemenu.dropdown ul.dropdown-menu a.btn {
    padding: 15px 40px 16px 30px;
    text-align: left;
}

li.profilemenu.dropdown .username img {
    margin-right: 8px;
}

@media only screen and (max-width:767px) {
    body.fixed_noScroll {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }

        body.fixed_noScroll:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: rgba(0,0,0,0.8);
            z-index: 9;
        }
}

.common-form-wrapper.passwordvalidateform {
    max-width: 550px;
    margin: 0 auto;
    position: relative;
}

    .common-form-wrapper.passwordvalidateform .validation-summary-errors {
        position: absolute;
        top: 53%;
        left: 36%;
    }