/*myaccount*/

.login .wrapper-back-to-top,
.registration .wrapper-back-to-top,
.reset-password .wrapper-back-to-top,
.account-activate-success .wrapper-back-to-top,
.dashboard .wrapper-back-to-top,
.user-logged-in .wrapper-back-to-top,
.role-anonymous .wrapper-back-to-top {
  display: none;
}

.myaccount-page .wrapper-header-section .second-menu-section .nav {
  display: flex;
  flex-direction: row;
  float: right;
  margin-top: 10px;
  border-right: 1px #d9d9d9 solid;
  padding-right: 20px;
}
.role-anonymous .myaccount-page .wrapper-header-section .second-menu-section .nav {
  border-right: 0px;
}
.myaccount-page .wrapper-header-section li.nav-item {
  padding: 0px 10px;
}
.myaccount-page .wrapper-header-section a.nav-link {
  color: #333;
  font-size: 14px;
  padding: 5px;
}
#account-bar {
  background: #ab1236;
  color: #fff;
}
.myaccount-page .account-bar-left {
  padding-top: 25px;
}
.myaccount-page .account-bar-left h2.account-text {
  font-size: 24px;
  font-weight: bold;
  padding-left: 35px;
  position: relative;
}
.myaccount-page .account-bar-left h2.account-text:before {
  background: url(/themes/custom/corp_cms/images/user-icon.svg) no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
  content: '';
  position: absolute;
  top: 3px;
  left: 5px;
}
.myaccount-page .account-bar-right {
  padding-top: 15px;
  padding-right: 30px;
}
.myaccount-page .account-bar-right .region-account-bar-right {
  float: right;
}
.myaccount-page .account-bar-right h2 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.myaccount-page .account-bar-right h2:before {
  background: url(/themes/custom/corp_cms/images/call-active-button.png) no-repeat;
  background-size: 15px;
  height: 15px;
  width: 15px;
  content: '';
  position: absolute;
  top: 2px;
  left: 0px;
}
.myaccount-page .account-bar-right p {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
.myaccount-page .account-bar-right p span {
  font-weight: normal;
}
.myaccount-page .wrapper-main-content .right-side-content #block-helpwithyourapplication {
  background: #eaeaea;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}
.myaccount-page .wrapper-main-content .right-side-content #block-helpwithyourapplication p {
  margin-bottom: 0;
}
.myaccount-page .wrapper-main-content .right-side-content #block-helpwithyourapplication span.file--x-office-spreadsheet {
  background-image: none;
}
.myaccount-page .wrapper-main-content .right-side-content #block-helpwithyourapplication span.file {
  position: absolute;
  right: 15px;
  top: 20px;
  cursor: pointer;
  background: url(/themes/custom/corp_cms/images/file-download.svg) no-repeat;
  background-size: 24px;
  height: 32px;
  width: 32px;
  content: '';
}
.myaccount-page .wrapper-main-content .right-side-content #block-helpwithyourapplication span a {
  font-size: 0;
  display: block;
  width: 35px;
  height: 35px;
  margin-left: -20px;
}
.myaccount-page .wrapper-main-content .right-side-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.myaccount-page .wrapper-main-content .right-side-content h2 {
  font-size: 18px;
  font-weight: bold;
  color: #171717;
}
.myaccount-page .wrapper-main-content .right-side-content #block-privacypolicy {
  padding-top: 20px;
}
.myaccount-page .wrapper-main-content .right-side-content #block-privacypolicy h2 {
  font-size: 22px;
  font-weight: bold;
  color: #ab1236;
}
.myaccount-page .wrapper-main-content .right-side-content #block-privacypolicy p {
  color: #121c24;
  font-size: 14px;
  margin-bottom: 10px;
}
.myaccount-page .wrapper-main-content .right-side-content #block-privacypolicy p a {
  color: #ab1236;
  font-size: 14px;
}
.myaccount-page .wrapper-main-content #block-updatetwostagelogin p a {
  color: #ab1236;
  font-size: 18px;
  font-weight: bold;
}
.myaccount-page .wrapper-main-content #block-updatetwostagelogin p {
  padding-top: 10px;
}
.myaccount-page .wrapper-main-content .login-help-text {
  background-color: #ebebeb;
  color: #c81841;
  margin-top: 10px;
  padding: 20px;
  border-radius: 5px;
}
.myaccount-page .wrapper-main-content .login-help-text h5 {
  font-size: 14px;
  margin: 0px;
  line-height: 20px;
  background: #ebebeb url(/themes/custom/corp_cms/images/safedig-login-help-text.png) no-repeat center left;
  padding-left: 40px;
}
.myaccount-page .wrapper-main-content h2.heading-text {
  font-size: 22px;
  color: #ab1236;
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 20px;
}
.myaccount-page .wrapper-main-content .left-side-content {
  padding-right: 4%;
}
.myaccount-page .wrapper-main-content .form-box {
  background: #ffffff 0% 0%;
  box-shadow: 0px 0px 20px #00000029;;
  border-radius: 10px;
}
.login-failed .myaccount-page .wrapper-main-content .form-box {
  padding: 20px;
  max-width: 700px;
}
.login-failed .myaccount-page .wrapper-main-content .form-box a.btn{
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
}
.myaccount-page .wrapper-main-content .form-box .tab-links {
  display: flex;
  padding: 0;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(1) {
  width: 20%;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(2) {
  width: 80%;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link {
  text-align: left;
  background-color: inherit;
  border-right: 1px solid #eee;
  border-bottom: 2px solid #dddee0;
  list-style: none;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link.active a.link-text {
  color: #ab1236;
  border-bottom: 2px #ad1346 solid;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link a.link-text {
  color: #121c24;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  padding: 14px 20px;
  display: inline-block;
  text-align: left;
}
.myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:first-child a.link-text {
  text-align: center;
  width: 100%;
}
.myaccount-page .wrapper-main-content .form-box .sec-desc {
  font-size: 14px;
  color: #121c24;
  padding: 20px;
  padding-bottom: 5px;
}
.myaccount-page .wrapper-main-content .form-box .form-item {
  padding-left: 20px;
  padding-right: 20px;
}
.myaccount-page .wrapper-main-content .form-box .form-item.form-type-email {
  height: 50px;
}
.myaccount-page .wrapper-main-content .form-box .form-item label {
  width: 35%;
  color: #000000cc;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0px;
  /*float: left;*/
}
.myaccount-page .wrapper-main-content .form-box .form-item span.invalid {
  float: right;
  font-size: 14px;
}
.myaccount-page .wrapper-main-content .form-box .form-item input,
.myaccount-page .wrapper-main-content .form-box .form-item .form-select {
  width: 65%;
  background-color: #efefef;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 6px 10px;
  float: right;
  /*cursor: pointer;*/
  margin: 0;
}
.myaccount-page .user-login-form a#edit-forgot-link {
  color: #ab1236;
  font-size: 14px;
  float: right;
  padding-right: 20px;
  padding-top: 35px;
}
.myaccount-page .user-login-form .form-actions input {
  margin-left: 36%;
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
  margin-top: 20px;
}
.myaccount-page .user-registration-form fieldset.form-item {
  padding-left: 0!important;
  padding-right: 0!important
}

/***toggle-switch***/
.myaccount-page .user-registration-form .form-checkboxes input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.myaccount-page .user-registration-form .form-checkboxes label.option {
  position: relative;
}
.myaccount-page .user-registration-form .form-checkboxes label.option:before {
  cursor: pointer;
  width: 48px;
  height: 24px;
  background: #c1c1c1;
  display: block;
  border-radius: 100px;
  content: '';
  position: absolute;
  right: -80px;
  top: 2px;
}
.myaccount-page .user-registration-form .form-checkboxes label.option:after {
  content: '';
  position: absolute;
  top: 5px;
  right: -53px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
  cursor: pointer;
}
.myaccount-page .user-registration-form .form-checkboxes input:checked + label.option:before {
  background: #ad1236;
}
.myaccount-page .user-registration-form .form-checkboxes input:checked + label.option:after {
  right: -95px;
  transform: translateX(-100%);
  cursor: pointer;
}
.myaccount-page .user-registration-form .form-checkboxes label.option:active:after {
  width: 18px;
  right: -80px;
}
/****/

.myaccount-page .user-registration-form .form-box h2,
.myaccount-page .user-account-edit-form .form-box h2 {
  font-size: 20px!important;
  color: #121c24!important;
  padding: 10px 20px!important;
  font-weight: bold;
}
.myaccount-page .user-registration-form .form-box .form-item-pass,
.myaccount-page .user-account-edit-form .form-box .form-item-pass {
  padding-left: 0;
  padding-right: 0;
}
.custom-user-login-form .form-box label[for=edit-pass] {
  float: left;
}
.myaccount-page .user-registration-form .form-box label[for=edit-pass],
.myaccount-page .user-account-edit-form .form-box label[for=edit-pass] {
  display: none;
}
.myaccount-page .wrapper-main-content .form-box .password-parent,
.myaccount-page .wrapper-main-content .form-box .confirm-parent {
  max-width: 100%;
}
.myaccount-page .wrapper-main-content .form-box .form-actions input {
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
  margin-bottom: 20px;
}
.myaccount-page .wrapper-main-content .form-box .form-actions input#edit-cancel,
.myaccount-page .wrapper-main-content .form-box .form-actions input#edit-back {
  border: 1px solid #ac0b1d;
  border-radius: 5px;
  color: #ab1236;
  background: #fff;
/*    margin-left: 0;*/
}
.myaccount-page .user-registration-form  .form-box .form-actions,
.myaccount-page .user-account-edit-form  .form-box .form-actions {
  text-align: right;
}

.myaccount-page .user-password-reset-form .login-page-link-box {
  padding-bottom: 15px;
}
.myaccount-page .user-password-reset-form a.login-page-link {
  padding-left: 20px;
  font-size: 14px;
  color: #ad1236;
}
.myaccount-page .user-password-reset-form .form-box .sec-desc {
  padding-right: 0;
  padding-top: 40px;
}
.myaccount-page .wrapper-main-content .form-box .mandatory-desc {
  font-size: 14px;
  color: #121c24;
  padding-left: 20px;
}
.myaccount-page .user-password-reset-form .form-box .form-item label {
  width: 40%;
}
.myaccount-page .user-password-reset-form .form-box .form-item input {
  width: 60%;
}
.myaccount-page .user-password-reset-form .form-box .form-actions input {
  margin-left: 41%;
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
}
.myaccount-page .wrapper-main-content .form-box .password-confirm,
.myaccount-page .wrapper-main-content .form-box .password-field,
.myaccount-page .wrapper-main-content .form-box .password-strength,
.myaccount-page .wrapper-main-content .form-box .password-confirm-match {
  width: 65%;
  float: right;
  font-size: 14px;
}
.myaccount-page .wrapper-main-content .form-box .password-strength__title {
  font-size: 14px;
}
.myaccount-page .wrapper-main-content .form-box .password-strength__text {
  font-size: 14px;
  font-weight: bold;
}
.password-suggestions {
  margin: 0px auto;
  border-radius: 3px;
  padding: 10px;
}
.password-suggestions ul {
  font-size: 14px;
  margin-left: 20px;
}
h2.sec-desc .form-required:after {
  display: none;
}
h2.sec-desc span.form-required {
  color: #f00;
  font-size: 14px;
  margin: 10px 5px;
}
.myaccount-page .user-account-edit-form .form-box {
  padding-top: 10px;
}
.myaccount-page .menu--account-in-your-area,
.myaccount-page .block-my-account-in-your-area-block,
.myaccount-page .menu--account-looking-for {
  background: #ffffff;
  box-shadow: 0px 0px 20px #00000029;
  border-radius: 5px;
  padding: 20px;
  padding-bottom: 10px;
  margin-bottom: 35px;
}
.myaccount-page .menu--account-in-your-area h5,
.myaccount-page .wrapper-main-content .right-side-content .block-my-account-in-your-area-block h2,
.myaccount-page .menu--account-looking-for h5 {
  font-size: 20px;
  font-weight: bold;
  color: #ab1236;
}
.myaccount-page .menu--account-looking-for span.nav-link {
  font-size: 16px;
  padding-left: 25px;
  color: #000;
  position: relative;
}
.myaccount-page .menu--account-looking-for span.nav-link:before {
  background: url(/themes/custom/corp_cms/images/check-icon.svg) no-repeat;
  background-size: 15px;
  height: 15px;
  width: 15px;
  content: '';
  position: absolute;
  top: 12px;
  left: 0px;
}
.myaccount-page .menu--account-looking-for a.nav-link {
  color: #fff;
  background: #ab1236;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 10px
}
.myaccount-page .menu--account-in-your-area a.nav-link,
.myaccount-page .block-my-account-in-your-area-block a.nav-link {
  font-size: 14px;
  color: #ab1236;
  text-decoration: underline;
  padding-right: 0px;
}
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(1),
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(2),
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(3) {
  position: relative;
  padding-left: 20px;
}
.myaccount-page .block-my-account-in-your-area-block li {
  list-style: none;
  list-style-image: none;
  position: relative;
  padding-left: 20px;
  margin-left: 0px;
}
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(1):before,
.myaccount-page .block-my-account-in-your-area-block li:nth-child(1):before {
  background: url(/themes/custom/corp_cms/images/power-cuts.svg) no-repeat;
  background-size: 14px;
  height: 20px;
  width: 15px;
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
}
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(2):before,
.myaccount-page .block-my-account-in-your-area-block li:nth-child(2):before {
  background: url(/themes/custom/corp_cms/images/invesments.svg) no-repeat;
  background-size: 18px;
  height: 16px;
  width: 18px;
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
}
.myaccount-page .menu--account-in-your-area li.nav-item:nth-child(3):before,
.myaccount-page .block-my-account-in-your-area-block li:nth-child(3):before {
  background: url(/themes/custom/corp_cms/images/map-marked.svg) no-repeat;
  background-size: 17px;
  height: 16px;
  width: 18px;
  content: '';
  position: absolute;
  top: 10px;
  left: 0px;
}
.myaccount-page  .user-account-data {
  padding-top: 20px;
  padding-bottom: 10px;
}
.myaccount-page .user-account-data h3.welcome-text {
  font-size: 20px;
  color: #333333;
}
.myaccount-page .user-account-data h3.name-text {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.myaccount-page .user-account-data .right-section {
  text-align: right;
}
.myaccount-page .user-account-data .info-text {
  font-size: 15px;
  font-weight: bold;
}
.myaccount-page .user-account-data span.value-text {
  color: #ab1236;
}
.myaccount-page .content-box h2.title-text {
  font-size: 22px;
  color: #ab1236;
  font-weight: bold;
  padding: 20px;
  padding-bottom: 0;
}
.myaccount-page .content-box.form-box .tab-links .tab-link a.link-text {
  text-align: left!important;
  font-size: 18px;
  padding: 10px;
}
.myaccount-page .content-box.form-box .tab-links .tab-link {
  border-right: 0;
  padding: 0 16px;
}
.myaccount-page .content-box.form-box .tab-links .tab-link:nth-child(1) {
  width: 15%;
}
.myaccount-page .content-box.form-box .tab-links .tab-link:nth-child(2) {
  width: 85%;
}
.myaccount-page .content-box.form-box .listing-box {
  padding: 20px;
}
.myaccount-page .content-box.form-box .table-box {
  border: 1px #ccc solid;
  border-radius: 5px;
} .myaccount-page .content-box.form-box .table {
  margin: 0;
}
.myaccount-page .content-box.form-box .table > thead {
  background: #eaeaea;
  border-bottom: 1px #ccc solid;
}
.myaccount-page .content-box.form-box .table th {
  padding: 12px;
  font-size: 15px;
  font-weight: bold;
  border-bottom-width: 0;
}
.myaccount-page .content-box.form-box .table td {
  font-size: 13px;
  padding: 5px 8px;
  border-bottom-width: 0;
  vertical-align: middle;
}
.myaccount-page .content-box.form-box .table tr {
  border-bottom: 1px #ccc solid;
}
.myaccount-page .content-box.form-box .table tr:last-child {
  border-bottom: 0;
}
.myaccount-page .content-box.form-box .table tr td:first-child {
  padding-right: 20px;
}
.myaccount-page .content-box.form-box .table td a.edit-link {
  font-size: 0;
  width: 10px;
  height: 10px;
  position: relative;
}
.myaccount-page .content-box.form-box .table td a.edit-link:before {
  background: url(/themes/custom/corp_cms/images/edit-icon.svg) no-repeat;
  background-size: 13px;
  height: 13px;
  width: 13px;
  content: '';
  position: absolute;
  top: -12px;
  left: 7px;
}
.myaccount-page .content-box.form-box .table td a.copy-link {
  font-size: 0;
  width: 10px;
  height: 10px;
  position: relative;
  display: block;
}
.myaccount-page .content-box.form-box .table td a.copy-link:before {
  background: url(/themes/custom/corp_cms/images/copy-icon.svg) no-repeat;
  background-size: 13px;
  height: 15px;
  width: 14px;
  content: '';
  position: absolute;
  top: -2px;
  left: -5px;
}

.myaccount-page .links-box {
  padding-top: 30px;
/*    display: flex;*/
  padding-bottom: 10px;
}
/*.myaccount-page .links-box .view-all-box{
    width: 50%;
}*/
.myaccount-page .links-box .view-all-box a {
  color: #fff;
  background: #ab1236;
  border: 0;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  padding: 12px 20px;
  text-decoration: none;
}
.myaccount-page .links-box .pager-box {
  padding-top: 20px;
}
.myaccount-page .links-box .pager-box .pagination li a span {
  display: none;
}
.myaccount-page .links-box .pager-box .pagination a.page-link {
  border: 0;
  padding: 0px 8px;
  color: #ab1236;
  font-size: 15px;
}
.myaccount-page .links-box .pager-box .pagination .page-item.active .page-link {
  color: #000;
  background-color: #fff;
}
.myaccount-page .links-box .pager-box .pagination .page-link:focus {
  box-shadow: none;
}
.myaccount-page .links-box .pager-box .pagination .page-link:hover {
  background-color: #ab123617;
}
.myaccount-page .links-box .pager-box .pagination .page-item.disabled .page-link {
  padding: 0;
  border: 0;
  color: #ab1236;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--next a.page-link {
  position: relative;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--next a.page-link:before {
  background: url(/themes/custom/corp_cms/images/icon-next.svg) no-repeat;
  background-size: 6px;
  height: 10px;
  width: 10px;
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--last a.page-link {
  position: relative;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--last a.page-link:before {
  background: url(/themes/custom/corp_cms/images/icon-last.svg) no-repeat;
  background-size: 11px;
  height: 11px;
  width: 11px;
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--first a.page-link {
  position: relative;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--first a.page-link:before {
  background: url(/themes/custom/corp_cms/images/icon-last.svg) no-repeat;
  background-size: 11px;
  height: 11px;
  width: 11px;
  content: '';
  position: absolute;
  top: 5px;
  left: 0px;
  rotate: 180deg;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--previous a.page-link {
  position: relative;
}
.myaccount-page .links-box .pager-box .pagination .pager__item--previous a.page-link:before {
  background: url(/themes/custom/corp_cms/images/icon-next.svg) no-repeat;
  background-size: 6px;
  height: 10px;
  width: 10px;
  content: '';
  position: absolute;
  top: 5px;
  left: 0px;
  rotate: 180deg;
}
.myaccount-page .links-box .pager-box .pagination {
  float: right;
  padding-right: 8px;
	padding-top: 0;
}
.user-registration-success-form {
  padding-top: 50px;
}
.user-registration-success-form .form-box {
  width: 62%;
  margin: auto;
  background: #ffffff 0% 0%;
  box-shadow: 0px 0px 20px #00000029;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.user-registration-success-form .form-box .link-box a {
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
  margin-bottom: 20px;
}

.myaccount-page .user-registration-success-form .form-box {
  width: 62%;
  margin: auto;
}

.account-activate-success .myaccount-page .user-registration-success-form .form-box {
  width: 76%;
  margin: auto;
}

.myaccount-page .user-registration-success-form .form-box .sec-desc {
  padding: 20px;
  text-align: center;
}
.myaccount-page .user-registration-success-form .form-box  h2.success-text {
  color: #121c24;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  padding-top: 70px;
}
.myaccount-page .user-registration-success-form .form-box  h2.success-text:after {
  background: url(/themes/custom/corp_cms/images/success-icon.svg) no-repeat;
  background-size: 50px;
  height: 50px;
  width: 50px;
  content: '';
  position: absolute;
  top: 5px;
  left: 45%;
}
.account-activate-success .myaccount-page .user-registration-success-form .form-box  h2.success-text:after {
  background: url(/themes/custom/corp_cms/images/congrats.png) no-repeat center top;
  background-size: 68px;
  height: 68px;
  width: 68px;
  content: '';
  position: absolute;
  top: 0px;
  left: 48%;
}
.myaccount-page .user-registration-success-form .form-box .desc-box {
  color: #121c24;
  font-size: 16px;
  padding-top: 5px;
}
.myaccount-page .user-registration-success-form .form-box .link-box a {
  color: #fff;
  background: #ab1236;
  border: 0;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 15px;
  margin-top: 20px;
}
.account-activate-success .myaccount-page .user-registration-success-form .form-box .link-box a {
  margin-bottom: 30px;
}
.custom-user-login-form #edit-submit {
  margin-left: 20px;
}
.alert-error,
.alert-status {
  margin-top: 20px;
  margin-bottom: 0;
  opacity:1;
}
.user-account-box ul.account-links {
  display: flex;
}
.user-account-box ul.account-links li.account-link {
  list-style: none;
}
.user-account-box ul.account-links li.account-link a.account-link-text {
  color: #ab1236;
  font-size: 14px;
  text-decoration: none;
  padding-right: 15px;
}
.user-account-box ul.account-links li.account-link:first-child {
  position: relative;
  margin-right: 17px;
}
.user-account-box ul.account-links li.account-link:first-child:after {
  position: absolute;
  content: "|";
  font-size: 14px;
  color: #333333;
}
.user-account-box .name_box {
  font-size: 16px;
  color: #333333;
}
.myaccount-page .logo-section img {
  padding-top: 0;
}
.myaccount-page  .header-logo-section {
  border-bottom: 1px solid #efefef;
  padding-bottom: 12px;
  padding-top: 12px;
}
.myaccount-page .user-account-box {
  float: right;
  display: flex;
}
.myaccount-page .user-account-box .icon_box {
  position: relative;
  background: #ab1236;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 5px;
}
.myaccount-page .user-account-box .icon_box:before {
  background: url(/themes/custom/corp_cms/images/user-account-login.svg) no-repeat;
  background-size: 20px;
  height: 20px;
  width: 22px;
  content: '';
  position: absolute;
  top: 8px;
  left: 10px;
}
.myaccount-page main {
  min-height: 48vh;
}
.account-activate-success .myaccount-page main {
  padding-top: 15px;
}
.myaccount-page .wrapper-main-content form#user-two-stage-select-form .form-item {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}
.myaccount-page form#user-two-stage-select-form .form-box {
  padding: 20px;
/*    padding-bottom: 0;*/
}

.myaccount-page form.user-mobile-update-form  .form-box #edit-enable-link {
  margin-top: 0;
/*    font-weight: bold;*/
}
.myaccount-page form.user-mobile-update-form  .form-box input#edit-back {
  margin-right: 10px;
}
.myaccount-page form.user-mobile-update-form  .form-box input#edit-cancel {
  margin-left: 0px;
}
.myaccount-page form.user-mobile-update-form  .form-box input#edit-submit {
  margin-left: 0px;
}
.myaccount-page form.user-tfa-sms-form  .form-box input#edit-cancel {
  margin-left: 10px;
}
.myaccount-page form.user-tfa-sms-form .form-box {
  padding: 20px;
}
.myaccount-page form.user-tfa-sms-form .form-box .form-item-code {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0;
}
.myaccount-page form.user-mobile-update-form input[type=number]::-webkit-inner-spin-button,
.myaccount-page form.user-mobile-update-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.myaccount-page form.user-mobile-update-form .form-box .fieldgroup.form-item {
  margin-bottom: 0;
}
.myaccount-page form.user-mobile-update-form .form-box .fieldgroup legend {
  margin-bottom: 15px;
}

.myaccount-page form.user-mobile-update-form .form-box .form-type-number.form-item label {
  padding-top: 0;
}
.myaccount-page form.tfa-setup-form .tfa-qr-code {
  margin-left: -15px;
}

/*****/

.myaccount-page form#user-two-stage-select-form .form-box input[type=radio],
.myaccount-page form.tfa-setup-form input[type=radio],
.myaccount-page form.user-mobile-update-form  .form-box input[type=radio] {
  float: none!important;
  width: auto!important;
}
.myaccount-page form#user-two-stage-select-form .form-box .form-radios {
  padding-top: 10px;
}
.myaccount-page form#user-two-stage-select-form .form-box .form-actions {
  margin-bottom: 0;
}
.myaccount-page form#user-two-stage-select-form .form-box input[type=radio],
.myaccount-page form.tfa-setup-form input[type=radio],
.myaccount-page form.user-mobile-update-form  .form-box input[type=radio] {
  position: relative;
  cursor: pointer;
  width: 0;
  margin-right: 10px;
}
.myaccount-page form#user-two-stage-select-form .form-box input[type=radio]:before,
.myaccount-page form.tfa-setup-form input[type=radio]:before,
.myaccount-page form.user-mobile-update-form  .form-box input[type=radio]:before {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border-radius: 50%;
  border: 1.5px #c3c3c3 solid;
  content: '';
}

