.justify-content-center {
  justify-content: center;
}

.input-label {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}

.btn-ht-42 {
  height: 42px !important;
}

.input-field {
  margin-top: 10px;
}

.pl-0 {
  padding-left: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt {
  margin-top: 15px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-10 {
  margin-top: 15px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-60 {
  margin-top: 60px;
}

.mtb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.grey-bottom {
  /* margin-top: 60px; */
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dedee1;
}

.margin-left-4 {
  margin-left: 24px;
}

.mr-10 {
  margin-right: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-24 {
  margin-bottom: 24px;
}

.btn-soft-red {
  color: #da1710 !important;
}

.btn-soft-red:hover {
  color: #ffffff !important;
}

.modal.modal-wiq .modal-header.no-bottom-border {
  border-bottom: none;
}

.login-extra-actions {
  display: flex;
  justify-content: space-between;
}

.modal.modal-wiq .modal-header .modal-header-title {
  font-size: 22px;
  line-height: 26px;
}

.modal.modal-wiq .modal-body {
  padding-top: 12px;
}

.modal.modal-wiq .modal-body p {
  margin-top: 0;
}

.modal.modal-wiq .btn-link {
  text-decoration: underline;
}

.modal.modal-wiq .icon {
  height: 20px;
  padding: 12px;
}

.modal.modal-wiq .alert {
  margin-bottom: 0;
}

.modal.modal-wiq .alert-body {
  display: flex;
  align-items: center;
}

.modal.modal-wiq .icon-tick {
  padding: 8px;
  border: 2px solid green;
  border-radius: 50%;
  margin-right: 20px;
}

/* .modal.modal-wiq .icon {
  width: 28px !important;
  height: 28px !important;
} */

.manage-subscriptions-header {
  padding: 0;
  margin: 0;
  /* margin-top: 60px;
  margin-bottom: 48px; */
}

.single-subscription-copy {
  /* margin-top: 60px; */
  margin-bottom: 48px;
}

.form-error-message {
  font-size: 14px;
  margin: 0 0 12px;
  color: #c40000;
}

.input-field-error {
  border-color: #c40000;
}

.form-error-message .icon-xsmall {
  font-size: 12px;
  width: 12px !important;
  height: 12px !important;
}

.loading-overlay {
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  display: none;
  align-items: center;
  justify-content: center;
}

.loading-overlay .icon-loading {
  width: 50px !important;
  height: 50px !important;
}

.icon-custom-lock-open {
  cursor: default;
}

.custom-container {
  padding: 60px;
  border-bottom: 1px solid #dedee1;
}

.custom-container .row {
  margin: 0;
  padding-bottom: 50px;
}

.confirmation-content {
  padding: 0 60px 76px;
}

.manage-subscriptions-cta button {
  width: 179px;
  height: 42px;
}

.manage-subscriptions-sub-header {
  margin-bottom: 0;
  margin-top: 0;
}

button.single {
  width: 232px;
  height: 42px;
}

.mt-responsive {
  margin-top: 60px;
}

@media only screen and (min-width: 320px) {
  .custom-container {
    padding: 50px 12px 60px;
  }

  .confirmation-content {
    padding: 60px 12px 60px;
  }

  .custom-container .row {
    margin: 0 23px;
  }

  .manage-subscriptions-cta button {
    width: 100%;
    height: 42px;
  }

  .manage-subscriptions-cta button:first-child {
    margin-bottom: 24px;
  }

  .manage-subscriptions-cta button.single {
    width: 100%;
  }

  .mt-responsive {
    margin-top: 36px;
  }

  .header-container {
    margin-top: 50px !important;
  }
}

@media only screen and (min-width: 768px) {
  .custom-container {
    padding: 60px 36px;
  }

  .confirmation-content {
    padding: 60px 36px 60px;
  }

  .manage-subscriptions-cta button {
    width: 179px;
    height: 42px;
    margin-bottom: 0;
  }

  .manage-subscriptions-cta button:first-child {
    margin-bottom: 0;
  }

  .manage-subscriptions-cta button.single {
    width: 232px;
  }

  .header-container {
    margin-top: 60px !important;
  }
}

@media only screen and (min-width: 996px) {
  .custom-container {
    padding: 60px 48px;
  }

  .confirmation-content {
    padding: 60px 48px 76px;
  }
}

@media only screen and (min-width: 1200px) {
  .custom-container {
    padding: 60px;
  }

  .confirmation-content {
    padding: 60px;
  }

  .mt-responsive {
    margin-top: 60px;
  }
}

/* .checkbox .checkbox-text:after {
  border: 1px solid black;
  border-radius: 4px;
} */

.checkbox-input + .checkbox-text:after,
.symbol-checkbox-off {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20aria-labelledby%3D%22title-checkbox-off%22%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Ctitle%20id%3D%22title-checkbox-off%22%20lang%3D%22en%22%3ECheckbox-off%3C%2Ftitle%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%2C31.5c-5.4%2C0-5.5-5.3-5.5-5.5V6c0-5.4%2C5.3-5.5%2C5.5-5.5h20c5.4%2C0%2C5.5%2C5.3%2C5.5%2C5.5v20%20c0%2C5.4-5.3%2C5.5-5.5%2C5.5H6z%22%2F%3E%20%3Cpath%20fill%3D%22%231f1c4f%22%20d%3D%22M26%2C1c4.8%2C0%2C5%2C4.5%2C5%2C5v20c0%2C4.8-4.5%2C5-5%2C5H6c-4.8%2C0-5-4.5-5-5V6c0-4.8%2C4.5-5%2C5-5H26%20M26%2C0H6c0%2C0-6%2C0-6%2C6%20v20c0%2C0%2C0%2C6%2C6%2C6h20c0%2C0%2C6%2C0%2C6-6V6C32%2C6%2C32%2C0%2C26%2C0L26%2C0z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}

.checkbox-input:checked + .checkbox-text:after,
.symbol-checkbox-on {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20aria-labelledby%3D%22title-checkbox-on%22%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Ctitle%20id%3D%22title-checkbox-on%22%20lang%3D%22en%22%3ECheckbox-on%3C%2Ftitle%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%2C31.5c-5.4%2C0-5.5-5.3-5.5-5.5V6c0-5.4%2C5.3-5.5%2C5.5-5.5h20c5.4%2C0%2C5.5%2C5.3%2C5.5%2C5.5v20%20c0%2C5.4-5.3%2C5.5-5.5%2C5.5H6z%22%2F%3E%20%3Cpath%20fill%3D%22%231f1c4f%22%20d%3D%22M26%2C1c4.8%2C0%2C5%2C4.5%2C5%2C5v20c0%2C4.8-4.5%2C5-5%2C5H6c-4.8%2C0-5-4.5-5-5V6c0-4.8%2C4.5-5%2C5-5H26%20M26%2C0H6c0%2C0-6%2C0-6%2C6%20v20c0%2C0%2C0%2C6%2C6%2C6h20c0%2C0%2C6%2C0%2C6-6V6C32%2C6%2C32%2C0%2C26%2C0L26%2C0z%22%2F%3E%20%3Cpolygon%20fill%3D%22%231f1c4f%22%20points%3D%2221.3%2C8%2013.8%2C18.6%208.6%2C14.8%206%2C18.4%2014.9%2C25%2025%2C10.7%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}

.header-divider {
  background-color: #dedee1;
  height: 1px;
  border: none;
  margin: 0;
}