/* ====================
    Generic Styles
    ==================== */
/*
html {
  scroll-padding-top: 60px;
}
body {
  margin: 60px auto;
}
*/

.alert-link {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #ea5e5f;
  text-decoration-color: #ea5e5f;
}
.alert-link:hover {
  color: #ea5e5f;
  text-decoration-color: #ea5e5f;
}

.btn-cta {
  cursor: pointer;
}

.mc__hide {
  display: none !important;
  pointer-events: none;
}

/* Generic select stylewrapper */
.mc__premise__container {
  display: inline-block;
  margin-bottom: -1px;
  width: auto;
}

.mc__icon-power {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.932039 16C0.932039 24.3085 7.69149 31.068 16 31.068C24.3085 31.068 31.068 24.3085 31.068 16C31.068 7.69149 24.3085 0.932039 16 0.932039C7.69149 0.932039 0.932039 7.69149 0.932039 16ZM0 16C0 7.17763 7.17763 0 16 0C24.8224 0 32 7.17763 32 16C32 24.8224 24.8224 32 16 32C7.17763 32 0 24.8224 0 16ZM15.1836 16.7113L13.7439 24.0306L21.2816 13.9805H16.0001C15.8385 13.9805 15.6885 13.8969 15.6034 13.7596C15.5189 13.6222 15.5108 13.4504 15.5832 13.306L18.3529 7.76687H13.2291L10.433 16.1552H14.7263C14.8655 16.1552 14.9978 16.2177 15.0861 16.3255C15.1746 16.433 15.2107 16.5743 15.1836 16.7113ZM16.7538 13.0484H22.2137C22.3902 13.0484 22.5517 13.1481 22.6306 13.306C22.7092 13.4641 22.6924 13.653 22.5865 13.7941L13.2661 26.2212C13.1757 26.3418 13.0362 26.4076 12.893 26.4076C12.8293 26.4076 12.765 26.3946 12.7035 26.3673C12.5053 26.279 12.394 26.065 12.436 25.8518L14.1596 17.0873H9.7865C9.63675 17.0873 9.49602 17.0152 9.4084 16.8937C9.32079 16.7722 9.29687 16.616 9.3444 16.474L12.4512 7.15358C12.5146 6.96314 12.6926 6.83483 12.8933 6.83483H19.1069C19.2681 6.83483 19.4185 6.9184 19.5033 7.05603C19.5881 7.19335 19.5959 7.36485 19.5238 7.50931L16.7538 13.0484Z' fill='%230071BA'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.mc__icon-fiber {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.669974 7.47862L0.12719 6.93543C8.8798 -1.81637 23.1206 -1.81637 31.872 6.93543L31.3292 7.47862C22.8768 -0.97343 9.12324 -0.974241 0.669974 7.47862ZM16 23.5272C15.3199 23.5272 14.6807 23.2627 14.1999 22.7819C13.2075 21.7895 13.2075 20.1741 14.1999 19.1813C14.6811 18.7005 15.3203 18.436 16 18.436C16.6797 18.436 17.3189 18.7005 17.8001 19.1809C18.7925 20.1737 18.7925 21.7891 17.8001 22.7819C17.3193 23.2623 16.6801 23.5272 16 23.5272ZM15.9999 18.975C15.4655 18.975 14.9625 19.1836 14.5845 19.5638C13.8053 20.347 13.8053 21.6214 14.5851 22.4058C15.3405 23.1651 16.6594 23.1645 17.4153 22.4058C18.1951 21.6214 18.1951 20.347 17.4153 19.5632C17.0373 19.1836 16.5343 18.975 15.9999 18.975ZM4.88871 11.6965L5.43149 12.2397C11.2591 6.4129 20.7413 6.4129 26.5685 12.2397L27.1113 11.6965C20.9847 5.56956 11.0157 5.56956 4.88871 11.6965ZM10.2436 17.0523L9.70086 16.5091C11.3835 14.8269 13.6194 13.9001 15.9992 13.9001C18.3789 13.9001 20.6157 14.8269 22.2983 16.5091L21.7555 17.0523C20.2183 15.5147 18.174 14.6681 15.9996 14.6681C13.8252 14.6681 11.7809 15.5147 10.2436 17.0523Z' fill='%230392CF'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.mc__premise-select__container.mc__active {
  position: relative;
  width: 100%;
  max-width: 400px;
  border: 1px solid #ccc;
  z-index: 1;
}

@media screen and (min-width: 1026px) {
  .mc__premise__container {
    margin-left: 0;
  }

  .mc__premise-select__container.mc__active {
    width: 100%;
  }
}

.mc__premise-select__container.mc__active select {
  width: 100%;
  border: none;
  border-radius: 0;
  height: 50px;
  padding: 10px 40px 10px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

@media screen and (min-width: 1026px) {
  .mc__premise-select__container.mc__active select {
    min-width: 350px;
  }
}

.mc__premise-display__container.mc__active {
  padding-right: 3.5rem;
  cursor: pointer;
}

.mc__premise-display__container::after {
  content: "";
  display: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.580645C0 0.432097 0.0627861 0.283452 0.188357 0.170129C0.439393 -0.0567097 0.846321 -0.0567097 1.09736 0.170129L6 4.59823L10.9026 0.170129C11.1537 -0.0567097 11.5606 -0.0567097 11.8116 0.170129C12.0628 0.396774 12.0628 0.764516 11.8116 0.991161L6.4545 5.82987C6.20346 6.05671 5.79654 6.05671 5.5455 5.82987L0.188357 0.991161C0.0627861 0.877839 0 0.729194 0 0.580645Z' fill='%231D2225'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.580645C0 0.432097 0.0627861 0.283452 0.188357 0.170129C0.439393 -0.0567097 0.846321 -0.0567097 1.09736 0.170129L6 4.59823L10.9026 0.170129C11.1537 -0.0567097 11.5606 -0.0567097 11.8116 0.170129C12.0628 0.396774 12.0628 0.764516 11.8116 0.991161L6.4545 5.82987C6.20346 6.05671 5.79654 6.05671 5.5455 5.82987L0.188357 0.991161C0.0627861 0.877839 0 0.729194 0 0.580645Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect x='-1' y='-4' width='14' height='14' fill='%230D123D'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 12px;
  top: 50%;
  right: 2px;
  height: calc(100% - 2px);
  transform: translateY(-50%);
  width: 40px;
  position: absolute;
  pointer-events: none;
}

.mc__premise-display__container.mc__active::after {
  display: block;
}

.mc__single-premise-label,
.mc__premise-select {
  display: none;
}

.mc__single-premise-label.mc__active {
  display: flex;
}

.mc__premise-select.mc__active {
  display: block;
}

.mc__premise-select__container.mc__active::after {
  content: "";
  display: block;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.580645C0 0.432097 0.0627861 0.283452 0.188357 0.170129C0.439393 -0.0567097 0.846321 -0.0567097 1.09736 0.170129L6 4.59823L10.9026 0.170129C11.1537 -0.0567097 11.5606 -0.0567097 11.8116 0.170129C12.0628 0.396774 12.0628 0.764516 11.8116 0.991161L6.4545 5.82987C6.20346 6.05671 5.79654 6.05671 5.5455 5.82987L0.188357 0.991161C0.0627861 0.877839 0 0.729194 0 0.580645Z' fill='%231D2225'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.580645C0 0.432097 0.0627861 0.283452 0.188357 0.170129C0.439393 -0.0567097 0.846321 -0.0567097 1.09736 0.170129L6 4.59823L10.9026 0.170129C11.1537 -0.0567097 11.5606 -0.0567097 11.8116 0.170129C12.0628 0.396774 12.0628 0.764516 11.8116 0.991161L6.4545 5.82987C6.20346 6.05671 5.79654 6.05671 5.5455 5.82987L0.188357 0.991161C0.0627861 0.877839 0 0.729194 0 0.580645Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect x='-1' y='-4' width='14' height='14' fill='%230D123D'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 12px;
  top: 50%;
  right: 2px;
  height: calc(100% - 2px);
  transform: translateY(-50%);
  width: 40px;
  position: absolute;
  pointer-events: none;
}

/* MC Content */

.epb-portal__content {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 1026px) {
  .epb-portal__content {
    padding-left: 96px;
    padding-right: 96px;
  }
}

.mc__content-container {
  width: 100%;
  /* padding: 24px 24px 2.5rem 24px; */
  flex-direction: column;
  /* border: 1px solid #ccc; */
  background-color: #f9f9f9;
}

.mc__content-title {
  /* font-family: "FuturaNext-Medium", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.5rem; */
}

.mc__content-title::after {
  content: "";
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: block;
  --bg-opacity: 1;
  background-color: #8ad74a;
  background-color: rgba(138, 215, 74, var(--bg-opacity));
  height: 0.188rem;
  width: 2.5rem;
}

@media screen and (min-width: 1026px) {
  .mc__content-container {
    padding: 0 30px 4rem 0;
    background-color: white;
  }
}

.mc__service__content {
  display: flex;
}

.mc__service__icon-power,
.mc__service__icon-fiber {
  display: none;
  margin-right: 16px;
}

.mc__service__icon-power.mc__active,
.mc__service__icon-fiber.mc__active {
  display: block;
}

.mc__bar {
  width: 1px;
  height: 16px;
  align-self: center;
  justify-self: center;
  background-color: #ccc;
}

.mc__account-tabs-wrapper {
  /* width: calc(100% + 32px); */
  width: 100%;
  /* margin-left: -16px;
  margin-right: -16px; */
  position: relative;
}

@media screen and (min-width: 768px) {
  .mc__account-tabs-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.mc__account-tabs-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* overflow-x: auto; */
  overflow-y: hidden;
  position: relative;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-bottom: 0;
}

@media screen and (min-width: 768px) {
  .mc__account-tabs-container {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1026px) {
  .mc__account-tabs-container {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
}

/* .mc__account-tabs-wrapper::before,
.mc__account-tabs-wrapper::after {
  content: '';
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  pointer-events: none;
  z-index: 10;
} */

.mc__account-tabs-wrapper::after {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .mc__account-tabs-wrapper::before,
  .mc__account-tabs-wrapper::after {
    display: none;
  }
}

.mc__section-button-wrapper {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1026px) {
  .mc__section-button-wrapper {
    width: 100%;
  }
}

.mc__section-button .mc__section-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mc__section-button-wrapper.single-account button {
  pointer-events: none;
  cursor: default;
}

.mc__section-button-wrapper.single-account .mc__section-button-content {
  display: flex;
  justify-content: flex-start;
  padding-left: 1rem;
}

.mc__section-button-wrapper.single-account .mc__section-title {
  padding-left: 0;
}

@media screen and (min-width: 1026px) {
  .mc__section-button-wrapper:nth-child(2) .mc__section-button-content::before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 24px);
    background: rgba(200, 200, 200, 1);
    position: absolute;
    left: 0;
    top: 24px;
    bottom: 0;
    outline: none;
  }

  .mc__section-button-wrapper:nth-child(2) .mc__section-button-content::after {
    left: auto;
    right: -20px;
  }
}

.mc__section-button {
  position: relative;
  transition: border-color 0.5s ease;
  /* min-width: 200px; */
}

.mc__section-button-wrapper:nth-child(odd)
  .mc__section-button:not(.mc__active) {
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.13) 0%,
    rgba(217, 217, 217, 0) 6.7%
  );
}