.myaccount-page form#user-two-stage-select-form .form-box input[type=radio]:checked:before,
.myaccount-page form.tfa-setup-form input[type=radio]:checked:before,
.myaccount-page form.user-mobile-update-form  .form-box input[type=radio]:checked:before {
  background-color: #fff;
  border: 4px #ab1236 solid;
}
.myaccount-page .wrapper-main-content a#edit-forgot-link {
  color: #ab1236;
  font-size: 16px;
}
.myaccount-page form.tfa-setup-form {
  padding: 20px;
}
.myaccount-page form.tfa-setup-form .form-actions input#fieldbackcodetext {
  margin-left: 0;
  margin-right: 0;
}
.myaccount-page form.user-mobile-update-form  .form-box {
  padding: 20px;
}
.myaccount-page form.user-mobile-update-form  .form-box .form-item {
  padding-left: 0!important;
  padding-right: 0!important;
}

.myaccount-page form.tfa-setup-form .form-item {
  padding-left: 0!important;
  padding-right: 0!important;
}
.myaccount-page form.tfa-setup-form .fieldset-wrapper .form-item label {
  padding-left: 10px;
}
.myaccount-page form.tfa-setup-form fieldset legend {
  padding-bottom: 10px;
}
.myaccount-page form.custom-tfa-entry-form .form-actions {
  padding-left: 20px;
}
.myaccount-page form.tfa-setup-form .form-item label,
.myaccount-page form.custom-tfa-entry-form .form-item label {
  width: auto!important;
}
.myaccount-page form.tfa-setup-form .form-item input,
.myaccount-page form.custom-tfa-entry-form .form-item input {
  float: none!important;
}
.myaccount-page form.user-tfa-sms-form .form-item label {
  width: auto!important;
}
.myaccount-page form.user-tfa-sms-form .form-item input {
  float: none!important;
}
.myaccount-page form.user-tfa-sms-form input#edit-back {
  margin-left: 10px!important;
  margin-right: 0;
}
.myaccount-page form.user-tfa-sms-form input#edit-resend {
  margin-right: 0;
  margin-left: 0;
}


