#login-reg-wrapper-in-page {
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
    border: 1px solid #E0E2EA;
    border-radius: 7px;
    max-width: 384px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#login-reg-wrapper-in-page.lk-form-login {
    margin: 0;
}

#login-reg-wrapper-in-page h3 {
    margin-top: 0;
}

#login-reg-wrapper-in-page .header-log-reg-in-page {
    margin-top: 0;
    font: 600 22px/34px 'Montserrat', sans-serif;
    color: #33305A;
}

#login-reg-wrapper-in-page .subheader-log-reg-in-page {
    margin-top: 10px;
    font: 400 18px/22px 'Roboto', sans-serif;
    color: #33305A;
}

#login-reg-wrapper-in-page form {
    margin-top: 40px;
}

#login-reg-wrapper-in-page form .reg_passmail, #login-reg-wrapper-in-page form .forget-pass {
    display: block;
    text-align: left;
    font: 400 16px/20px 'Roboto', sans-serif;
    color: #33305A;
}

#login-reg-wrapper-in-page form .forget-pass a {
    color: #00C0CF;
    font-size: 16px;
}

#login-reg-wrapper-in-page input, #login-reg-wrapper-in-page select {
    height: 50px;
    line-height: 50px;
    background: #F8F8F8;
    border: 1px solid #E0E2EA;
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    max-width: 320px;
    font-size: 18px;
    color: #85839C;
    width: 100%;
    margin-bottom: 15px;
}

#login-reg-wrapper-in-page input:disabled {
    background: #dddddd;
    cursor: not-allowed;
}

#login-reg-wrapper-in-page .form-group {
    margin-bottom: 0;
}

#login-reg-wrapper-in-page input[type="submit"] {
    background: #C62338;
    border-radius: 3px;
    padding: 0;
    font: 700 18px/22px 'Roboto', sans-serif;
    color: #fff;
    border: 0 none;
    margin-bottom: 0;
    margin-top: 30px;
}

#login-reg-wrapper-in-page .login-in-page-alter {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 15px;
    font: 400 16px / 20px 'Roboto', sans-serif;
    color: #85839C;
}

#login-reg-wrapper-in-page .login-in-page-alter:before {
    content: '';
    display: block;
    height: 1px;
    margin-right: 10px;
    margin-top: 2px;
    background: #E0E2EA;
    flex-grow: 1;
}

#login-reg-wrapper-in-page .login-in-page-alter:after {
    content: '';
    display: block;
    height: 1px;
    margin-left: 10px;
    margin-top: 2px;
    background: #E0E2EA;
    flex-grow: 1;
}

#login-reg-wrapper-in-page .change-password__description {
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
}

#login-reg-wrapper-in-page .change-password__form {
    margin-top: 20px;
}

#login-reg-wrapper-in-page .change-password__form .change-password__button {
    margin-top: 5px;
}

#login-reg-wrapper-in-page .login-in-page-alter-form {
    margin-top: 0;
}

#login-reg-wrapper-in-page .login-in-page-alter-form.sent {
    font-size: 16px;
}

#login-reg-wrapper-in-page .login-in-page-send-login-email {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 50px;
    font-size: 18px;
    color: #85839C;
    background: #F8F8F8;
    border: 1px solid #E0E2EA;
    border-radius: 3px;
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
}

#login-reg-wrapper-in-page input.login-in-page-send-login-button {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font: 700 18px / 22px 'Roboto', sans-serif;
    color: #00C0CF;
    background: none;
    border: 2px solid rgba(0, 192, 207, 0.2);
    border-radius: 3px;
}

#login-reg-wrapper-in-page .logregpage-switch {
    font: 400 16px/20px 'Roboto', sans-serif;
    text-align: center;
    color: #33305A;
    margin-top: 30px;
}

#login-reg-wrapper-in-page .logregpage-switch a {
    font-weight: 700;
    color: #00C0CF;
    font-size: 16px;
}

#login-reg-wrapper-in-page .logregpage-switch a:hover {
    opacity: 0.8;
}

#login-reg-wrapper-in-page .sml-reg-text, #login-reg-wrapper-in-page a {
    text-decoration: none;
    margin: 0;
}

#login-reg-wrapper-in-page .sml-reg-text {
    margin-top: 40px;
    font: 400 12px/15px 'Roboto', sans-serif;
    color: #A3A3A3;
}

#login-reg-wrapper-in-page .sml-reg-text a {
    color: #0E8CD8;
    font-size: 12px;
}

#login-reg-wrapper-in-page .alreadyreg, #login-reg-wrapper-in-page .alreadylogin {
    display: block;
    font-size: 18px;
    margin: 0;
    text-align: center;
    padding: 20px;
    border: 1px solid #FF3C3C;
    font-weight: bold;
}

#login-reg-wrapper-in-page p.have-login {
    margin-top: 10px;
}

#login-reg-wrapper-in-page .profile-password-wrapper {
    width: auto;
}

#login-reg-wrapper-in-page .profile-password-field-error {
    display: block;
    margin-top: -12px;
    text-align: left;
}

#login-reg-wrapper-in-page .profile-password-wrapper .profile-password-show {
    top: 40%;
}

#login-reg-wrapper-in-page .change-password__error,
#login-reg-wrapper-in-page .change-password__success,
.check-credentials__error {
    display: none;
    margin-top: 30px;
    padding: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 125%;
    color: #33305A;
    border-radius: 3px;
}

#login-reg-wrapper-in-page .change-password__error,
.check-credentials__error {
    background-color: #FF3C3C26;
    border: 1px solid #FF3C3C26;
}

#login-reg-wrapper-in-page .change-password__success {
    background-color: #4AB62926;
    border: 1px solid #4AB62966;
}

#login-reg-wrapper-in-page .change-password__error.show,
#login-reg-wrapper-in-page .change-password__success.show,
.check-credentials__error.show {
    display: block;
}

.check-credentials__error {
    max-width: 320px;
    margin: 0 auto 15px auto;
}

.slide-y-enter-active {
    overflow: hidden;
    transition: max-height 0.8s ease, opacity 0.8s ease;
}

.slide-y-leave-active {
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
}

.slide-y-enter,
.slide-y-leave-to {
    max-height: 0;
    opacity: 0;
}

.slide-y-enter-from,
.slide-y-leave {
    max-height: 1000px;
    opacity: 1;
}

.auto-resize {
    resize: none;
    overflow: hidden;
    min-height: 80px;
    max-width: 100%;
}

.tablestriped tbody > tr:nth-of-type(2n+1), .tablestriped tbody > tr:nth-of-type(2n+1) tr {
    background-color: #f5f5f7 !important;
}

.page-checkout .checkout-frame .product-col .col-value {
    color: #33305a;
}

.page-checkout .checkout-frame p {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.page-checkout .checkout-frame table > tbody > tr:hover {
    background-color: transparent;
}

.page-checkout .checkout-frame .checkbox-inline {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}