.mc__section-button-wrapper:nth-child(even)
  .mc__section-button:not(.mc__active) {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.13) 0%,
    rgba(217, 217, 217, 0) 6.7%
  );
}

.mc__section-button svg {
  display: none;
}

.mc__section-button svg path {
  stroke: #0D123D;
}

.mc__section-button.mc__active svg path {
  stroke: #0392CF;
}

@media screen and (min-width: 1026px) {
  .mc__section-button {
    min-width: 200px;
  }

  .mc__section-button-wrapper:nth-child(odd)
    .mc__section-button:not(.mc__active),
  .mc__section-button-wrapper:nth-child(even)
    .mc__section-button:not(.mc__active) {
    background: white;
  }
}

@media screen and (min-width: 1026px) {
  .mc__section-button svg {
    display: block;
  }
}

.mc__section-button .mc__section-title {
  font-family: "FuturaNext-Medium", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.5rem;
}

@media screen and (min-width: 1026px) {
  .mc__section-button .mc__section-title {
    color: #0d123d;
    font-size: 0.875rem;
  }
}

.mc__section-button::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #c8c8c8;
  transition: background-color 0.4s ease;
}

.mc__section-button.mc__active::after {
  background-color: #8ad74a;
}

.mc__section-button:hover::after {
  background-color: #7ac043;
}