.myaccount-page .wrapper-main-content form#user-two-stage-select-form .form-item a {
  color: #ab1236;
  font-size: 14px;
}

.myaccount-page form.tfa-setup-form  input#fieldbackcode {
  border: 1px solid #ac0b1d;
  border-radius: 5px;
  color: #ab1236;
  background: #fff;
  margin-left: 0;
/*    margin-right: 10px;*/
}
.myaccount-page form.tfa-setup-form  input#edit-cancel {
  margin-right: 0;
}
.myaccount-page form.tfa-setup-form  input.tfa-login-submit {
  margin-left: 0;
}
.myaccount-page form.tfa-setup-form .form-item-toptext-qr {
  margin-top: 0;
}
.myaccount-page form.tfa-setup-form .form-item-toptext-qr p {
/*    font-weight: bold;*/
}
.myaccount-page form.tfa-setup-form .form-actions input {
  margin-bottom: 0!important;
}
.myaccount-page form.user-tfa-success-form .form-box {
  padding: 20px;
}
.myaccount-page form.user-tfa-success-form .form-box input#edit-back {
  border: 1px solid  #ab1236!important;
  border-radius: 5px!important;
  color: #fff!important;
  background: #ab1236!important;
  margin-bottom: 0!important;
}
.myaccount-page .wrapper-main-content .form-box .form-actions .google-btn input#edit-login {
  text-indent: -9999px;
  width: 90px;
}
.myaccount-page .wrapper-main-content .form-box .form-actions .google-btn {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.myaccount-page .wrapper-main-content .form-box .form-actions .google-btn input.tfa-login-submit {
  margin-left: 10px;
}
.myaccount-page .wrapper-main-content .form-box .tfa-setup-form .form-actions .google-btn:after {
  position: absolute;
  content: 'Proceed';
  color: #fff;
  font-size: 16px;
  display: inline-block;
  float: left;
  left: 25px;
  z-index: 10;
  top: 7px;
  font-weight: bold;
  pointer-events: none;
}
.myaccount-page form.tfa-setup-form .form-item.form-item-code {
  margin-top: 0;
}
.myaccount-page form.tfa-setup-form .form-actions input#fieldbackcodefirst {
  margin-left: 0;
  margin-right: 0;
}

