.dash-nav {
  width: 190px;
}

.dash-nav.responsive-dash-nav {
  display: none;
  width: auto;
}

.dash-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
}

.stcilc {
  font-size: 12px;
  line-height: 120%;
  font-weight: 300;
  text-align: left;
}

.stcilc.reg {
  opacity: 0.5;
  font-weight: 400;
}

.stcilc.reg.centered {
  margin-top: 8px;
  text-align: center;
}

.stcilc.blue {
  color: #0071e3;
}

.icon-bt {
  width: 24px;
  height: 24px;
}

.icon-bt.i-small {
  width: 20px;
  height: 20px;
}

.complimentary-link-lc {
  opacity: 0.5;
  color: #333;
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
}

.btn-txtarr-sb {
  color: #0071e3;
  font-weight: 600;
}

.btn-txtarr-sb.gr {
  color: #333;
}

.btn-txtarr-sb.white {
  color: #fff;
}

.paragrap-text-block {
  line-height: 24px;
}

.paragrap-text-block.labeled {
  opacity: 0.5;
  font-size: 16px;
  line-height: 20px;
}

.paragrap-text-block.labeled.comptitle-d {
  text-align: left;
}

.paragrap-text-block.filled {
    font-size: 16px;
    text-align: left;
    overflow-wrap: anywhere;
}
.paragrap-text-block a{
    color: #333;
}

.paragrap-text-block.filled.bolded {
  font-weight: 800;
}

.paragrap-text-block.filled.rfq {
  width: 150px;
  margin-top: 4px;
  line-height: 20px;
  text-align: center;
}

.paragrap-text-block.filled.centered {
  margin-top: 4px;
  margin-bottom: 24px;
  text-align: center;
}

.textdff {
  text-align: left;
}

.textdff.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
}

.data-box-w {
  padding: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 15px;
  background-color: #fff;
}

.data-box-w.msg-hide {
  display: none;
}

.section-sub-heading {
  margin-top: 0px;
  margin-bottom: 50px;
  color: #8b8b8b;
  font-weight: 400;
  text-align: center;
}

.section-sub-heading.dark {
  margin-bottom: 24px;
  color: #333;
}

.btn-fm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dashboard-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  border-radius: 15px;
}

.prcon-p {
  width: 200px;
  margin-top: 32px;
  margin-bottom: 32px;
  background-image: url('/images/assets/profile/image-1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ibd-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    opacity: 0.5;
    text-align: left;
}
.ibd-tab a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #333;
}

.ibd-tab.active, .ibd-tab:hover {
    opacity: 1;
}

.ibd-tab.res {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  list-style-type: none;
}

.account-info-m {
  padding: 24px 16px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}

.full-width-section-grey {
    padding-bottom: 150px;
    background-color: #f1f1f1;
}

.edit-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 4px;
  color: #0071e3;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}

.dnmbt {
  padding-left: 0px;
}

.dnmbt.responsive-dn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  grid-column-gap: 32px;
  list-style-type: none;
}

.linier-gradient-l {
  width: 100%;
  height: 5px;
  background-image: -webkit-gradient(linear, left top, right top, from(#e1f549), color-stop(33%, #29d0be), color-stop(66%, #6cb8ea), to(#c059ff));
  background-image: linear-gradient(90deg, #e1f549, #29d0be 33%, #6cb8ea 66%, #c059ff);
}

.linier-gradient-l.small {
  height: 2px;
  margin-bottom: 16px;
}

.compl-del-mes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 4px;
  text-align: left;
}

.delete-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 4px;
  opacity: 0.5;
  text-decoration: none;
}

.mb-textdff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  margin-bottom: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-row-gap: 16px;
}

.hstdc {
  margin-top: 0px;
  margin-bottom: 4px;
  text-align: left;
}

.main-wrapper-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.main-wrapper-b.no-flex {
  display: block;
  padding-top: 24px;
  text-align: center;
}

.prcon-mb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-column-gap: 32px;
  grid-row-gap: 16px;
}

.ibt-text {
  font-size: 16px;
  font-weight: 600;
}

.datainfo-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-column-gap: 15px;
  grid-row-gap: 16px;
}

.datainfo-s.kfbrtr {
  display: block;
  margin-top: 0px;
}

.pifs {
  width: 167px;
  height: 167px;
  min-width: 167px;
  background-image: url('/images/assets/profile/laptop-no-background.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.tpnesboth {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.top-pi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dlhr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
}

.pp-details-pp {
    margin-top: 32px;
    margin-bottom: 8px;
}

.calcs-o {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tpnes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 8px;
}

.tpnes.dynamic {
  padding: 8px 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-row-gap: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

.state-pi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  text-align: center;
}

.ptom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pp-details {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.btn-s-t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 32px;
  grid-column-gap: 32px;
  text-align: left;
}

.btn-s-t.bottom {
  margin-top: 32px;
  margin-bottom: 0px;
}

.btn-s-t.rd-rb {
  margin-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.states-r_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: 8px;
}

.refstep {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-row-gap: 8px;
}

.refstep.incomplete {
  opacity: 0.3;
}

.coupon-img {
  margin-bottom: 16px;
}

.coupon-mainh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #333;
}

.ps-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-column-gap: 5px;
}

.tpbt {
  font-size: 45px;
  line-height: 45px;
  font-weight: 800;
}

.coupon-main {
  max-width: 190px;
  min-width: 180px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.coupon-main.locked {
  opacity: 0.5;
}

.coupons-set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.nested-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  margin: 0px 4px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 4px;
  border-radius: 15px;
  background-color: #0071e3;
  text-decoration: none;
}

