.client_account .groupContainer > .row > div > .group.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer > .group.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #personalData.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #change_email.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #change_password.inputs-full_width .form-group:not([data-edit=true]) { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: flex-start; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group, .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group.macroText-input-group, .client_account .groupContainer > .row > div > .group .actionbox, .client_account .groupContainer > .group .actionbox, .client_account .groupContainer #personalData .actionbox, .client_account .groupContainer #change_email .actionbox, .client_account .groupContainer #change_password .actionbox, .client_account .groupContainer > .row > div > .group .form-group.macroSelect-input-group, .client_account .groupContainer > .group .form-group.macroSelect-input-group, .client_account .groupContainer #personalData .form-group.macroSelect-input-group, .client_account .groupContainer #change_email .form-group.macroSelect-input-group, .client_account .groupContainer #change_password .form-group.macroSelect-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: center; } .client_account .groupContainer > .row > div > .group.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer > .group.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #personalData.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #change_email.inputs-full_width .form-group:not([data-edit=true]), .client_account .groupContainer #change_password.inputs-full_width .form-group:not([data-edit=true]) { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: flex-start; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group, .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group.macroText-input-group, .client_account .groupContainer > .row > div > .group .actionbox, .client_account .groupContainer > .group .actionbox, .client_account .groupContainer #personalData .actionbox, .client_account .groupContainer #change_email .actionbox, .client_account .groupContainer #change_password .actionbox, .client_account .groupContainer > .row > div > .group .form-group.macroSelect-input-group, .client_account .groupContainer > .group .form-group.macroSelect-input-group, .client_account .groupContainer #personalData .form-group.macroSelect-input-group, .client_account .groupContainer #change_email .form-group.macroSelect-input-group, .client_account .groupContainer #change_password .form-group.macroSelect-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; align-items: center; } .client_account .menu.nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; } @media (min-width: 992px) { .client_account { padding: 1rem 0; } } .client_account .title { margin-bottom: 1rem; } .client_account .welcome-message { margin: 0px; } .client_account .welcome-message a { display: inline-block; margin-left: 1.25rem; text-decoration: underline; } .client_account .menu.nav-tabs { width: 100%; border-bottom: 1px solid #dfdfdf; list-style: none; } .client_account .menu.nav-tabs > li { display: block; color: #333333; padding: 1rem 1.5rem; } @media (max-width: 575.98px) { .client_account .menu.nav-tabs > li { padding: 1rem 1rem; } } .client_account .menu.nav-tabs > li > a { text-decoration: none; color: #333333; border: 0; padding: 0; } .client_account .menu.nav-tabs > li.active { font-weight: 700; } .client_account .groupContainer { display: block; padding: 1.5rem; max-width: calc(95% - 2rem); } @media (max-width: 991.98px) { .client_account .groupContainer { max-width: 100%; } } .client_account .groupContainer > .title { display: block; margin-bottom: 1rem; color: #333333; } .client_account .groupContainer > .row > div > .group, .client_account .groupContainer > .group, .client_account .groupContainer #personalData, .client_account .groupContainer #change_email, .client_account .groupContainer #change_password { display: block; margin-bottom: 3rem; } .client_account .groupContainer > .row > div > .group .form-group, .client_account .groupContainer > .group .form-group, .client_account .groupContainer #personalData .form-group, .client_account .groupContainer #change_email .form-group, .client_account .groupContainer #change_password .form-group { margin: 0 0 0.25rem; } .client_account .groupContainer > .row > div > .group .form-group > label, .client_account .groupContainer > .group .form-group > label, .client_account .groupContainer #personalData .form-group > label, .client_account .groupContainer #change_email .form-group > label, .client_account .groupContainer #change_password .form-group > label { display: inline-block; margin: 0; font-weight: 700; } .client_account .groupContainer > .row > div > .group .form-group input, .client_account .groupContainer > .group .form-group input, .client_account .groupContainer #personalData .form-group input, .client_account .groupContainer #change_email .form-group input, .client_account .groupContainer #change_password .form-group input { display: inline-block; width: initial; height: initial; padding: 0; border: 0; background: transparent; } .client_account .groupContainer > .row > div > .group .form-group .intl-tel-input, .client_account .groupContainer > .group .form-group .intl-tel-input, .client_account .groupContainer #personalData .form-group .intl-tel-input, .client_account .groupContainer #change_email .form-group .intl-tel-input, .client_account .groupContainer #change_password .form-group .intl-tel-input { width: initial; } .client_account .groupContainer > .row > div > .group .form-group .flag-container, .client_account .groupContainer > .group .form-group .flag-container, .client_account .groupContainer #personalData .form-group .flag-container, .client_account .groupContainer #change_email .form-group .flag-container, .client_account .groupContainer #change_password .form-group .flag-container { display: none; } .client_account .groupContainer > .row > div > .group .form-group .input-group, .client_account .groupContainer > .group .form-group .input-group, .client_account .groupContainer #personalData .form-group .input-group, .client_account .groupContainer #change_email .form-group .input-group, .client_account .groupContainer #change_password .form-group .input-group { display: inline-block; width: initial; margin: 0; } .client_account .groupContainer > .row > div > .group .form-group p, .client_account .groupContainer > .group .form-group p, .client_account .groupContainer #personalData .form-group p, .client_account .groupContainer #change_email .form-group p, .client_account .groupContainer #change_password .form-group p { margin: 0.25rem 0 0.25rem 0; } .client_account .groupContainer > .row > div > .group .form-group .radios .icheck, .client_account .groupContainer > .group .form-group .radios .icheck, .client_account .groupContainer #personalData .form-group .radios .icheck, .client_account .groupContainer #change_email .form-group .radios .icheck, .client_account .groupContainer #change_password .form-group .radios .icheck { padding-right: 10px; } .client_account .groupContainer > .row > div > .group .form-group .radios .icheck label, .client_account .groupContainer > .group .form-group .radios .icheck label, .client_account .groupContainer #personalData .form-group .radios .icheck label, .client_account .groupContainer #change_email .form-group .radios .icheck label, .client_account .groupContainer #change_password .form-group .radios .icheck label { margin-bottom: 0; } .client_account .groupContainer > .row > div > .group .form-group .radios .icheck label:after, .client_account .groupContainer > .group .form-group .radios .icheck label:after, .client_account .groupContainer #personalData .form-group .radios .icheck label:after, .client_account .groupContainer #change_email .form-group .radios .icheck label:after, .client_account .groupContainer #change_password .form-group .radios .icheck label:after { content: none; } .client_account .groupContainer > .row > div > .group .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer > .group .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #personalData .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #change_email .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #change_password .form-group.macroSelect-input-group .custom-select { position: relative; top: 1px; display: inline-block; width: initial; height: initial; padding: 0; border: 0; background: #fff; font-weight: normal; padding-left: 5px; } .client_account .groupContainer > .row > div > .group .form-group.macroSelect-input-group .custom-select:invalid, .client_account .groupContainer > .group .form-group.macroSelect-input-group .custom-select:invalid, .client_account .groupContainer #personalData .form-group.macroSelect-input-group .custom-select:invalid, .client_account .groupContainer #change_email .form-group.macroSelect-input-group .custom-select:invalid, .client_account .groupContainer #change_password .form-group.macroSelect-input-group .custom-select:invalid { color: #CCCCCC; } .client_account .groupContainer > .row > div > .group .form-group.form-block input, .client_account .groupContainer > .group .form-group.form-block input, .client_account .groupContainer #personalData .form-group.form-block input, .client_account .groupContainer #change_email .form-group.form-block input, .client_account .groupContainer #change_password .form-group.form-block input { display: block; width: 100%; } .client_account .groupContainer > .row > div > .group .form-group.pass-sample .pass-asteriks, .client_account .groupContainer > .group .form-group.pass-sample .pass-asteriks, .client_account .groupContainer #personalData .form-group.pass-sample .pass-asteriks, .client_account .groupContainer #change_email .form-group.pass-sample .pass-asteriks, .client_account .groupContainer #change_password .form-group.pass-sample .pass-asteriks { color: #333333; font-size: 0.75rem; padding-left: 1px; } .client_account .groupContainer > .row > div > .group .form-group[data-edit], .client_account .groupContainer > .group .form-group[data-edit], .client_account .groupContainer #personalData .form-group[data-edit], .client_account .groupContainer #change_email .form-group[data-edit], .client_account .groupContainer #change_password .form-group[data-edit] { display: none; } .client_account .groupContainer > .row > div > .group .form-group.macroEmail-input-group, .client_account .groupContainer > .group .form-group.macroEmail-input-group, .client_account .groupContainer #personalData .form-group.macroEmail-input-group, .client_account .groupContainer #change_email .form-group.macroEmail-input-group, .client_account .groupContainer #change_password .form-group.macroEmail-input-group { flex-direction: column; } .client_account .groupContainer > .row > div > .group .form-group.macroEmail-input-group label, .client_account .groupContainer > .group .form-group.macroEmail-input-group label, .client_account .groupContainer #personalData .form-group.macroEmail-input-group label, .client_account .groupContainer #change_email .form-group.macroEmail-input-group label, .client_account .groupContainer #change_password .form-group.macroEmail-input-group label { display: block; width: 100%; } .client_account .groupContainer > .row > div > .group .form-group.macroEmail-input-group input[type=email], .client_account .groupContainer > .group .form-group.macroEmail-input-group input[type=email], .client_account .groupContainer #personalData .form-group.macroEmail-input-group input[type=email], .client_account .groupContainer #change_email .form-group.macroEmail-input-group input[type=email], .client_account .groupContainer #change_password .form-group.macroEmail-input-group input[type=email] { margin-left: 0 !important; } .client_account .groupContainer > .row > div > .group .actionbox, .client_account .groupContainer > .group .actionbox, .client_account .groupContainer #personalData .actionbox, .client_account .groupContainer #change_email .actionbox, .client_account .groupContainer #change_password .actionbox { padding-top: 1rem; margin: 0; } .client_account .groupContainer > .row > div > .group .actionbox a, .client_account .groupContainer > .group .actionbox a, .client_account .groupContainer #personalData .actionbox a, .client_account .groupContainer #change_email .actionbox a, .client_account .groupContainer #change_password .actionbox a { display: block; font-size: 0.875rem !important; line-height: 1rem; margin: 0 0.5rem; text-decoration: underline; } .client_account .groupContainer > .row > div > .group .actionbox a[data-type=edit], .client_account .groupContainer > .group .actionbox a[data-type=edit], .client_account .groupContainer #personalData .actionbox a[data-type=edit], .client_account .groupContainer #change_email .actionbox a[data-type=edit], .client_account .groupContainer #change_password .actionbox a[data-type=edit] { display: block; } .client_account .groupContainer > .row > div > .group .actionbox a[data-type=save], .client_account .groupContainer > .row > div > .group .actionbox a[data-type=cancel], .client_account .groupContainer > .row > div > .group .actionbox a[data-type=delete], .client_account .groupContainer > .group .actionbox a[data-type=save], .client_account .groupContainer > .group .actionbox a[data-type=cancel], .client_account .groupContainer > .group .actionbox a[data-type=delete], .client_account .groupContainer #personalData .actionbox a[data-type=save], .client_account .groupContainer #personalData .actionbox a[data-type=cancel], .client_account .groupContainer #personalData .actionbox a[data-type=delete], .client_account .groupContainer #change_email .actionbox a[data-type=save], .client_account .groupContainer #change_email .actionbox a[data-type=cancel], .client_account .groupContainer #change_email .actionbox a[data-type=delete], .client_account .groupContainer #change_password .actionbox a[data-type=save], .client_account .groupContainer #change_password .actionbox a[data-type=cancel], .client_account .groupContainer #change_password .actionbox a[data-type=delete] { display: none; } .client_account .groupContainer > .row > div > .group .actionbox a:first-of-type, .client_account .groupContainer > .group .actionbox a:first-of-type, .client_account .groupContainer #personalData .actionbox a:first-of-type, .client_account .groupContainer #change_email .actionbox a:first-of-type, .client_account .groupContainer #change_password .actionbox a:first-of-type { margin-left: 0; } .client_account .groupContainer > .row > div > .group .actionbox a:last-of-type, .client_account .groupContainer > .group .actionbox a:last-of-type, .client_account .groupContainer #personalData .actionbox a:last-of-type, .client_account .groupContainer #change_email .actionbox a:last-of-type, .client_account .groupContainer #change_password .actionbox a:last-of-type { margin-right: 0; } .client_account .groupContainer > .row > div > .group.error .message, .client_account .groupContainer > .group.error .message, .client_account .groupContainer #personalData.error .message, .client_account .groupContainer #change_email.error .message, .client_account .groupContainer #change_password.error .message { max-width: calc(100% - 10px); } .client_account .groupContainer > .row > div > .group.inputs-full_width .form-group:not([data-edit=true]) input, .client_account .groupContainer > .group.inputs-full_width .form-group:not([data-edit=true]) input, .client_account .groupContainer #personalData.inputs-full_width .form-group:not([data-edit=true]) input, .client_account .groupContainer #change_email.inputs-full_width .form-group:not([data-edit=true]) input, .client_account .groupContainer #change_password.inputs-full_width .form-group:not([data-edit=true]) input { width: 100%; margin-left: 5px; } .client_account .groupContainer > .row > div > .group[data-editable=true], .client_account .groupContainer > .group[data-editable=true], .client_account .groupContainer #personalData[data-editable=true], .client_account .groupContainer #change_email[data-editable=true], .client_account .groupContainer #change_password[data-editable=true] { margin-bottom: 2rem; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group, .client_account .groupContainer > .group[data-editable=true] .form-group, .client_account .groupContainer #personalData[data-editable=true] .form-group, .client_account .groupContainer #change_email[data-editable=true] .form-group, .client_account .groupContainer #change_password[data-editable=true] .form-group { margin-bottom: 10px; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group label, .client_account .groupContainer > .group[data-editable=true] .form-group label, .client_account .groupContainer #personalData[data-editable=true] .form-group label, .client_account .groupContainer #change_email[data-editable=true] .form-group label, .client_account .groupContainer #change_password[data-editable=true] .form-group label { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group input, .client_account .groupContainer > .group[data-editable=true] .form-group input, .client_account .groupContainer #personalData[data-editable=true] .form-group input, .client_account .groupContainer #change_email[data-editable=true] .form-group input, .client_account .groupContainer #change_password[data-editable=true] .form-group input { padding: 0 10px; display: block; height: 40px; border: 1px solid #DFDFDF; background: #fff; border-radius: 0.25rem; box-sizing: border-box; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group input.w-auto, .client_account .groupContainer > .group[data-editable=true] .form-group input.w-auto, .client_account .groupContainer #personalData[data-editable=true] .form-group input.w-auto, .client_account .groupContainer #change_email[data-editable=true] .form-group input.w-auto, .client_account .groupContainer #change_password[data-editable=true] .form-group input.w-auto { width: auto; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .input-group, .client_account .groupContainer > .group[data-editable=true] .form-group .input-group, .client_account .groupContainer #personalData[data-editable=true] .form-group .input-group, .client_account .groupContainer #change_email[data-editable=true] .form-group .input-group, .client_account .groupContainer #change_password[data-editable=true] .form-group .input-group { width: 100%; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .flag-container, .client_account .groupContainer > .group[data-editable=true] .form-group .flag-container, .client_account .groupContainer #personalData[data-editable=true] .form-group .flag-container, .client_account .groupContainer #change_email[data-editable=true] .form-group .flag-container, .client_account .groupContainer #change_password[data-editable=true] .form-group .flag-container { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .intl-tel-input, .client_account .groupContainer > .group[data-editable=true] .form-group .intl-tel-input, .client_account .groupContainer #personalData[data-editable=true] .form-group .intl-tel-input, .client_account .groupContainer #change_email[data-editable=true] .form-group .intl-tel-input, .client_account .groupContainer #change_password[data-editable=true] .form-group .intl-tel-input { width: 100%; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .intl-tel-input input, .client_account .groupContainer > .group[data-editable=true] .form-group .intl-tel-input input, .client_account .groupContainer #personalData[data-editable=true] .form-group .intl-tel-input input, .client_account .groupContainer #change_email[data-editable=true] .form-group .intl-tel-input input, .client_account .groupContainer #change_password[data-editable=true] .form-group .intl-tel-input input { padding-left: 50px; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .radios, .client_account .groupContainer > .group[data-editable=true] .form-group .radios, .client_account .groupContainer #personalData[data-editable=true] .form-group .radios, .client_account .groupContainer #change_email[data-editable=true] .form-group .radios, .client_account .groupContainer #change_password[data-editable=true] .form-group .radios { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .radios .icheck, .client_account .groupContainer > .group[data-editable=true] .form-group .radios .icheck, .client_account .groupContainer #personalData[data-editable=true] .form-group .radios .icheck, .client_account .groupContainer #change_email[data-editable=true] .form-group .radios .icheck, .client_account .groupContainer #change_password[data-editable=true] .form-group .radios .icheck { display: inline-block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .radios .icheck label, .client_account .groupContainer > .group[data-editable=true] .form-group .radios .icheck label, .client_account .groupContainer #personalData[data-editable=true] .form-group .radios .icheck label, .client_account .groupContainer #change_email[data-editable=true] .form-group .radios .icheck label, .client_account .groupContainer #change_password[data-editable=true] .form-group .radios .icheck label { display: inline-block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group .radios .icheck label:after, .client_account .groupContainer > .group[data-editable=true] .form-group .radios .icheck label:after, .client_account .groupContainer #personalData[data-editable=true] .form-group .radios .icheck label:after, .client_account .groupContainer #change_email[data-editable=true] .form-group .radios .icheck label:after, .client_account .groupContainer #change_password[data-editable=true] .form-group .radios .icheck label:after { content: none; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.macroSelect-input-group, .client_account .groupContainer > .group[data-editable=true] .form-group.macroSelect-input-group, .client_account .groupContainer #personalData[data-editable=true] .form-group.macroSelect-input-group, .client_account .groupContainer #change_email[data-editable=true] .form-group.macroSelect-input-group, .client_account .groupContainer #change_password[data-editable=true] .form-group.macroSelect-input-group { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.macroSelect-input-group label, .client_account .groupContainer > .group[data-editable=true] .form-group.macroSelect-input-group label, .client_account .groupContainer #personalData[data-editable=true] .form-group.macroSelect-input-group label, .client_account .groupContainer #change_email[data-editable=true] .form-group.macroSelect-input-group label, .client_account .groupContainer #change_password[data-editable=true] .form-group.macroSelect-input-group label { margin-bottom: 0.25rem; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer > .group[data-editable=true] .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #personalData[data-editable=true] .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #change_email[data-editable=true] .form-group.macroSelect-input-group .custom-select, .client_account .groupContainer #change_password[data-editable=true] .form-group.macroSelect-input-group .custom-select { display: block; width: 100%; height: 45px; padding: 0 10px; border: 1px solid #B7B7B7; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border-radius: 0.25rem; box-sizing: border-box; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group[data-edit], .client_account .groupContainer > .group[data-editable=true] .form-group[data-edit], .client_account .groupContainer #personalData[data-editable=true] .form-group[data-edit], .client_account .groupContainer #change_email[data-editable=true] .form-group[data-edit], .client_account .groupContainer #change_password[data-editable=true] .form-group[data-edit] { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.pass-sample, .client_account .groupContainer > .group[data-editable=true] .form-group.pass-sample, .client_account .groupContainer #personalData[data-editable=true] .form-group.pass-sample, .client_account .groupContainer #change_email[data-editable=true] .form-group.pass-sample, .client_account .groupContainer #change_password[data-editable=true] .form-group.pass-sample { display: none; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.date_single .input-group .icon, .client_account .groupContainer > .group[data-editable=true] .form-group.date_single .input-group .icon, .client_account .groupContainer #personalData[data-editable=true] .form-group.date_single .input-group .icon, .client_account .groupContainer #change_email[data-editable=true] .form-group.date_single .input-group .icon, .client_account .groupContainer #change_password[data-editable=true] .form-group.date_single .input-group .icon { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.date_single .input-group input, .client_account .groupContainer > .group[data-editable=true] .form-group.date_single .input-group input, .client_account .groupContainer #personalData[data-editable=true] .form-group.date_single .input-group input, .client_account .groupContainer #change_email[data-editable=true] .form-group.date_single .input-group input, .client_account .groupContainer #change_password[data-editable=true] .form-group.date_single .input-group input { padding-left: 45px; } .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-inner-spin-button, .client_account .groupContainer > .row > div > .group[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-calendar-picker-indicator, .client_account .groupContainer > .group[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-inner-spin-button, .client_account .groupContainer > .group[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-calendar-picker-indicator, .client_account .groupContainer #personalData[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-inner-spin-button, .client_account .groupContainer #personalData[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-calendar-picker-indicator, .client_account .groupContainer #change_email[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-inner-spin-button, .client_account .groupContainer #change_email[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-calendar-picker-indicator, .client_account .groupContainer #change_password[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-inner-spin-button, .client_account .groupContainer #change_password[data-editable=true] .form-group.date_single .input-group input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .client_account .groupContainer > .row > div > .group[data-editable=true] .actionbox a[data-type=edit], .client_account .groupContainer > .group[data-editable=true] .actionbox a[data-type=edit], .client_account .groupContainer #personalData[data-editable=true] .actionbox a[data-type=edit], .client_account .groupContainer #change_email[data-editable=true] .actionbox a[data-type=edit], .client_account .groupContainer #change_password[data-editable=true] .actionbox a[data-type=edit] { display: none; } .client_account .groupContainer > .row > div > .group[data-editable=true] .actionbox a[data-type=save], .client_account .groupContainer > .row > div > .group[data-editable=true] .actionbox a[data-type=cancel], .client_account .groupContainer > .group[data-editable=true] .actionbox a[data-type=save], .client_account .groupContainer > .group[data-editable=true] .actionbox a[data-type=cancel], .client_account .groupContainer #personalData[data-editable=true] .actionbox a[data-type=save], .client_account .groupContainer #personalData[data-editable=true] .actionbox a[data-type=cancel], .client_account .groupContainer #change_email[data-editable=true] .actionbox a[data-type=save], .client_account .groupContainer #change_email[data-editable=true] .actionbox a[data-type=cancel], .client_account .groupContainer #change_password[data-editable=true] .actionbox a[data-type=save], .client_account .groupContainer #change_password[data-editable=true] .actionbox a[data-type=cancel] { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true] .actionbox a:nth-child(2), .client_account .groupContainer > .group[data-editable=true] .actionbox a:nth-child(2), .client_account .groupContainer #personalData[data-editable=true] .actionbox a:nth-child(2), .client_account .groupContainer #change_email[data-editable=true] .actionbox a:nth-child(2), .client_account .groupContainer #change_password[data-editable=true] .actionbox a:nth-child(2) { margin-left: 0; } .client_account .groupContainer > .row > div > .group[data-editable=true] .actionbox a:last-of-type, .client_account .groupContainer > .group[data-editable=true] .actionbox a:last-of-type, .client_account .groupContainer #personalData[data-editable=true] .actionbox a:last-of-type, .client_account .groupContainer #change_email[data-editable=true] .actionbox a:last-of-type, .client_account .groupContainer #change_password[data-editable=true] .actionbox a:last-of-type { margin-right: 0; } .client_account .groupContainer > .row > div > .group[data-editable=true].inputs-full_width .form-group, .client_account .groupContainer > .group[data-editable=true].inputs-full_width .form-group, .client_account .groupContainer #personalData[data-editable=true].inputs-full_width .form-group, .client_account .groupContainer #change_email[data-editable=true].inputs-full_width .form-group, .client_account .groupContainer #change_password[data-editable=true].inputs-full_width .form-group { display: block; } .client_account .groupContainer > .row > div > .group[data-editable=true].inputs-full_width .form-group input, .client_account .groupContainer > .group[data-editable=true].inputs-full_width .form-group input, .client_account .groupContainer #personalData[data-editable=true].inputs-full_width .form-group input, .client_account .groupContainer #change_email[data-editable=true].inputs-full_width .form-group input, .client_account .groupContainer #change_password[data-editable=true].inputs-full_width .form-group input { width: 100%; margin-left: 0; } .client_account .groupContainer > .row > div > .group#add-new_address, .client_account .groupContainer > .group#add-new_address, .client_account .groupContainer #personalData#add-new_address, .client_account .groupContainer #change_email#add-new_address, .client_account .groupContainer #change_password#add-new_address { display: none; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group, .client_account .groupContainer > .group:not([data-editable=true]) .form-group, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group { pointer-events: none !important; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group[data-input=gender] .radios, .client_account .groupContainer > .group:not([data-editable=true]) .form-group[data-input=gender] .radios, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group[data-input=gender] .radios, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group[data-input=gender] .radios, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group[data-input=gender] .radios { display: inline-block; line-height: 1.25rem; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck, .client_account .groupContainer > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck { display: none; padding: 3px 10px 3px 0; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked, .client_account .groupContainer > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked { display: inline-block; position: relative; top: 0; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked > div, .client_account .groupContainer > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked > div, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked > div, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked > div, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked > div { display: none; } .client_account .groupContainer > .row > div > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked label, .client_account .groupContainer > .group:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked label, .client_account .groupContainer #personalData:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked label, .client_account .groupContainer #change_email:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked label, .client_account .groupContainer #change_password:not([data-editable=true]) .form-group[data-input=gender] .radios .icheck.checked label { display: block; } .client_account .groupContainer.my_subscriptions .group > .form-group .icheck label { display: inline-block; font-weight: 700; padding-left: 0.5rem; } .client_account .groupContainer.my_subscriptions .group > .form-group .icheck.checked { display: inline-block; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group.macroText-input-group label, .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group.macroText-input-group input { flex-shrink: 0; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group.macroText-input-group input { width: 100%; padding-left: 5px; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios { display: inline-block; line-height: 1.25rem; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios .icheck { display: none; padding: 3px 10px 3px 0px; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios .icheck > div { display: none; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios .icheck label { line-height: 1rem; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios .icheck label:after { content: none; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group .radios .icheck.checked { display: inline-block; position: relative; } .client_account .groupContainer.my_subscriptions .group .icheck_slide-box .form-group[data-edit] { display: none; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group.macroText-input-group { display: block; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group.macroText-input-group label { margin-bottom: 0.25rem; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group.macroText-input-group input { padding-left: 10px; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .txt { padding-bottom: 0.25rem; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .radios { display: block; line-height: inherit; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .radios .icheck { display: inline-block; padding: 3px 10px 3px 0px; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .radios .icheck > div { display: inline-block; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .radios .icheck label { line-height: inherit; } .client_account .groupContainer.my_subscriptions .group[data-editable=true] .form-group .radios .icheck.checked { display: inline-block; } .client_account .groupContainer[data-block=my_addresses] .group > .form-group .icheck.checked { display: inline-block; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group label, .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group input { flex-shrink: 0; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group input { padding-left: 5px; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group[data-edit=true] { display: none; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group.postalcodeFinder .select2 { margin-left: 5px; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection { border-radius: 0; height: inherit; border: 0; background: transparent; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection .select2-selection__rendered { padding: 0; } .client_account .groupContainer[data-block=my_addresses] .group .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection__arrow { display: none; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .radios { display: inline-block; line-height: 1.25rem; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .radios .icheck { display: none; padding: 3px 10px 3px 0px; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .radios .icheck > div { display: none; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .radios .icheck label { line-height: 1rem; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .radios .icheck.checked { display: inline-block; position: relative; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .fix-value { display: block; } .client_account .groupContainer[data-block=my_addresses] .group .form-group .fix-value strong { font-weight: 300; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group { display: block; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group label { margin-bottom: 0.25rem; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group input { padding-left: 10px; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group .select2-selection .select2-selection__rendered { padding: 0; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group.postalcodeFinder .select2 { margin-left: 0; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection { border-radius: 0.25rem; height: 45px; border: 1px solid #B7B7B7; background: #fff; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection__arrow { display: block; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group.postalcodeFinder .select2 .select2-selection__rendered { padding-left: 0.5rem; padding-right: 1.25rem; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group.macroText-input-group.postalcodeFinder .select2-container { height: 45px; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .txt { padding-bottom: 0.25rem; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .radios { display: block; line-height: inherit; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .radios .icheck { display: inline-block; padding: 3px 10px 3px 0px; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .radios .icheck > div { display: inline-block; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .radios .icheck label { line-height: inherit; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .form-group .radios .icheck.checked { display: inline-block; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .fix-value { display: none; font-size: 1rem; margin: 1rem 0; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .fix-value.filled { display: block; } .client_account .groupContainer[data-block=my_addresses] .group[data-editable=true] .fix-value strong { display: block; line-height: 1.3; margin-top: 0.25rem; font-weight: 700; } .productList .menu > a { color: #111; border: 0; } .productList .menu > a.active { font-weight: bold; }