.myaccount-page form.user-tfa-otp-form .form-item label,
.myaccount-page form.user-mobile-update-form .form-item label {
  width: auto!important;
}
.myaccount-page form.user-tfa-otp-form .form-item input,
.myaccount-page form.user-mobile-update-form .form-item input {
  float: none!important;
}
.myaccount-page form.user-tfa-otp-form .form-box {
  padding: 20px;
}
.myaccount-page form.user-tfa-otp-form .form-box .form-item {
  padding-left: 0!important;
  padding-right: 0!important;
  margin-top: 0;
}
.myaccount-page form.user-tfa-otp-form .form-box .timer-otp {
  display: flex;
}
.myaccount-page form.user-tfa-otp-form .form-box .timer-otp #counter-text {
  padding: 0 6px;
  padding-top: 2px;
}
.myaccount-page form.user-tfa-otp-form .form-box input#edit-resend {
  margin-left: 0;
}
.myaccount-page form.user-tfa-otp-form .form-box input#edit-submit {
  margin-left: 0;
}
.myaccount-page form.user-tfa-otp-form .form-box input {
  margin-bottom: 0!important;
}

/****login-destination-page******/

.myaccount-page .left-side-content .back-button a.admin-add-button {
  display: inline-block;
  line-height: 10px;
  background-color: #ab1236;
  color: #fff;
  border: 0;
  margin-top: 20px;
  position: relative;
  font-size: 15px;
  font-weight: bold!important;
  padding-top: 14px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 30px;
  background-image: none!important;
  height: 38px;
}
.myaccount-page .left-side-content .back-button a.admin-add-button:before {
  content: "\f107";
  position: absolute;
  font-family: "font Awesome 5 free";
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  transform: rotate(90deg);
  left: 10px;
}
.myaccount-page .left-side-content .back-button a.admin-add-button:hover {
  background-color: #ab1236!important;
}