.nested-button.hm {
  height: 45px;
  margin-right: 16px;
  margin-left: 16px;
}

.nested-button.hm.locked {
  background-color: #333;
}

.ref-code-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  border-radius: 15px;
  background-color: #d9d9d9;
}

.ref-link-stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ref-link-stat.past {
  padding-top: 4px;
  padding-bottom: 4px;
  opacity: 0.5;
}

.locked-coupons-set {
  margin-top: 16px;
}

.rs-vsp {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.unlocked-coupons {
  margin-top: 16px;
}

.tesp {
  margin-top: 32px;
}

.refstep-shape {
  width: 100%;
  height: 10px;
  background-color: #0071e3;
}

.refstep-shape.final-step {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.refstep-shape.step1 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.refvis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 32px;
  grid-row-gap: 16px;
}

.coupon-mainb {
  padding-top: 24px;
  padding-bottom: 16px;
  border: 1px solid #bebebe;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
}

.dr-link-stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 8px;
}

.ct-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#e1f549), color-stop(33%, #29d0be), color-stop(66%, #6cb8ea), to(#c059ff));
  background-image: linear-gradient(90deg, #e1f549, #29d0be 33%, #6cb8ea 66%, #c059ff);
  font-weight: 800;
}

.ct-gradient.locked {
  background-image: none;
  color: #fff;
}

.dynamic-text_ip {
  font-weight: 700;
}

.circle-points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #0071e3;
  border-radius: 130px;
  outline-color: #0071e3;
  outline-offset: 5px;
  outline-style: dashed;
  outline-width: 1px;
}

.auth-container button.toggle-hidden,
.popup-profile-forms button.toggle-hidden{
    width: 22px; height: 22px;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--color-black-c1a-link);
    font-size: 20px;
    position: absolute;
    top: 50%; right: 20px;
    transform: translateY(-50%);
    z-index: 1001;
}
.auth-container .col-md-12 button.toggle-hidden,
.popup-profile-forms .col-md-12 button.toggle-hidden{
    right: 30px;
}

.popupwrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 999;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.popupwrapper.notify {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483648;
}
.coupon-main.p-claim {
    max-width: none;
    min-width: auto;
}
.nb-bs-ch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 16px;
}

.nested-button.hm.p-claim {
  min-height: 60px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nested-button.hm.p-claim.secondary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 1px solid #0071e3;
  background-color: rgba(0, 113, 227, 0);
}

.dash-info .datainfo-s.dash-info-orders{
    display: block;
}
.dash-info .datainfo-s.dash-info-orders .datainfo-s.kfbrtr{
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .dash-nav.responsive-dash-nav {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
  }

  .dash-nav.desktop {
    display: none;
  }

  .section-sub-heading {
    margin-right: 20px;
    margin-left: 0px;
  }

  .section-sub-heading.dark {
    margin-top: 24px;
  }

  .dashboard-main {
    overflow: visible;
    padding-right: 24px;
    padding-left: 24px;
  }

  .account-info-m.responsive-acc-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
    margin-left: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .dnmbt.responsive-dn {
    padding-right: 0px;
    padding-left: 0px;
  }

  .linier-gradient-l {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#e1f549), color-stop(33%, #29d0be), color-stop(66%, #89c6ee), to(#cc7bff));
    background-image: linear-gradient(90deg, #e1f549, #29d0be 33%, #89c6ee 66%, #cc7bff);
  }

  .hstdc.respohstdc {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
  }

  .refstep {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .ps-view {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .tesp {
    margin-top: 32px;
  }

  .dynamic-text_ip {
    font-weight: 700;
  }
}

@media screen and (max-width: 767px) {
  .section-sub-heading {
    font-size: 20px;
  }

  .main-wrapper-b {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .main-wrapper-b.no-flex {
    padding-top: 50px;
  }

  .datainfo-s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tpnesboth {
    margin-bottom: 24px;
  }

  .top-pi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .state-pi {
    margin-top: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ht-ib {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .pp-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .states-r_div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ps-view {
    width: 100%;
  }

  .refvis {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .dash-nav.responsive-dash-nav {
    padding-top: 16px;
  }

  .dash-info {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .btn-txtarr-sb {
    opacity: 1;
    color: #0071e3;
    font-weight: 600;
  }

  .btn-txtarr-sb.gr {
    color: #333;
  }

  .paragrap-text-block.labeled.comptitle-d {
    margin-bottom: 4px;
  }

  .data-box-w {
    padding-right: 16px;
    padding-left: 16px;
  }

  .dashboard-main {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

  .prcon-p {
    width: 100%;
    height: 100px;
    margin-bottom: 0px;
  }

  .mb-textdff.kfbrtrrespo {
    margin-top: 0px;
  }

  .hstdc.respohstdc {
    margin-bottom: 0px;
    font-size: 12px;
  }

  .main-wrapper-b.no-flex {
    padding-top: 0px;
  }

  .prcon-mb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .datainfo-s {
    width: 100%;
  }

.tpnesboth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

  .calcs-o {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tpnes.dynamic {
    width: 100%;
    margin-bottom: 4px;
  }

  .state-pi {
    margin-top: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .ht-ib {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ptom {
    margin-right: auto;
    margin-left: 0px;
  }

  .ps-view {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-row-gap: 16px;
  }

  .coupon-main {
    min-width: 136px;
  }

  .ref-code-field {
    height: auto;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: 16px;
  }
}