@media screen and (min-width: 1026px) {
  .mc__section-button-wrapper:not(.single-account) .mc__section-button::after {
    width: calc(100% - 16px);
  }

  .mc__section-button-wrapper:not(.single-account):nth-child(even)
    .mc__section-button::after {
    left: auto;
    right: 0;
  }
}

.mc__section-button.mc__active {
  border-bottom-color: #8ad74a;
  background-color: rgba(255, 255, 255);
}

.mc__section-button:hover {
  border-bottom-color: #8ad74a;
}

.mc__section-button.mc__active .mc__section-title {
  color: #0071ba;
}

.mc__notification-preferences_intro {
  font-size: 16px;
  font-weight: 450;
  line-height: 24px;
}

/* Field styles */
.mc__form-field__container {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
  .mc__form-field__container {
    max-width: 640px;
  }
}

@media screen and (min-width: 1026px) {
  .mc__form-field__container {
    max-width: 320px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1139px) {
  .mc__form-field__container {
    max-width: 400px;
  }
}

.mc__form-field__container input {
  border: 1px solid #ccc;
}

.mc__form-field__container input:invalid {
  border: 1px solid #f00;
}

.mc_form-field-value__container {
  display: none;
}

.mc_form-field-value__container.mc__active {
  display: flex;
}

.mc__form-field {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #404040;
}

.mc__form-field.mc__active input,
.mc__form-field input.mc__active {
  border: 1px solid #0392cf;
}

.mc__form-field.mc__invalid input,
.mc__form-field input.mc__invalid {
  border: 1px solid #ea5e5f;
}

.mc__form-field__invalid-icon {
  display: none;
}

.mc__form-field.mc__invalid .mc__form-field__invalid-icon {
  display: flex;
}

/* .mc__form-field__label-container {
  margin: 16px 0;
} */

.mc__form-field__label {
  margin-bottom: 8px;
  font-family: "LL Circular Book Web", sans-serif;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 20px;

  letter-spacing: 0.2px;

  color: #707070;
}

.mc__form-field__value {
  font-family: "LL Circular Book Web", sans-serif;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 24px;

  letter-spacing: 0.2px;
}

.mc__form-field__input {
  background-color: white;
  padding: 0.75rem;
  outline: none !important;
}

.mc__form-field__input__invalid {
  outline: none !important;
}

input:disabled {
  cursor: not-allowed;
  --bg-opacity: 1;
  background-color: #e7e7e7;
  color: rgb(134, 134, 134);
}

.mc__form-field-value span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mc__form-field-trigger {
  display: block;
  min-width: 24px;
}

.mc__form-field-update {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

@media screen and (min-width: 1026px) {
  .mc__form-field-update {
    flex-direction: row;
    justify-content: space-between;
  }
}

.mc__form-field-update.mc__active {
  display: flex;
}
.btn-cta.alternate.mc__confirm-button,
.btn-cta.alternate-white.mc__confirm-button {
  padding: 0.85rem 1rem 0.85rem 1rem;
}

/* Checkbox Input */
.mc__checkbox-wrapper {
  display: none;
  visibility: hidden;
}

@media screen and (min-width: 1026px) {
  .mc__checkbox-wrapper {
    display: flex;
  }
}

.mc__checkbox-wrapper.mc__active {
  display: flex;
  visibility: visible;
}

/* .mc__checkbox-wrapper {
  display: block;
} */

.mc__checkbox-container {
  width: 24px;
  display: flex;
  align-items: flex-start;
  padding-bottom: 0;
  cursor: pointer;
}

.mc__checkbox {
  width: 24px;
  height: 24px;
  border: 1px solid #868686;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 0.3s ease;
}

input.mc__checkbox-input:focus + .mc__checkbox {
  outline: 5px auto -webkit-focus-ring-color;
}

input.mc__checkbox-input:checked + .mc__checkbox {
  border: 1px solid #0392cf;
}

input.mc__checkbox-input:disabled + .mc__checkbox {
  opacity: 0.3;
}

.mc__checkbox svg {
  opacity: 0;
  transition: opacity 0.3s ease;
}

input.mc__checkbox-input:checked + .mc__checkbox svg {
  opacity: 1;
}

/* table styles */
.mc__notification-preferences-table {
  overflow: visible;
}

/* .mc__notification-preferences__col {
  display: none;
} */

/* .mc__notification-preferences__col.mc__active {
  display: block;
  margin-right: auto;
} */

.mc__notification-preferences__col {
  display: flex;
  justify-content: center;
  /* margin-right: auto; */
  width: 100%;
  min-width: 75px;
  padding-left: 32px;
}

.mc__notification-preferences__row {
  display: none;
}

.mc__notification-preferences__row.mc__active {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}

.mc__notification-preferences__row:first-of-type {
  display: none;
}

@media screen and (min-width: 1026px) {
  .mc__notification-preferences__row:first-of-type {
    display: flex;
  }

  .mc__notification-preferences__row.mc__active {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.mc__notification-preferences__row.mc__active .mc__checkbox-wrapper {
  padding-right: 16px;
  justify-content: flex-start;
}

@media screen and (min-width: 1026px) {
  .mc__notification-preferences__row.mc__active .mc__checkbox-wrapper {
    width: 100%;
    padding-left: 32px;
    justify-content: center;
    align-items: center;
  }
}

.mc__notification-preferences__row.mc__active .mc__checkbox-wrapper.invisible {
  display: none;
}

@media screen and (min-width: 1026px) {
  .mc__notification-preferences__row.mc__active
    .mc__checkbox-wrapper.invisible {
    display: flex;
  }
}

.mc__notification-preferences__row
  .mc__checkbox-wrapper[data-col-id="SMS_TEXT"]::after {
  content: "SMS/Text";
  display: block;
  margin-left: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: #707070;
}

.mc__notification-preferences__row
  .mc__checkbox-wrapper[data-col-id="EMAIL"]::after {
  content: "Email";
  display: block;
  margin-left: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: #707070;
}

.mc__notification-preferences__row
  .mc__checkbox-wrapper[data-col-id="VOICE"]::after {
  content: "Voice";
  display: block;
  margin-left: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: #707070;
}

.mc__notification-preferences__row
  .mc__checkbox-wrapper[data-col-id="PAPER"]::after {
  content: "Paper";
  display: block;
  margin-left: 8px;
  margin-top: 6px;
  font-size: 12px;
  color: #707070;
}

@media screen and (min-width: 1026px) {
  .mc__notification-preferences__row
    .mc__checkbox-wrapper[data-col-id="SMS_TEXT"]::after,
  .mc__notification-preferences__row
    .mc__checkbox-wrapper[data-col-id="EMAIL"]::after,
  .mc__notification-preferences__row
    .mc__checkbox-wrapper[data-col-id="VOICE"]::after,
  .mc__notification-preferences__row
    .mc__checkbox-wrapper[data-col-id="PAPER"]::after,
  .mc__notification-preferences__row
    .mc__checkbox-wrapper[data-col-id="MOBILE"]::after {
    display: none;
  }
}

/* .mc__notification-preferences__row {
  display: flex;
}
.mc__notification-preferences__row .mc__checkbox-wrapper {
  margin-right: auto;
} */

.mc__table__preference-label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 16px;
  width: 100%;
}

.mc__table__preference-label__title {
  margin-right: 8px;
  margin-bottom: 8px;
  font-family: "LL Circular Book Web", sans-serif;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 24px;

  letter-spacing: 0.2px;
}

@media screen and (min-width: 1026px) {
  .mc__table__preference-label__title {
    margin-bottom: 0;
  }
}

.mc__table__preference-label__info-icon {
  display: flex;
  position: relative;
  flex-direction: row;
  width: auto;
}

.mc__table__preference-label__info-icon svg path {
  fill: black;
}

.mc__table__preference-label__tooltip {
  display: none;
  position: absolute;
  top: -24px;
  left: 20px;
  justify-content: center;
  align-items: center;
  width: 120px;
  margin-right: 24px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  z-index: 999999;
}

@media screen and (min-width: 768px) {
  .mc__table__preference-label__tooltip {
    width: 200px;
  }
}

.mc__table__preference-label__info-icon:hover
  .mc__table__preference-label__tooltip {
  display: flex;
}

@media screen and (min-width: 1026px) {
  .mc__table__preference-label {
    width: 200px;
    min-width: 200px;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1026px) {
  .mc__table__preference-label__title {
    margin-right: 16px;
  }
}

.cc5810-message-fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

/* ====================
Customer Portal - Modal
==================== */

/* Account Settings - Modal - Main Overlay and wrapper */
.cp__modal_overlay {
  padding-top: 90px;
  pointer-events: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(0, 0, 0, 0.3);

  z-index: 10;
}

@media screen and (min-width: 1026px) {
  .cp__modal_overlay {
    align-items: center;
    padding-top: 0;
  }
}

.cp__modal__bill-estimate {
  display: flex;
}

/* Customer Portal - Modal - Wrapper */
.cp__modal {
  position: relative;
  width: 100%;
  max-width: 720px;
  max-height: calc(100vh - 106px);

  justify-content: flex-start;
  align-items: center;
  flex-direction: column;

  background-color: white;

  padding: 32px;
  margin-right: 16px;
  margin-left: 16px;

  overflow-y: auto;
}

@media screen and (min-width: 1026px) {
  .cp__modal {
    justify-content: center;
    padding: 64px;
  }
}

/* Customer Portal - Modal - Close Button */

.cp__modal__close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px;
  cursor: pointer;
}

/* Customer Portal - Modal - Content */

.cp__modal__content {
  width: 100%;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: all;
}