/**
 *  Main css for my-account
 */
 .myAccount .component-my-account .component-overlay-new-inner-wrapper {
  max-width: unset;
  padding: 0;
}
.myAccount .component-my-account .component-overlay-new-inner-wrapper .partials-account.component-overlay-new-right-col-scroll {
  max-width: none;
  overflow-y: auto;
}
.myAccount .component-my-account .component-overlay-new-inner-wrapper .partials-account:before {
  left: unset;
}
.myAccount .component-my-account .component-overlay-new-inner-wrapper .partials-account .image-container {
  margin: 0 -2%;
}
.myAccount .component-my-account .form-container p.field-p.custom-dropdown {
  margin-bottom: 0;
  margin-top: 0;
}
.component-my-account .component-overlay-new-inner-wrapper.site-width-1700.tablet-spacing, #my-account-change-password-wrapper .component-overlay-new-inner-wrapper.site-width-1700.tablet-spacing {
  height: 100%;
}
.component-my-account .component-overlay-new-inner-wrapper.site-width-1700.tablet-spacing .component-overlay-new-content.flex-box-container, #my-account-change-password-wrapper .component-overlay-new-inner-wrapper.site-width-1700.tablet-spacing .component-overlay-new-content.flex-box-container {
  height: 100%;
}
.component-my-account .component-overlay-new-right-col, #my-account-change-password-wrapper .component-overlay-new-right-col {
  height: 100vh;
  right: -2rem !important;
}
.component-my-account .navigation-section, #my-account-change-password-wrapper .navigation-section {
  position: relative;
}
.component-my-account .navigation-section .component-overlay-close-btn, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn {
  cursor: pointer;
}
.component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn.close-btn-mobile {
  display: inline-block !important;
  padding: 0 5rem;
  position: absolute;
  right: 0;
  top: 6.4rem;
  z-index: 10000;
}
.component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile svg g, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn.close-btn-mobile svg g {
  stroke: #293e40;
}
.component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile svg, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn.close-btn-mobile svg {
  opacity: 0.3;
}
.component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile:hover svg, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn.close-btn-mobile:hover svg {
  opacity: 1;
}
.component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile:hover svg g, #my-account-change-password-wrapper .navigation-section .component-overlay-close-btn.close-btn-mobile:hover svg g {
  opacity: 1;
}
.component-my-account .container-box, #my-account-change-password-wrapper .container-box {
  left: 0;
  padding-top: 130px;
  position: relative;
  right: 0;
}
.component-my-account .container-box.container-box-back-btn, #my-account-change-password-wrapper .container-box.container-box-back-btn {
  padding-top: 6.4rem;
}
.component-my-account .container-box.container-box-forgot-password, #my-account-change-password-wrapper .container-box.container-box-forgot-password, .component-my-account .container-box.container-box-delete-account, #my-account-change-password-wrapper .container-box.container-box-delete-account {
  padding-top: 2.4rem;
}
.component-my-account .container-box .title, #my-account-change-password-wrapper .container-box .title {
  color: #293e40;
  font-family: GilroyBold;
  font-size: 2.4rem;
  margin: 0 0 1.6rem 0;
  line-height: initial;
}
.component-my-account .container-box .title.title-delete-account-thank-you, #my-account-change-password-wrapper .container-box .title.title-delete-account-thank-you {
  padding-bottom: 3.2rem;
}
.component-my-account .container-box .email-validation, #my-account-change-password-wrapper .container-box .email-validation {
  color: #b33233;
}
.component-my-account .container-box .email-validation-off, #my-account-change-password-wrapper .container-box .email-validation-off {
  display: none;
}
.component-my-account .container-box h3, #my-account-change-password-wrapper .container-box h3 {
  color: #293e40;
  font-family: GilroyBold;
  font-size: 2rem;
  line-height: 2.6rem;
}
.component-my-account .container-box .description, #my-account-change-password-wrapper .container-box .description {
  color: #293e40;
  font-family: GilroyRegular;
  font-size: 1.6rem;
  margin: 1.6rem 0 2.4rem;
}
.component-my-account .container-box .description ul, #my-account-change-password-wrapper .container-box .description ul {
  padding-left: 1.5rem;
}
.component-my-account .container-box .description ul li, #my-account-change-password-wrapper .container-box .description ul li {
  line-height: 2.5rem;
  list-style: disc;
}
.component-my-account .container-box .description .content-have-account, #my-account-change-password-wrapper .container-box .description .content-have-account {
  margin-top: 1.6rem;
}
.component-my-account .container-box .description.description-delete-account, #my-account-change-password-wrapper .container-box .description.description-delete-account {
  padding-bottom: 0;
}
.component-my-account .container-box .subtitle, #my-account-change-password-wrapper .container-box .subtitle {
  padding-top: 1.6rem;
}
.component-my-account .container-box .form-container form, #my-account-change-password-wrapper .container-box .form-container form {
  margin-bottom: 2.4rem;
}
.component-my-account .container-box .form-container form .no-padding, #my-account-change-password-wrapper .container-box .form-container form .no-padding {
  padding: 0;
}
.component-my-account .container-box .form-container form .no-horizontal-margin, #my-account-change-password-wrapper .container-box .form-container form .no-horizontal-margin {
  margin-left: 0;
  margin-right: 0;
}
.component-my-account .container-box .form-container form .right-padding-8px, #my-account-change-password-wrapper .container-box .form-container form .right-padding-8px {
  padding-right: 0.8rem;
}
.component-my-account .container-box .form-container form label, #my-account-change-password-wrapper .container-box .form-container form label {
  background: #f6f6f6;
  display: block;
  height: 4.4rem;
  margin-bottom: 0.8rem;
  position: relative;
  width: 100%;
}
.component-my-account .container-box .form-container form label .placeholder, #my-account-change-password-wrapper .container-box .form-container form label .placeholder {
  color: #9f9f9f;
  cursor: text;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  left: 0;
  letter-spacing: 0;
  line-height: 2.72rem;
  padding-left: 0;
  position: absolute;
  right: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 2rem;
  text-transform: none;
  top: 10px;
  -webkit-transition: top 0.3s, font-size 0.3s;
  transition: top 0.3s, font-size 0.3s;
  z-index: 1;
}
.component-my-account .container-box .form-container form label .placeholder.focus, #my-account-change-password-wrapper .container-box .form-container form label .placeholder.focus {
  color: #9f9f9f;
  font-size: 1.2rem;
  top: 0;
  z-index: 3;
}
.component-my-account .container-box .form-container form label .input-wrap, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap {
  position: relative;
  z-index: 2;
}
.component-my-account .container-box .form-container form label .input-wrap .LV_validation_message, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap .LV_validation_message {
  display: none;
}
.component-my-account .container-box .form-container form label .input-wrap input, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap input, .component-my-account .container-box .form-container form label .input-wrap select, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap select {
  background-color: transparent;
  border: 0;
  color: #293e40;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  height: 4.4rem;
  letter-spacing: 0;
  line-height: 2.72rem;
  margin-bottom: 0.8rem;
  text-align: left;
  text-decoration: none;
  text-indent: 2rem;
  text-transform: none;
  width: 100%;
}
.component-my-account .container-box .form-container form label .input-wrap input.focus, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap input.focus, .component-my-account .container-box .form-container form label .input-wrap select.focus, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap select.focus {
  padding-top: 2rem;
}
.component-my-account .container-box .form-container form label .input-wrap input:focus, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap input:focus, .component-my-account .container-box .form-container form label .input-wrap select:focus, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap select:focus {
  outline-color: transparent;
}
.component-my-account .container-box .form-container form label .input-wrap select, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../../../../content/dam/servicenow/images/demo-asset/icon/arrow-down.png);
  background-position: 97% center;
  background-repeat: no-repeat;
  color: #9f9f9f !important;
  font-weight: 300;
  padding-left: 2rem;
  text-indent: 0.1rem;
  text-overflow: '';
}
.component-my-account .container-box .form-container form label .input-wrap .span.LV_validation_message, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap .span.LV_validation_message {
  display: none;
}
.component-my-account .container-box .form-container form label .input-wrap option, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap option {
  color: #9f9f9f;
}
.component-my-account .container-box .form-container form label .input-wrap li div div p label, #my-account-change-password-wrapper .container-box .form-container form label .input-wrap li div div p label {
  display: none;
}
.component-my-account .container-box .form-container form label.servicenow-input.error .placeholder, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.error .placeholder {
  color: #b33233;
}
.component-my-account .container-box .form-container form label.servicenow-input.error input, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.error input, .component-my-account .container-box .form-container form label.servicenow-input.error select, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.error select {
  border: 1px solid;
  border-color: #b33233;
}
.component-my-account .container-box .form-container form label.servicenow-input.success input, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.success input {
  border: 0;
}
.component-my-account .container-box .form-container form label.servicenow-input.success input:active, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.success input:active {
  border: 0.1rem solid #81b5a1;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password input, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password input, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password input, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password input, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password input, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password input {
  padding-right: 10rem;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass {
  position: absolute;
  right: 2rem;
  top: 1rem;
  z-index: 3;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .show-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .show-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .show-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass {
  color: #9f9f9f;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  line-height: 2.72rem;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .show-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .show-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .show-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .show-pass {
  cursor: pointer;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass {
  display: inline-block;
  padding-left: 1rem;
  position: relative;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password {
  background-color: #fff;
  box-shadow: 0 0 1rem grey;
  bottom: 150%;
  margin-left: -1040%;
  padding: 2.4rem 2.4rem 1.6rem 2.4rem;
  position: absolute;
  text-align: left;
  visibility: hidden;
  width: 28rem;
  z-index: 1;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password:after, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password:after, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password:after, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password:after, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password:after, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 1.2rem;
  content: "";
  left: 89%;
  margin-left: -0.5rem;
  position: absolute;
  top: 100%;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password p, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password p, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password p, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password p, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password p, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password p {
  position: relative;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password p.fail:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass .tooltip-text-password p.fail:before, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password p.fail:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass .tooltip-text-password p.fail:before, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password p.fail:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass .tooltip-text-password p.fail:before {
  content: url('https://a.icons8.com/pmRkugbZ/LaXwqN/group-3.svg');
  display: none;
  left: -1.7rem;
  position: absolute;
}
.component-my-account .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-create-password .right-pass .info-pass:before, .component-my-account .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-new-password .right-pass .info-pass:before, .component-my-account .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass:before, #my-account-change-password-wrapper .container-box .form-container form label.servicenow-input.input-confirm-password .right-pass .info-pass:before {
  background: rgba(159, 159, 159, 0.47);
  border-radius: 1.4rem;
  content: '?';
  display: inline-block;
  font-size: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  text-decoration: none;
  width: 1.4rem;
}
.component-my-account .container-box .form-container form .is-required, #my-account-change-password-wrapper .container-box .form-container form .is-required {
  color: #b33233;
  display: none;
  font-family: GilroySemiBold;
  font-size: 1rem;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 1.6rem;
}
.component-my-account .container-box .form-container form .is-required.on, #my-account-change-password-wrapper .container-box .form-container form .is-required.on {
  display: block;
}
.component-my-account .container-box .form-container form .gdpr-container, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container {
  display: none;
  margin-top: 1.4rem;
}
.component-my-account .container-box .form-container form .gdpr-container .optin-label, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .optin-label {
  color: #293e40;
  background: none;
  height: auto;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec {
  padding-top: 1rem;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group {
  display: inline-block;
  position: relative;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group span, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group span {
  font-size: 1.4rem;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group:first-child, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group:first-child {
  margin-right: 3rem;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn {
  color: #293e40 !important;
  font-size: 1.4rem;
  padding-top: 0;
  top: 0;
  background: #e2e2e2;
  border-radius: 50%;
  display: block;
  height: 1.8rem;
  position: absolute;
  width: 1.8rem;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn:before, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn:before {
  border-radius: 50%;
  content: '';
  display: block;
  height: 1rem;
  left: 0.4rem;
  position: absolute;
  top: 0.4rem;
  width: 1rem;
}
.component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-yes:checked ~ #optin-yes-fake:before, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-yes:checked ~ #optin-yes-fake:before, .component-my-account .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-no:checked ~ #optin-no-fake:before, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-no:checked ~ #optin-no-fake:before {
  background: #9b9b9b;
}
.component-my-account .container-box .form-container form .gdpr-container span, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container span {
  font-size: 1rem;
}
.component-my-account .container-box .form-container form .gdpr-container span.is-required, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container span.is-required {
  padding-left: 0;
  padding-top: 1rem;
}
.component-my-account .container-box .form-container form .terms-container, #my-account-change-password-wrapper .container-box .form-container form .terms-container, .component-my-account .container-box .form-container form .gdpr-container, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container {
  position: relative;
}
.component-my-account .container-box .form-container form .terms-container span:first-of-type, #my-account-change-password-wrapper .container-box .form-container form .terms-container span:first-of-type, .component-my-account .container-box .form-container form .gdpr-container span:first-of-type, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container span:first-of-type {
  padding-left: 3rem;
}
.component-my-account .container-box .form-container form .terms-container span:first-of-type.is-required, #my-account-change-password-wrapper .container-box .form-container form .terms-container span:first-of-type.is-required, .component-my-account .container-box .form-container form .gdpr-container span:first-of-type.is-required, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container span:first-of-type.is-required {
  padding-left: 0;
}
.component-my-account .container-box .form-container form .terms-container p, #my-account-change-password-wrapper .container-box .form-container form .terms-container p, .component-my-account .container-box .form-container form .gdpr-container p, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container p {
  display: inline;
}
.component-my-account .container-box .form-container form .terms-container input, #my-account-change-password-wrapper .container-box .form-container form .terms-container input, .component-my-account .container-box .form-container form .gdpr-container input, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container input {
  left: 0;
  position: absolute;
  top: 0;
}
.component-my-account .container-box .form-container form .terms-container div.terms-checkbox, #my-account-change-password-wrapper .container-box .form-container form .terms-container div.terms-checkbox, .component-my-account .container-box .form-container form .gdpr-container div.terms-checkbox, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container div.terms-checkbox {
  background: #e2e2e2;
  border-radius: 20%;
  display: block;
  height: 1.8rem;
  position: absolute;
  top: 0;
  width: 1.8rem;
  z-index: 5;
}
.component-my-account .container-box .form-container form .terms-container div.terms-checkbox:before, #my-account-change-password-wrapper .container-box .form-container form .terms-container div.terms-checkbox:before, .component-my-account .container-box .form-container form .gdpr-container div.terms-checkbox:before, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container div.terms-checkbox:before {
  display: block;
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 20%;
  z-index: 5;
  top: 0.4rem;
  left: 0.4rem;
  position: absolute;
}
.component-my-account .container-box .form-container form .terms-container div.terms-checkbox.onCliked:before, #my-account-change-password-wrapper .container-box .form-container form .terms-container div.terms-checkbox.onCliked:before, .component-my-account .container-box .form-container form .gdpr-container div.terms-checkbox.onCliked:before, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container div.terms-checkbox.onCliked:before {
  background: #9b9b9b;
}
.component-my-account .container-box .form-container form .terms-container .terms-text, #my-account-change-password-wrapper .container-box .form-container form .terms-container .terms-text, .component-my-account .container-box .form-container form .gdpr-container .terms-text, #my-account-change-password-wrapper .container-box .form-container form .gdpr-container .terms-text {
  color: #9f9f9f;
}
.component-my-account .container-box .form-container .forgot-pass, #my-account-change-password-wrapper .container-box .form-container .forgot-pass {
  color: #293e40;
  font-family: GilroyRegular;
  font-size: 1.6rem;
}
.component-my-account .container-box .error-msg, #my-account-change-password-wrapper .container-box .error-msg {
  color: #b33233;
  display: none;
  font-family: GilroyRegular;
  font-size: 1.4rem;
  padding: 2.4rem 0;
}
.component-my-account .container-box .error-msg span, #my-account-change-password-wrapper .container-box .error-msg span {
  color: #b33233;
}
.component-my-account .container-box .sign-in-btn, #my-account-change-password-wrapper .container-box .sign-in-btn, .component-my-account .container-box .recovery-link, #my-account-change-password-wrapper .container-box .recovery-link, .component-my-account .container-box .delete-password, #my-account-change-password-wrapper .container-box .delete-password {
  margin: 2.4rem 0 3.2rem 0;
}
.component-my-account .container-box .separator, #my-account-change-password-wrapper .container-box .separator {
  color: #293e40;
  font-size: 1.6rem;
  height: auto;
  margin-bottom: 3.2rem;
  overflow: hidden;
  text-align: center;
}
.component-my-account .container-box .separator:before, #my-account-change-password-wrapper .container-box .separator:before, .component-my-account .container-box .separator:after, #my-account-change-password-wrapper .container-box .separator:after {
  background-color: #293e40;
  content: "";
  display: inline-block;
  height: 0.3rem;
  opacity: 0.1;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.component-my-account .container-box .separator:before, #my-account-change-password-wrapper .container-box .separator:before {
  margin-left: -50%;
  margin-right: 1.6rem;
  right: 0.5em;
}
.component-my-account .container-box .separator:after, #my-account-change-password-wrapper .container-box .separator:after {
  left: 0.5em;
  margin-left: 1.6rem;
  margin-right: -50%;
}
.component-my-account .container-box .sign-up-btn, #my-account-change-password-wrapper .container-box .sign-up-btn {
  margin: 0 0 19.2rem 0;
}
.component-my-account .container-box .sign-up-btn .cta-component, #my-account-change-password-wrapper .container-box .sign-up-btn .cta-component {
  margin: 0;
}
.component-my-account .container-box .sign-up-btn .cta-component.cta-text-arrow, #my-account-change-password-wrapper .container-box .sign-up-btn .cta-component.cta-text-arrow {
  text-align: right;
}
.component-my-account .container-box .sign-up-btn .cta-component.cta-text-arrow a, #my-account-change-password-wrapper .container-box .sign-up-btn .cta-component.cta-text-arrow a {
  vertical-align: middle;
}
.component-my-account .container-box.controls-top, #my-account-change-password-wrapper .container-box.controls-top {
  padding-top: 13rem;
}
.component-my-account .image-container, #my-account-change-password-wrapper .image-container {
  position: relative;
}
.component-my-account .image-container img, #my-account-change-password-wrapper .image-container img {
  height: auto;
  width: 100%;
}
.component-my-account .profile-img, #my-account-change-password-wrapper .profile-img {
  height: auto;
  width: 7.5rem;
}
.component-my-account .greetings p, #my-account-change-password-wrapper .greetings p, .component-my-account .greetings h3, #my-account-change-password-wrapper .greetings h3 {
  display: inline;
  vertical-align: bottom;
}
.component-my-account .greetings h3, #my-account-change-password-wrapper .greetings h3 {
  line-height: 2rem;
}
.component-my-account .info-section, #my-account-change-password-wrapper .info-section {
  padding-top: 0.8rem;
}
.component-my-account .info-section .description, #my-account-change-password-wrapper .info-section .description {
  padding-bottom: 0;
}
.component-my-account .signed-out, #my-account-change-password-wrapper .signed-out {
  padding-top: 1.6rem;
}
.component-my-account .signed-out .description, #my-account-change-password-wrapper .signed-out .description {
  padding-bottom: 0;
}
.component-my-account .signed-out p, #my-account-change-password-wrapper .signed-out p {
  margin-bottom: 2em;
  margin-top: 0;
}
.component-my-account hr, #my-account-change-password-wrapper hr {
  border-bottom-width: 0.1rem;
  border-top-width: 0.2rem;
  color: #293e40;
  margin: 0;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  opacity: 0.1;
}
.component-my-account .sign-out, #my-account-change-password-wrapper .sign-out {
  padding-bottom: 3.2rem;
  padding-top: 1rem;
}
.component-my-account .sign-in, #my-account-change-password-wrapper .sign-in {
  padding-bottom: 3.2rem;
  padding-top: 0.8rem;
}
.component-my-account .delete-account, #my-account-change-password-wrapper .delete-account {
  margin: 0;
  padding-bottom: 3.2rem;
  padding-top: 0;
}
.component-my-account .delete-account.manage-profile-delete-account, #my-account-change-password-wrapper .delete-account.manage-profile-delete-account {
  margin: 0 0 1em 0;
  padding-bottom: 0;
}
.component-my-account .manage-profile-text-below, #my-account-change-password-wrapper .manage-profile-text-below {
  margin: 0;
  padding-bottom: 3.2rem;
  padding-top: 0;
}
.component-my-account .caption-section, #my-account-change-password-wrapper .caption-section {
  margin-bottom: 3.2rem;
}
.component-my-account .caption-section img, #my-account-change-password-wrapper .caption-section img {
  padding-bottom: 0;
}
.component-my-account .caption-section h3, #my-account-change-password-wrapper .caption-section h3 {
  padding: 0;
}
.component-my-account .update-profile-btn, #my-account-change-password-wrapper .update-profile-btn {
  margin-bottom: 0;
  margin-top: 1.6rem;
}
.component-my-account .link, #my-account-change-password-wrapper .link {
  padding-bottom: 3.2rem;
}
.component-my-account .back-btn.cta-component.cta-text-arrow, #my-account-change-password-wrapper .back-btn.cta-component.cta-text-arrow {
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: static;
}
.component-my-account .back-btn.cta-component.cta-text-arrow a, #my-account-change-password-wrapper .back-btn.cta-component.cta-text-arrow a {
  position: static;
}
.component-my-account .back-btn.cta-component.cta-text-arrow .cta-title-link-arrow, #my-account-change-password-wrapper .back-btn.cta-component.cta-text-arrow .cta-title-link-arrow {
  display: inline-block;
  margin: 0;
  transform: rotate(180deg);
}
.component-my-account .back-btn.cta-component.cta-text-arrow .cta-text, #my-account-change-password-wrapper .back-btn.cta-component.cta-text-arrow .cta-text {
  display: inline-block;
}
.component-my-account.component-my-account-standalone .navigation-section .component-overlay-close-btn, #my-account-change-password-wrapper.component-my-account-standalone .navigation-section .component-overlay-close-btn, .component-my-account.component-my-account-standalone .navigation-section .close-btn-mobile, #my-account-change-password-wrapper.component-my-account-standalone .navigation-section .close-btn-mobile {
  display: none !important;
}
.component-my-account.component-my-account-standalone .image-container.no-image, #my-account-change-password-wrapper.component-my-account-standalone .image-container.no-image {
  display: none;
}
.component-my-account #my-account-sign-in-wrapper.show-loading-layer, #my-account-change-password-wrapper #my-account-sign-in-wrapper.show-loading-layer {
  pointer-events: none;
}
.component-my-account #my-account-sign-in-wrapper .invalid-credentials-error.hide-invalidcred-msj, #my-account-change-password-wrapper #my-account-sign-in-wrapper .invalid-credentials-error.hide-invalidcred-msj {
  display: none;
}
.component-my-account #my-account-sign-up .container-box .form-container form label .input-wrap select.focus, .component-my-account #my-account-manage-profile .container-box .form-container form label .input-wrap select.focus {
  padding-top: 0 !important;
}
.component-my-account #my-account-sign-up .container-box .form-container form .terms-container, .component-my-account #my-account-manage-profile .container-box .form-container form .terms-container {
  margin-top: 1.6rem;
}
.component-my-account #my-account-sign-up .container-box .form-container form .terms-container > span:first-child, .component-my-account #my-account-manage-profile .container-box .form-container form .terms-container > span:first-child {
  display: block;
}
.component-my-account #my-account-sign-up .container-box .form-container form .gdpr-container > span:first-child, .component-my-account #my-account-manage-profile .container-box .form-container form .gdpr-container > span:first-child {
  font-size: 1.4rem;
  display: block;
}
.component-my-account #my-account-sign-in-wrapper .title {
  margin-bottom: 0;
}
.component-my-account #my-account-sign-in-wrapper .form-container p {
  margin: 0.8rem 0 0 0;
}
.component-my-account #my-account-sign-in-wrapper .form-container p.field-p.custom-dropdown {
  margin-bottom: 0;
  margin-top: 0;
}
#my-account-register-thank-you .auto-login-message {
  display: none;
  margin-top: 1.5rem;
}
#my-account-register-thank-you .auto-login-message.show-messg {
  display: block;
}
#my-account-register-thank-you .auto-login-message.show-messg .auto-login-counter {
  font-size: inherit;
}
#my-account-register-thank-you .component-overlay-close-btn {
  display: none !important;
}
#my-account-change-password-wrapper {
  margin: auto;
  max-width: 40rem;
  padding: 15rem 2rem;
}
#my-account-change-password-wrapper .container-box {
  padding-top: 0;
}
#my-account-change-password-wrapper .container-box .form-container form label {
  margin-bottom: 2rem;
}
#my-account-change-password-wrapper .change-password-thank-you {
  display: none;
}
#my-account-change-password-wrapper .change-password-thank-you p {
  font-size: 2.5rem;
}
#my-account-change-password-wrapper .change-password-thank-you p span {
  font-size: inherit;
}
#meganav18 .component-my-account .cta-component.cta-text-arrow .cta-title-link-arrow, #meganav18 #my-account-change-password-wrapper .cta-component.cta-text-arrow .cta-title-link-arrow {
  margin: 0 0.2rem 0 -2.7rem;
  margin-left: 0.5rem;
  position: relative;
  vertical-align: middle;
}
#meganav18 .component-my-account .cta-component.cta-text-arrow .cta-text, #meganav18 #my-account-change-password-wrapper .cta-component.cta-text-arrow .cta-text {
  vertical-align: middle;
}
.my-account-loading-layer {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.my-account-loading-layer.show-loading-layer {
  display: block;
}
.my-account-loading-layer .my-account-loading-film {
  position: absolute;
}
.my-account-loading-layer .lds-roller-my-account {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
}
.myAccount .my-account-loading-layer {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .component-my-account .container-box.flex-box-col-md-8, #my-account-change-password-wrapper .container-box.flex-box-col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    min-height: 0.1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }
  .component-my-account .container-box.left-margin-md-2, #my-account-change-password-wrapper .container-box.left-margin-md-2 {
    margin-left: 16.66667%;
  }
  .component-my-account .container-box.left-margin-md-1, #my-account-change-password-wrapper .container-box.left-margin-md-1 {
    margin-left: 8.33333%;
  }
  .component-my-account .container-box.container-box-back-btn, #my-account-change-password-wrapper .container-box.container-box-back-btn {
    padding-left: 1.5rem;
  }
  .component-my-account .container-box .sign-up-btn, #my-account-change-password-wrapper .container-box .sign-up-btn {
    margin: 0 0 3.2rem 0;
  }
  .component-my-account .component-overlay-new-inner-wrapper .partials-account.component-overlay-new-right-col-scroll {
    max-width: 100vw !important;
    width: 100%;
    overflow-y: auto !important;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tablet-spacing {
    left: 0;
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .myAccount .component-my-account .component-overlay-new-inner-wrapper .component-overlay-new-right-col {
    right: 0 !important;
    padding: 0 5%;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
  .component-overlay-container-new.content-my-account.no-left-image.single-overlay.overlay-modal-open {
    width: 100%;
    min-height: 100vh;
  }
  .component-overlay-container-new.content-my-account.no-left-image.single-overlay.overlay-modal-open .component-my-account .component-overlay-new-right-col {
    right: 0 !important;
  }
  .component-my-account .partials-account.component-overlay-new-right-col-scroll {
    width: 100%;
    height: auto;
    overflow-y: visible !important;
  }
  .component-my-account .navigation-section .component-overlay-close-btn.close-btn-mobile {
    padding: 0 1rem;
    right: 2rem;
    top: 2.4rem;
  }
  .component-my-account .container-box {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 6.2rem;
  }
  .component-my-account .container-box.container-box-back-btn {
    padding-top: 2.4rem;
  }
  .component-my-account .container-box.container-box-forgot-password, .component-my-account .container-box.container-box-delete-account {
    padding-top: 2.4rem;
  }
  .component-my-account .container-box .description {
    padding-top: 0.8rem;
  }
  .component-my-account .container-box .sign-in-btn, .component-my-account .container-box .recovery-link, .component-my-account .container-box .delete-password {
    margin: 2.4rem 0 2.4rem 0;
  }
  .component-my-account .container-box .sign-in-btn.recovery-link, .component-my-account .container-box .recovery-link.recovery-link, .component-my-account .container-box .delete-password.recovery-link, .component-my-account .container-box .sign-in-btn.delete-password, .component-my-account .container-box .recovery-link.delete-password, .component-my-account .container-box .delete-password.delete-password {
    margin-bottom: 3.2rem;
  }
  .component-my-account .container-box .form-container form .flex-box-col-md-6 {
    padding: 0;
  }
  .component-my-account .sign-out {
    padding-top: 1.5rem;
  }
  #meganav18 .component-my-account .cta-component.back-btn.cta-text-arrow .cta-title-link-arrow {
    margin-left: -2.7rem;
  }
}
@media only screen and (max-width: 1023px) {
  #meganav18 .component-my-account .back-btn.cta-component.cta-text-arrow .cta-title-link-arrow svg {
    transform: translate(-1.5rem, 0);
  }
  #meganav18 #search-mobile {
    right: 12rem !important;
  }
}
@media only screen and (min-width: 1024px) {
  .component-my-account .container-box.flex-box-col-md-8, #my-account-change-password-wrapper .container-box.flex-box-col-md-8 {
    min-height: 0.1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .component-my-account .container-box.flex-box-col-md-8, #my-account-change-password-wrapper .container-box.flex-box-col-md-8 {
    min-height: 0.1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1700px) {
  .component-my-account .container-box.left-margin-xlg-1 {
    margin-left: 8.33333%;
  }
  .component-my-account .partials-account:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: -2rem;
    position: absolute;
    right: -1000%;
    width: 1000%;
  }
}
.lds-roller-my-account {
  color: official;
  display: inline-block;
  height: 10rem;
  position: relative;
  width: 10rem;
}
.lds-roller-my-account div {
  animation: lds-roller-my-account 1.2s linear infinite;
  transform-origin: 4.2rem 4.2rem;
}
.lds-roller-my-account div:after, .lds-roller-my-account div::after {
  background: #293e40;
  border-radius: 20%;
  content: " ";
  display: block;
  height: 1.8rem;
  left: 3.9rem;
  position: absolute;
  top: 0.3rem;
  width: 0.6rem;
}
.lds-roller-my-account div:nth-child(1) {
  animation-delay: -1.1s;
  transform: rotate(0deg);
}
.lds-roller-my-account div:nth-child(2) {
  animation-delay: -1s;
  transform: rotate(30deg);
}
.lds-roller-my-account div:nth-child(3) {
  animation-delay: -0.9s;
  transform: rotate(60deg);
}
.lds-roller-my-account div:nth-child(4) {
  animation-delay: -0.8s;
  transform: rotate(90deg);
}
.lds-roller-my-account div:nth-child(5) {
  animation-delay: -0.7s;
  transform: rotate(120deg);
}
.lds-roller-my-account div:nth-child(6) {
  animation-delay: -0.6s;
  transform: rotate(150deg);
}
.lds-roller-my-account div:nth-child(7) {
  animation-delay: -0.5s;
  transform: rotate(180deg);
}
.lds-roller-my-account div:nth-child(8) {
  animation-delay: -0.4s;
  transform: rotate(210deg);
}
.lds-roller-my-account div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-roller-my-account div:nth-child(10) {
  animation-delay: -0.2s;
  transform: rotate(270deg);
}
.lds-roller-my-account div:nth-child(11) {
  animation-delay: -0.1s;
  transform: rotate(300deg);
}
.lds-roller-my-account div:nth-child(12) {
  animation-delay: 0s;
  transform: rotate(330deg);
}
@keyframes lds-roller-my-account {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.my-account-loading-layer {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.my-account-loading-layer.show-loading-layer {
  display: block;
  z-index: 101;
}
.my-account-loading-layer .my-account-loading-film {
  position: absolute;
}
.my-account-loading-layer .lds-roller-my-account {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
}
.hidden-sign-in {
  display: none;
}
.component-my-account #my-account-manage-profile .container-box .form-container form label .input-wrap select {
  color: #293e40 !important;
  padding-bottom: 0;
  padding-top: 0;
}
#my-account-validate-email-wrapper input {
  background-color: white;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  border-bottom-color: #293e40;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
}
#my-account-validate-email-wrapper label.servicenow-input.error input {
  border-bottom-color: #b33233;
}
#my-account-validate-email-wrapper .link-farm-item-first-caption {
  background-image: linear-gradient(to right, #293e40 50%, transparent 50%);
  display: table;
}
.signup-recaptcha-container {
  margin-top: 1.4rem;
}
/*User Logged in*/
#tab-myaccount.logged a:before, #meganav18 #tab-myaccount-mobile.logged:before {
  content: url(../../../../../content/dam/servicenow-assets/public/en-us/images/company-library/icon/sign-in.svg) !important;
  display: block;
  height: 2.4rem;
  width: 2.4rem;
}
#meganav18 #tab-myaccount {
  padding: 0 0 0 3.2rem;
}
/*NO User Logged in*/
#tab-myaccount a:before, #meganav18 #tab-myaccount-mobile:before {
  content: url(../../../../../content/dam/servicenow-assets/public/en-us/images/company-library/icon/sign-out.svg) !important;
  display: block;
  height: 2.4rem;
  width: 2.4rem;
}
@media only screen and (max-width: 1279px) {
  #tab-myaccount.logged a:before, #meganav18 #tab-myaccount-mobile:before, #tab-myaccount a:before, #meganav18 #tab-myaccount-mobile:before {
    position: relative;
    top: 0.3rem;
  }
}