/*****************************************Responsiveness****************************************/

@media screen and ( min-width:1450px) and ( max-width:1822px) {
  .myaccount-page main {
    min-height: 58vh;
  }
}

@media screen and ( min-width:1823px) and ( max-width:1920px) {
  .myaccount-page main {
    min-height: 66vh;
  }
}

@media screen and (min-device-width: 0px) and (max-device-width: 767px) {
  .myaccount-page .account-bar-left,
  .myaccount-page .account-bar-right {
    text-align: center;
}
  .myaccount-page .account-bar-right p {
    font-size: 15px;
    padding: 0 20px;
}
  .myaccount-page .account-bar-left h2.account-text,
  .myaccount-page .account-bar-right h2 {
    display: inline-block;
}
  .myaccount-page .account-bar-right {
    padding-top: 0px;
    padding-right: 10px;
}
  .myaccount-page .content-box.form-box .table th {
    white-space: nowrap;
}
  .myaccount-page .wrapper-main-content .form-box .sec-desc {
    font-size: 14px!important;
}
  .myaccount-page .user-registration-success-form .form-box,
  .user-registration-success-form .form-box {
    width: 90%;
}
  .myaccount-page .wrapper-main-content .left-side-content {
    padding-right: 0;
}
  .myaccount-page .wrapper-main-content .form-box .form-item {
    margin-top: 10px;
    margin-bottom: 10px;
}
  .myaccount-page .logo-section .navbar-brand {
    display: block!important;
    text-align: center;
}
  .myaccount-page .user-account-data .right-section {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}
  .myaccount-page .wrapper-main-content .form-box .form-item label {
    font-size: 12px;
    width: 44%;
}
  .myaccount-page .wrapper-main-content .form-box .form-item input,
  .myaccount-page .wrapper-main-content .form-box .form-item .form-select {
    width: 50%;
    font-size: 12px;
}
  .myaccount-page .wrapper-main-content .form-box .password-confirm,
  .myaccount-page .wrapper-main-content .form-box .password-field,
  .myaccount-page .wrapper-main-content .form-box .password-strength,
  .myaccount-page .wrapper-main-content .form-box .password-confirm-match {
    width: 51%;
}
  .myaccount-page .wrapper-main-content h2.heading-text {
    font-size: 18px;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link a.link-text {
    font-size: 16px;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(1) {
    width: 45%;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(2) {
    width: 55%;
}
  .myaccount-page .user-login-form .form-actions input {
    margin-left: 6%;
}
  .myaccount-page form.tfa-setup-form .form-item input[type=text] {
    width: 100%!important;
}
  .myaccount-page .user-account-box .icon_box {
    margin-right: 7px;
}
  .user-account-box ul.account-links li.account-link a.account-link-text {
    padding-right: 10px;
}
  .user-account-box ul.account-links li.account-link:first-child {
    margin-left: 4px;
}
  .myaccount-page .header-logo-section .second-menu-section {
    margin-top: 30px;
}
  .myaccount-page .header-logo-section .second-menu-section .menu--my-account-main-menu {
    float: left;
}
  .myaccount-page .header-logo-section .account-menu-section {
    margin-top: -40px;
}
  .myaccount-page .wrapper-header-section li.nav-item {
    padding: 0 1px;
}
  .myaccount-page .wrapper-header-section .second-menu-section .nav {
    padding-right: 10px;
}
  .myaccount-page .wrapper-header-section .second-menu-section .nav {
    border: 0;
}
  .myaccount-page .user-password-reset-form .form-box .form-item label {
    width: 40%!important;
}
  .myaccount-page .user-password-reset-form .form-box .form-item input {
    width: 60%!important;
}
  .myaccount-page .links-box {
    display: block;
}
  .myaccount-page .links-box .view-all-box {
    width: 100%;
}
  .myaccount-page .links-box .pager-box {
    width: 100%;
    padding-top: 30px;
}

}


@media screen and (min-device-width: 768px) and (max-device-width: 991px) {

  .myaccount-page .account-bar-right p {
    font-size: 12px;
}
  .myaccount-page .user-registration-form .form-checkboxes input:checked + label.option:after {
    right: -102px;
}
  .myaccount-page .user-registration-form .form-checkboxes label.option:after {
    right: -107px;
}
  .myaccount-page .user-registration-form .form-checkboxes label.option:before {
    right: -110px;
}
  .myaccount-page .header-logo-section .second-menu-section {
    width: 46%
}
  .myaccount-page .header-logo-section .account-menu-section {
    width: 35%
}

}

@media screen and (min-device-width: 992px) and (max-device-width: 1024px) {
}

@media screen and (min-device-width: 567px) and (max-device-width: 767px) and ( orientation:landscape) {
  .myaccount-page .account-bar-left {
    padding-top: 35px;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(1) {
    width: 50%;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link:nth-child(2) {
    width: 50%;
}
  .myaccount-page .wrapper-main-content .form-box .tab-links .tab-link a.link-text {
    text-align: center;
    width: 100%;
}
  .myaccount-page .wrapper-main-content .form-box .form-item input,
  .myaccount-page .wrapper-main-content .form-box .form-item .form-select {
    width: 65%;
}
  .myaccount-page .wrapper-main-content .form-box .form-item label {
    width: 35%;
}
  .myaccount-page .wrapper-main-content .form-box .password-confirm,
  .myaccount-page .wrapper-main-content .form-box .password-field,
  .myaccount-page .wrapper-main-content .form-box .password-strength,
  .myaccount-page .wrapper-main-content .form-box .password-confirm-match {
    width: 65%;
}
  .myaccount-page .wrapper-header-section .second-menu-section .nav {
    border: none;
}
}