@import url(http://fonts.cdnfonts.com/css/sofia-pro);.form-group {
  margin-bottom: 27px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.form-group label {
  margin-left: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 214%;
  text-transform: uppercase;
  color: #006370;
}
.form-group label .optional-input-label {
  color: #80B1B8;
}
.form-group .form-control {
  background: white;
  border: 2px solid #DEE5F0 !important;
  box-sizing: border-box;
  border-radius: 30px;
  height: 48px !important;
  color: #1D1935;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.form-group .form-control.filled {
  border-color: #2CBF88 !important;
}
.form-group .form-control::-moz-placeholder {
  text-transform: capitalize;
  color: #1D1935;
  opacity: 0.5;
  font-size: 14px;
}
.form-group .form-control:-ms-input-placeholder {
  text-transform: capitalize;
  color: #1D1935;
  opacity: 0.5;
  font-size: 14px;
}
.form-group .form-control::placeholder {
  text-transform: capitalize;
  color: #1D1935;
  opacity: 0.5;
  font-size: 14px;
}
.form-group input::-webkit-outer-spin-button,
.form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group input[type=number] {
  -moz-appearance: textfield;
}
.form-group input[disabled] {
  border-color: #DEE5F0 !important;
  background-color: #DEE5F0 !important;
  color: #505D68;
}
.form-group select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/select-down.png) !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) center !important;
  padding-right: 40px;
}
.form-group select option {
  color: #1D1935;
  opacity: 0.5;
}

.invalid-feedback {
  word-break: break-all;
  text-align: left;
}

.sidebard-OS {
  z-index: 106;
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.1);
  background-color: white;
}
.sidebard-OS.account-sidebar {
  position: absolute;
  z-index: 101;
  max-width: 295px;
}
@media (max-width: 575px) {
  .sidebard-OS.account-sidebar {
    height: auto;
  }
}
.sidebard-OS.account-sidebar .sidebard-OS__content {
  margin-top: 0;
  height: 585px;
}
@media (max-width: 991px) {
  .sidebard-OS.account-sidebar .sidebard-OS__content {
    height: 516px;
  }
}
@media (max-width: 575px) {
  .sidebard-OS.account-sidebar .sidebard-OS__content {
    height: 700px;
  }
}
.sidebard-OS.account-sidebar .sidebard-OS__content .sidebard-OS__content__item {
  padding: 29px 31px 20px 31px;
}
.sidebard-OS.account-sidebar .sidebard-OS__content .sidebard-OS__content__item .sidebard-OS__content__list {
  margin-left: -11px;
}
.sidebard-OS.account-sidebar .sidebard-OS__content .sidebard-OS__content__item button {
  min-width: 227px !important;
}
.sidebard-OS.account-sidebar.activation-sidebar {
  height: 100%;
}
@media (max-width: 991px) {
  .sidebard-OS.account-sidebar.activation-sidebar {
    height: 100vh;
  }
}
.sidebard-OS.account-sidebar.activation-sidebar .sidebard-OS__content {
  height: auto;
  max-height: none !important;
}
@media (max-width: 991px) {
  .sidebard-OS.account-sidebar.activation-sidebar .sidebard-OS__content {
    max-height: calc(100vh - 85px) !important;
  }
}

.sidebard-OS__content {
  margin-top: 101px;
  max-height: calc(100vh - 85px) !important;
  /* width */
  /* Track */
  /* Handle */
}
.sidebard-OS__content .sidebard-OS__content__item .title-3 {
  margin-top: 24px;
  margin-bottom: 11px;
}
.sidebard-OS__content .sidebard-OS__content__item .subtitle-2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 29px !important;
}
.sidebard-OS__content .sidebard-OS__content__list {
  margin-bottom: 46px;
}
.sidebard-OS__content .sidebard-OS__content__list .sidebard-OS__content__list__item {
  margin-bottom: 24px;
}
.sidebard-OS__content .sidebard-OS__content__list .sidebard-OS__content__list__item:last-of-type {
  margin-bottom: 0;
}
.sidebard-OS__content::-webkit-scrollbar {
  width: 7px;
}
.sidebard-OS__content::-webkit-scrollbar-track {
  background: white;
}
.sidebard-OS__content::-webkit-scrollbar-thumb {
  background: #2cbf8850;
  border-radius: 20px;
}

.tooltipster-base {
  height: auto !important;
}

.tooltip_templates {
  display: none;
}

.tooltipster-sidetip .tooltipster-box {
  border: 2px solid #DDEFF0;
  background: #33a7ad;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #33a7ad;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #DDEFF0;
}

.tooltipster-sidetip .tooltipster-content {
  padding: 20px;
}

@media (max-width: 575px) {
  .frontend-login {
    padding-top: 30px;
  }
}

.use-background {
  padding-bottom: 70px !important;
}

.login-card {
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.3);
  border-radius: 5px;
}
.login-card h2 {
  font-weight: 900;
}
.login-card.info-box {
  max-width: 696px;
}
.login-card.info-box .login-input-container {
  max-width: 579.15px;
}
.login-card .btn-close {
  position: relative;
}
.login-card .btn-close a {
  position: absolute;
  right: 44px;
  top: 47px;
}
.login-card .title-2 {
  font-size: 50px;
  margin-top: 72px;
  color: #009199;
  padding-top: 0 !important;
}
@media (max-width: 575px) {
  .login-card .title-2 {
    margin-top: 102px;
  }
}
.login-card .signup-title {
  font-size: 40px;
}
.login-card .signup-subtitle {
  font-size: 18px;
  line-height: 25px;
  color: #505D68;
  font-weight: normal;
  margin-top: 32px;
  margin-bottom: 27px;
  padding: 0 30px;
}

.login-input-container {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 32px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.login-input-container input::-webkit-outer-spin-button,
.login-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.login-input-container input[type=number] {
  -moz-appearance: textfield;
}

.input-wrapper {
  position: relative;
}
.input-wrapper .input-icon {
  position: absolute;
  right: 16.4px;
  width: 22px;
  height: 20px;
}
.input-wrapper .input-icon + input {
  padding-right: 38px;
}
.input-wrapper--email .input-icon {
  top: 25%;
  pointer-events: none;
}
.input-wrapper--search .input-icon {
  top: 25%;
  pointer-events: none;
}
.input-wrapper--password .input-icon {
  top: 29%;
  cursor: pointer;
}
.input-wrapper--password .input-icon + input {
  padding-right: 40px;
}

.login-credential-action-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.login-credential-action-container .login-remember-wrapper label {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #1D1935;
  text-transform: capitalize;
}
.login-credential-action-container .login-remember-wrapper label:before {
  background: #FFFFFF;
  border: 1.5px solid #DEE5F0;
  box-sizing: border-box;
  border-radius: 3px;
}
.login-credential-action-container .login-forgot-password-wrapper a {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  color: #009199;
}

.login-submit-wrapper {
  margin-bottom: 32px;
}
.login-submit-wrapper .login-submit, .login-submit-wrapper #signup-complete {
  width: 100%;
  font-size: 18px;
  font-weight: 900 !important;
}
.login-submit-wrapper.continue-btn-wrapper {
  margin-top: 6px;
}

.login-option-separator {
  width: 100%;
  position: relative;
  margin-bottom: 32px;
}
.login-option-separator p {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #1D1935;
}
.login-option-separator p:before, .login-option-separator p:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: calc(50% - 19px);
  background-color: #DEE5F0;
}
.login-option-separator p:before {
  left: 0;
}
.login-option-separator p:after {
  right: 0;
}

.sign-up-link-wrapper {
  display: flex;
  justify-content: center;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 36px;
}
.sign-up-link-wrapper--register {
  margin-bottom: 0;
}
.sign-up-link-wrapper span {
  color: #505D68;
  padding-right: 5px;
}
.sign-up-link-wrapper a {
  color: #009199;
  font-weight: bold;
  text-decoration: underline;
}
.sign-up-link-wrapper a:hover {
  color: #009199;
}

.recaptcha-text, .sign-up-confirmation-text {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: left !important;
  margin-top: 32px;
  margin-bottom: 32px;
  color: #505D68;
  cursor: pointer;
}
.recaptcha-text a, .sign-up-confirmation-text a {
  text-decoration: underline;
  color: #009199;
  font-weight: bold;
  text-decoration: underline;
}
.recaptcha-text a:hover, .sign-up-confirmation-text a:hover {
  color: #009199;
}

.sign-up-confirmation-text {
  font-size: 16px;
  margin: auto 0;
  text-transform: none;
}

.recaptcha-form {
  margin-bottom: 36px;
}

.signup-progress-steps {
  display: flex;
  justify-content: center;
  margin-bottom: 22px;
}
.signup-progress-step {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0 121px;
  box-sizing: content-box !important;
}
@media (max-width: 991px) {
  .signup-progress-step {
    padding: 0 115px;
  }
}
@media (max-width: 575px) {
  .signup-progress-step {
    padding: 0 67px;
  }
}
@media (max-width: 414px) {
  .signup-progress-step {
    padding: 0 53px;
  }
}
@media (max-width: 414px) {
  .signup-progress-step {
    padding: 0 35px;
  }
}
.signup-progress-step:first-child {
  padding-left: 0;
}
.signup-progress-step:first-child.fw-complete:after {
  left: 15px;
}
.signup-progress-step:last-child {
  padding-right: 0;
}
.signup-progress-step:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  transform: translateY(-50%);
  background-color: #2CBF88;
}
.signup-progress-step.fw-active:before {
  background-color: #059599;
}
.signup-progress-step.fw-active .signup-progress-item {
  background-color: #059599;
}
.signup-progress-step.fw-complete:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 12px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3521 2.79799C15.3521 2.56082 15.2573 2.32366 15.0865 2.1529L13.7963 0.862721C13.6256 0.691963 13.3884 0.597096 13.1512 0.597096C12.9141 0.597096 12.6769 0.691963 12.5061 0.862721L6.28292 7.09542L3.49386 4.29687C3.3231 4.12611 3.08594 4.03125 2.84877 4.03125C2.61161 4.03125 2.37444 4.12611 2.20368 4.29687L0.913504 5.58705C0.742745 5.75781 0.647879 5.99498 0.647879 6.23214C0.647879 6.46931 0.742745 6.70647 0.913504 6.87723L4.34766 10.3114L5.63783 11.6016C5.80859 11.7723 6.04576 11.8672 6.28292 11.8672C6.52009 11.8672 6.75725 11.7723 6.92801 11.6016L8.21819 10.3114L15.0865 3.44308C15.2573 3.27232 15.3521 3.03516 15.3521 2.79799Z' fill='white'/%3E%3C/svg%3E");
}
.signup-progress-step.fw-complete span {
  color: #059599;
  font-size: 0;
}
.signup-progress-item {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2CBF88;
  color: white;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.address-confirm-wrapper {
  display: flex;
  justify-content: space-between;
}

.unfilled-btn {
  background-color: white !important;
  color: #2CBF88 !important;
  border: 2px solid #2CBF88 !important;
}
.unfilled-btn.unfilled-darker {
  padding: 16px 20px !important;
  margin-bottom: 20px;
  background-color: transparent !important;
  border-color: #059599 !important;
  border-radius: 34px !important;
  color: #059599 !important;
  line-height: 25px !important;
  font-weight: 900 !important;
}

.filled-darker {
  background-color: #059599 !important;
  border-radius: 34px !important;
  color: white !important;
}

.signup-success-wrapper {
  max-width: 346px;
  margin: 56px auto 0;
}
.signup-success-wrapper .signup-title {
  margin-top: 16px;
}

#signup-form-step__1, #signup-form-step__2, #signup-form-step__3, #signup-form-step__4 {
  display: none;
}

.main-content {
  position: relative;
}

.main-admin-user__nav {
  max-width: 284px;
  width: 100%;
  flex: none;
  flex-wrap: wrap;
  position: relative;
}
.main-admin-user__nav .nav {
  margin-bottom: 96px;
  padding-top: 0 !important;
}
.main-admin-user__nav .nav li {
  min-height: 55px !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.main-admin-user__nav .nav li:nth-of-type(2) .nav-link svg {
  margin-left: 4px;
}
.main-admin-user__nav .nav li:before {
  width: 238px !important;
  left: -41px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.main-admin-user__nav .nav li:hover .nav-link, .main-admin-user__nav .nav li.active .nav-link {
  font-weight: bold !important;
}
.main-admin-user__nav .nav li:hover .nav-link svg path, .main-admin-user__nav .nav li.active .nav-link svg path {
  fill: #059599;
}
.main-admin-user__nav .nav li:hover .nav-link svg rect, .main-admin-user__nav .nav li.active .nav-link svg rect {
  stroke: #059599;
}
.main-admin-user__nav .nav li:hover .nav-link span, .main-admin-user__nav .nav li.active .nav-link span {
  color: #059599;
}
.main-admin-user__nav .nav li .nav-link {
  align-items: center;
  justify-content: start;
  left: 0 !important;
}
.main-admin-user__nav .nav li .nav-link span {
  border: none !important;
  padding-left: 40px !important;
}
.main-admin-user__nav .nav li:first-child span {
  left: 0 !important;
}
.main-admin-user__nav .logout-container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 22px 5px 22px 41px;
  border-top: 1px solid #E4E7EB;
  width: 100%;
}
.main-admin-user__nav .logout-container a {
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: white;
  text-transform: capitalize;
  padding-left: 14px;
  display: flex;
  align-items: center;
}
.main-admin-user__nav .logout-container a span {
  padding-left: 14px;
}
.main-admin-user__nav .profile-picture-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 37px 44px;
}
.main-admin-user__nav .profile-picture-container .profile-picture-wrapper {
  position: relative;
  margin-bottom: 25px;
}
.main-admin-user__nav .profile-picture-container .profile-picture-wrapper .profile-picture {
  display: inline-block;
  width: 137px;
  height: 137px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #f0f7f7;
}
.main-admin-user__nav .profile-picture-container .profile-picture-wrapper .edit-picture-icon {
  position: absolute;
  top: 13px;
  right: 2px;
  background-color: #2CBF88;
  display: flex;
  padding: 5px;
  align-items: center;
  justify-content: center;
  width: 24px;
  border-radius: 5px;
}
.main-admin-user__nav .profile-picture-container .username {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: white;
  text-align: center;
  margin-bottom: 0;
}

.main-admin-user__content {
  padding: 50px !important;
}
.main-admin-user__content.pr-0 {
  padding-right: 0 !important;
}
.main-admin-user__content.fw-scroll-control {
  padding-right: 21px !important;
}
@media (max-width: 575px) {
  .main-admin-user__content {
    padding: 15px !important;
  }
}
.main-admin-user__content .alert-info {
  background-color: #059599;
}

.account-content {
  width: 100%;
  position: relative;
}

.account-content-container {
  position: relative;
  width: 100%;
}

.account-content-top {
  padding: 21px 55px 20px 50px;
  background: white;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  display: flex;
  align-items: start;
  z-index: 103;
  position: relative;
}
@media (max-width: 575px) {
  .account-content-top {
    padding: 21px;
  }
}
.account-content-top .section-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 34px;
  color: black;
  max-width: 703px;
  width: 100%;
  margin-bottom: 0;
  text-transform: capitalize;
}
.account-content-top .section-title span {
  text-transform: none;
}
.account-content-top .content-top-shortcut-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notifications-shortcut-wrapper.top-shortcut {
  margin-right: 11px;
}

.notifications-shortcut-wrapper, .profile-shortcut-wrapper {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #f0f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications-shortcut-wrapper.n-read, .notifications-shortcut-wrapper.n-unread, .profile-shortcut-wrapper.n-read, .profile-shortcut-wrapper.n-unread {
  width: 48px;
  height: 48px;
}
.notifications-shortcut-wrapper svg path, .profile-shortcut-wrapper svg path {
  transition: fill 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}
.notifications-shortcut-wrapper.active, .notifications-shortcut-wrapper.n-unread, .profile-shortcut-wrapper.active, .profile-shortcut-wrapper.n-unread {
  background-color: #059599;
}
.notifications-shortcut-wrapper.active svg path, .notifications-shortcut-wrapper.n-unread svg path, .profile-shortcut-wrapper.active svg path, .profile-shortcut-wrapper.n-unread svg path {
  fill: #f0f7f7;
}

.onboarding-container {
  position: absolute;
  width: 100%;
  height: calc(100% + 189px);
  background-color: rgba(0, 131, 135, 0.3);
  z-index: 101;
}
.onboarding-container.bd-blurred {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.onboarding-container .onboarding-card {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 353px;
  background: white;
  border-radius: 10px;
}
.onboarding-container .onboarding-card.onboarding-top-nav {
  right: auto;
  left: 47px;
}
@media (max-width: 575px) {
  .onboarding-container .onboarding-card.onboarding-top-nav {
    left: 0;
  }
}
.onboarding-container .onboarding-card--body {
  padding-right: 33px;
  padding-left: 33px;
  margin-bottom: 23px;
}
.onboarding-container .onboarding-card--header {
  background-color: #059599;
  padding: 0;
}
.onboarding-container .onboarding-card--header h3 {
  padding: 0 33px;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  color: white;
  padding-top: 16px;
  margin-bottom: 10px;
}
.onboarding-container .onboarding-card--header .onboard-stepper {
  display: flex;
  text-align: center;
  padding: 0 5px;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item {
  width: 100%;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 131.1%;
  color: #f0f7f750;
  margin-bottom: 13px;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item:first-child:before {
  width: 50%;
  margin-left: auto;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item:last-child:before {
  width: 50%;
  margin-right: auto;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item:before {
  content: "";
  display: block;
  height: 6.97px;
  background-color: #f0f7f750;
  margin-bottom: 15px;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item.fw-active {
  color: white;
}
.onboarding-container .onboarding-card--header .onboard-stepper--item.fw-active:before {
  background-color: white;
}
.onboarding-container .onboarding-card--body .step--icon-wrapper {
  margin-top: 42px;
  margin-bottom: 13px;
}
.onboarding-container .onboarding-card--body h2 {
  color: #1D1935;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 20px;
}
.onboarding-container .onboarding-card--body p {
  max-width: 287px;
  color: #1D1935;
  font-family: "Nunito", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 30px;
}
.onboarding-container .onboarding-card--body .onboarding-actions {
  display: flex;
  justify-content: space-between;
}
.onboarding-container .onboarding-card--body .onboarding-actions .btn {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.onboarding-container .onboarding-card--body .onboarding-actions .btn.ob-complete {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.onboarding-container .onboarding-card--body .onboarding-actions .unfilled-btn {
  color: #059599 !important;
  border: 2px solid #059599 !important;
}
.onboarding-container .onboarding-card--body .onboarding-actions .unfilled-btn:hover {
  color: white !important;
}

.modal-actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.modal-actions .btn {
  font-size: 16px;
  padding-left: 44px !important;
  padding-right: 44px !important;
  font-weight: 900 !important;
}
.modal-actions .btn.unfilled-btn {
  color: #059599 !important;
  border: 2px solid #059599 !important;
  line-height: 32px;
}
.modal-actions .btn.unfilled-btn:hover {
  color: white !important;
}
.modal-actions.onboarding-final-actions .btn {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.modal-actions.multiple {
  gap: 34px;
}
.modal-actions.multiple .btn:first-of-type {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
@media (max-width: 991px) {
  .modal-actions.multiple {
    flex-wrap: wrap;
  }
}
.modal-actions.multiple.wrap {
  flex-wrap: wrap;
}

.account-modal-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 131, 135, 0.3);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.3);
  border-radius: 5px;
  z-index: 104;
}
.account-modal-container.unblur {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.modal-card, .onboard-welcome-container .onboard-welcome-card {
  margin: 8.5% auto 0;
  padding: 56px 56px 27px 56px;
  max-width: 500px;
  background: white;
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.3);
  border-radius: 5px;
}
@media (max-width: 575px) {
  .modal-card, .onboard-welcome-container .onboard-welcome-card {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.modal-card.lg, .onboard-welcome-container .lg.onboard-welcome-card {
  max-width: 644px;
}
.modal-card .centered-icon-container, .onboard-welcome-container .onboard-welcome-card .centered-icon-container {
  margin-bottom: 16px;
}
.modal-card h2, .onboard-welcome-container .onboard-welcome-card h2 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  color: #009199;
  margin-bottom: 32px;
}
.modal-card p, .onboard-welcome-container .onboard-welcome-card p {
  font-family: "Nunito", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #505D68;
  margin-bottom: 32px;
}
.modal-card .modal-actions, .onboard-welcome-container .onboard-welcome-card .modal-actions, .modal-card .account-message-actions, .onboard-welcome-container .onboard-welcome-card .account-message-actions {
  justify-content: center;
}
.modal-card .modal-actions .btn, .onboard-welcome-container .onboard-welcome-card .modal-actions .btn, .modal-card .account-message-actions .btn, .onboard-welcome-container .onboard-welcome-card .account-message-actions .btn {
  font-size: 18px;
  width: 100%;
}

.onboard-welcome-container {
  width: 100%;
  height: 100%;
}
.onboard-welcome-container .onboard-welcome-card {
  max-width: 705px;
}
.onboard-welcome-container .onboard-welcome-card .centered-icon-container {
  margin-bottom: 39px;
}
.onboard-welcome-container .onboard-welcome-card .modal-actions {
  flex-wrap: wrap;
  margin-bottom: 0;
}
.onboard-welcome-container .onboard-welcome-card .modal-actions .unfilled-btn {
  font-size: 16px;
  font-weight: bold !important;
  margin-top: 19px;
  border: none !important;
  color: #009199 !important;
  font-weight: bold !important;
}
.onboard-welcome-container .onboard-welcome-card .modal-actions .unfilled-btn:hover {
  background-color: transparent !important;
  color: #009199 !important;
}

.dashboard-activation-box {
  max-width: 780px;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-bottom: 20px;
}
.dashboard-activation-box--container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 52px;
  padding-top: 52px;
}
@media (max-width: 1122px) {
  .dashboard-activation-box--container {
    flex-wrap: wrap;
  }
  .dashboard-activation-box--container .sim-activation-wrapper {
    margin-top: 32px;
    padding: 10px;
    text-align: center;
  }
}
.dashboard-activation-box--container .sim-image-wrapper img {
  filter: drop-shadow(0px 42px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 17.5466px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 9.38125px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 5.25905px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 2.79304px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 1.16225px 2.21381px rgba(0, 0, 0, 0.0196802));
}
.dashboard-activation-box--container .sim-activation-wrapper h2 {
  margin-bottom: 19px;
}
.dashboard-activation-box--container .sim-activation-wrapper .unfilled-btn {
  font-weight: 900 !important;
  font-size: 16px;
}
.dashboard-activation-box--container .sim-activation-wrapper .unfilled-btn:hover {
  border-color: #005A66 !important;
}

.dashboard-stats-orders-container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 1122px) {
  .dashboard-stats-orders-container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item {
    grid-template-columns: 1fr;
  }
}
.dashboard-stats-orders-container .dashboard-stats-box, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box, .dashboard-stats-orders-container .dashboard-orders-box, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box {
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
@media (max-width: 1122px) {
  .dashboard-stats-orders-container .dashboard-stats-box, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box, .dashboard-stats-orders-container .dashboard-orders-box, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box {
    width: 100%;
  }
}
.dashboard-stats-orders-container .dashboard-stats-box--container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container, .dashboard-stats-orders-container .dashboard-orders-box--container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container {
  padding: 13px 42px 26px 40px;
}
@media (max-width: 414px) {
  .dashboard-stats-orders-container .dashboard-stats-box--container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container, .dashboard-stats-orders-container .dashboard-orders-box--container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container {
    padding: 13px 15px 26px 17px;
  }
}
.dashboard-stats-orders-container .dashboard-stats-box--container .card-content-header, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .card-content-header, .dashboard-stats-orders-container .dashboard-orders-box--container .card-content-header, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .card-content-header {
  margin-bottom: 20px;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .card-content-header h3, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .card-content-header h3, .dashboard-stats-orders-container .dashboard-orders-box--container .card-content-header h3, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .card-content-header h3 {
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  color: #005A66;
  margin-bottom: 0;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .custom-link, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .custom-link, .dashboard-stats-orders-container .dashboard-orders-box--container .custom-link, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .custom-link {
  text-align: right;
  display: inherit;
  font-family: "Nunito", sans-serif;
  font-weight: bold !important;
  font-size: 12px;
  line-height: 16px;
  color: #2CBF88;
  text-transform: uppercase;
  text-decoration: none;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .custom-link img, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .custom-link img, .dashboard-stats-orders-container .dashboard-orders-box--container .custom-link img, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .custom-link img {
  margin-top: -3px;
  margin-left: -4px;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container {
  display: flex;
  color: #1D1935;
  margin-bottom: 18px;
}
@media (max-width: 375px) {
  .dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper {
  position: relative;
  margin-right: 39px;
}
@media (max-width: 575px) {
  .dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper {
    margin-right: 21px;
  }
}
@media (max-width: 320px) {
  .dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper {
    margin-right: 0;
  }
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount {
  text-align: center;
  font-weight: bold;
  letter-spacing: -1.1904px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount.unlimited, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount.unlimited {
  top: 35%;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .used, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .used {
  font-size: 10px;
  text-transform: uppercase;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total {
  font-size: 20px;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total:before, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #1D1935;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total .unlimited, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .donut-chart-wrapper .stat-amount .total .unlimited {
  display: block;
  font-size: 30px;
  margin-top: -8px;
}
.dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .stats-details-wrapper p, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .stats-details-wrapper p {
  margin-bottom: 7px;
}
@media (max-width: 375px) {
  .dashboard-stats-orders-container .dashboard-stats-box--container .statistic-container .stats-details-wrapper, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box--container .statistic-container .stats-details-wrapper {
    margin-top: 10px;
    margin-bottom: 21px;
  }
}
.dashboard-stats-orders-container .dashboard-orders-box--container, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container {
  overflow-x: hidden;
}
.dashboard-stats-orders-container .dashboard-orders-box--container .card-content-header, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .card-content-header {
  margin-bottom: 16px;
}
.dashboard-stats-orders-container .dashboard-orders-box--container .orders-table, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .orders-table {
  margin-bottom: 23px;
}
.dashboard-stats-orders-container .dashboard-orders-box--container .orders-table tbody tr:first-of-type td, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .orders-table tbody tr:first-of-type td {
  border-top-color: transparent;
}
.dashboard-stats-orders-container .dashboard-orders-box--container .orders-table tbody tr td, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .orders-table tbody tr td {
  min-width: auto;
  padding-left: 0;
  padding-bottom: 15px;
  padding-top: 16px;
  font-size: 11px;
  text-transform: uppercase;
}
.dashboard-stats-orders-container .dashboard-orders-box--container .orders-table tbody tr td:last-of-type, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .orders-table tbody tr td:last-of-type {
  text-align: right;
  padding-right: 5px;
}
@media (max-width: 991px) {
  .dashboard-stats-orders-container .dashboard-orders-box--container .orders-table tbody tr td:last-of-type, .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-orders-box--container .orders-table tbody tr td:last-of-type {
    text-align: center;
  }
}

.dashboard-stats-data-usage-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
  max-height: 660px;
  overflow-y: scroll;
  padding-right: 21px !important;
  /* width */
  /* Track */
  /* Handle */
}
.dashboard-stats-data-usage-container::-webkit-scrollbar {
  width: 7px;
}
.dashboard-stats-data-usage-container::-webkit-scrollbar-track {
  background: white;
}
.dashboard-stats-data-usage-container::-webkit-scrollbar-thumb {
  background: #2cbf8850;
  border-radius: 20px;
}
@media (max-width: 1122px) {
  .dashboard-stats-data-usage-container {
    grid-template-columns: 1fr;
  }
}
.dashboard-stats-data-usage-container .dashboard-stats-data-usage-item {
  display: block;
}
@media (max-width: 1122px) {
  .dashboard-stats-data-usage-container .dashboard-stats-data-usage-item {
    width: 100%;
  }
}
.dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .dashboard-stats-box {
  margin-bottom: 0;
}
.dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .card-content-header {
  align-items: center;
}
.dashboard-stats-data-usage-container .dashboard-stats-data-usage-item .card-content-header svg {
  margin-right: 10px;
}

.data-usage-search-container {
  height: 41px;
  margin-bottom: 32px;
  display: flex;
  padding-right: 28px;
}
@media (max-width: 991px) {
  .data-usage-search-container {
    flex-wrap: wrap;
    height: auto;
    padding-right: 0;
  }
}
.data-usage-search-container .search-input-wrapper {
  max-width: 70%;
  width: 100%;
  padding-right: 16px;
}
@media (max-width: 991px) {
  .data-usage-search-container .search-input-wrapper {
    padding-right: 0;
    max-width: 100%;
  }
}
.data-usage-search-container .search-input-wrapper .input-wrapper--search .input-icon {
  left: 16.4px;
  right: unset;
}
.data-usage-search-container .search-input-wrapper .form-group {
  padding-top: 0;
}
.data-usage-search-container .search-input-wrapper .form-control {
  height: 41px !important;
  padding-left: 42px;
}
.data-usage-search-container .stat-totals-wrapper {
  padding: 7px 14px;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  max-width: 253px;
  width: 100%;
  display: flex;
}
@media (max-width: 991px) {
  .data-usage-search-container .stat-totals-wrapper {
    justify-content: center;
    max-width: 100%;
  }
}
.data-usage-search-container .stat-totals-wrapper h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
  margin-bottom: 0;
  padding-right: 14px;
}

.account-orders-container, .account-plans-container, .account-pending-plans-container, .account-edit-plan-container {
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.account-pending-plans-container {
  margin-bottom: 25px;
}

.account-plans-container.account-plan-dashboard {
  margin-bottom: 20px;
}
.account-plans-container.account-plan-dashboard .custom-link {
  text-align: right;
  display: inherit;
  font-family: "Nunito", sans-serif;
  font-weight: bold !important;
  font-size: 12px;
  line-height: 16px;
  color: #2CBF88;
  text-transform: uppercase;
  text-decoration: none;
}
.account-plans-container.account-plan-dashboard .custom-link img {
  margin-top: -3px;
  margin-left: -4px;
}

.amount {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2CBF88;
  padding-right: 2px;
}

.unit {
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
  color: #505D68;
}
.unit.higher-font-size {
  font-size: 15px;
}

.unit-separator {
  padding: 0 2px;
  font-weight: 700;
  padding-top: 1px;
}

.table-content-header {
  padding: 19px 17px 16px 24px;
  display: flex;
  align-items: baseline;
}
@media (max-width: 575px) {
  .table-content-header {
    flex-wrap: wrap;
    padding-left: 17px;
  }
}
.table-content-header h2 {
  max-width: 237px;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
}
@media (max-width: 575px) {
  .table-content-header h2 {
    max-width: 50%;
  }
}
.table-content-header h3 {
  max-width: 352px;
  width: 50%;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #9EA0A5;
}
@media (max-width: 575px) {
  .table-content-header h3 {
    max-width: 100%;
  }
}
.table-content-header .add-btn {
  margin-right: 16px;
}
@media (max-width: 414px) {
  .table-content-header .add-btn {
    margin-bottom: 10px;
    margin-right: 8px;
  }
}
.table-content-header .form-group {
  margin-bottom: 0;
  padding-top: 0;
}
.table-content-header .form-group .form-control {
  width: 146px;
  background-image: url(../images/select-down-dark.png) !important;
  background-position: calc(100% - 12px) center !important;
  background-size: 12px !important;
  background: #f0f7f7;
  border-radius: 10px !important;
  border: none !important;
  padding: 3px 28px 3px 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
}
.table-content-header .select-table-toggle-wrapper {
  margin-left: 35px;
}
@media (max-width: 575px) {
  .table-content-header .select-table-toggle-wrapper {
    margin-left: 100px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 36px;
  }
}
@media (max-width: 575px) {
  .table-content-header.table-multiple-header {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.table-content-header.table-multiple-header h3 {
  display: flex;
  align-items: center;
}
.table-content-header.table-multiple-header h3 .total-warning-wrapper {
  padding-left: 6px;
  display: flex;
  align-items: center;
}

.account-data-table tbody tr:nth-child(odd):not(.header) {
  background-color: #f0f7f7;
}
.account-data-table .header {
  background: #006370;
  font-weight: 800;
  font-size: 12px;
  line-height: 11px;
  text-transform: uppercase;
  color: white;
}
.account-data-table .header th {
  padding-top: 22px;
  padding-bottom: 23px;
}
.account-data-table .header tr td {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #3A3B3F;
}
.account-data-table .status-to-activate {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #F0943D;
}
.account-data-table .status-to-activate svg {
  margin-right: 8px;
}
.account-data-table .table-action-see-details {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #019CDE;
  padding: 0;
}
.account-data-table .table-action-see-details svg {
  position: relative;
  left: 5px;
  top: 1px;
}
.account-data-table .plan-activation-check-wrapper {
  position: relative;
  padding-left: 1.5rem;
}
.account-data-table .plan-activation-check-wrapper .plan-activation-check {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.account-data-table .plan-activation-check-wrapper label {
  cursor: pointer;
}
.account-data-table .plan-activation-check-wrapper label.checked:after {
  background-color: #009199;
}
.account-data-table .plan-activation-check-wrapper label:before {
  position: absolute;
  top: 0.01rem;
  left: 0;
  display: block;
  width: 19px;
  height: 19px;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FFFFFF;
  border: 1.5px solid #DEE5F0;
  box-sizing: border-box;
  border-radius: 3px;
}
.account-data-table .plan-activation-check-wrapper label:after {
  position: absolute;
  top: 0.01rem;
  left: 0;
  display: block;
  width: 19px;
  height: 19px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.account-data-table .plan-activation-check-wrapper label.header-check:before, .account-data-table .plan-activation-check-wrapper label.header-check:after {
  top: -0.2rem;
}
.account-data-table .footer tr:nth-child(1) {
  background: rgba(5, 149, 153, 0.8);
}
.account-data-table .footer tr:nth-child(2) {
  background: rgba(0, 99, 112, 0.8);
}
.account-data-table .footer tr:nth-child(3) {
  background: #006370;
}
.account-data-table .footer tr th {
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: white;
}
.account-data-table .footer tr th:nth-child(1) {
  font-weight: 800;
  font-size: 12px;
}

.status-badge {
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 18px;
  background-color: #2CBF88;
}
.status-badge.sim-status {
  line-height: 1.5;
  padding: 14px 80px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  min-width: 220px;
}
.status-badge.sim-status.wide-message {
  padding: 14px;
}
.status-badge.badge-active {
  background-color: #7CCC6C;
}
.status-badge.badge-active.in-progress {
  padding: 1px 4px;
}
.status-badge.badge-cancelled {
  background-color: #E45E5E;
}
.status-badge.badge-pending {
  background-color: #F0943D;
}

.table-content-paginator, .table-show-more-wrapper {
  overflow-x: auto;
}
.table-content-paginator .paginator-container, .table-show-more-wrapper .paginator-container {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 23px 27px 20px 23px;
  color: #000000a1;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
}
@media (max-width: 991px) {
  .table-content-paginator .paginator-container, .table-show-more-wrapper .paginator-container {
    width: 500px;
    justify-content: start;
  }
}
.table-content-paginator .paginator-container .rows-title, .table-show-more-wrapper .paginator-container .rows-title {
  margin-right: 43px;
}
.table-content-paginator .paginator-container .rows-selector-wrapper, .table-content-paginator .paginator-container .number-of-pages, .table-show-more-wrapper .paginator-container .rows-selector-wrapper, .table-show-more-wrapper .paginator-container .number-of-pages {
  margin-right: 35px;
}
.table-content-paginator .paginator-container .rows-selector-wrapper .form-control, .table-show-more-wrapper .paginator-container .rows-selector-wrapper .form-control {
  cursor: pointer;
  width: 46px;
  padding: 0;
  border: none !important;
  background-image: url(../images/select-triangle-icon.png) !important;
  background-position: 29px !important;
  background-size: 15px !important;
}
.table-content-paginator .paginator-container .rows-selector-wrapper .form-control:focus, .table-show-more-wrapper .paginator-container .rows-selector-wrapper .form-control:focus {
  box-shadow: none;
}
.table-content-paginator .paginator-container .prev, .table-show-more-wrapper .paginator-container .prev {
  margin-right: 50px;
}
.table-content-paginator .paginator-container .prev svg, .table-show-more-wrapper .paginator-container .prev svg {
  transform: rotate(180deg);
}

.table-show-more-wrapper {
  padding: 23px 27px 20px 23px;
}

.account-message-container {
  width: 100%;
  height: 100%;
}

.account-message-card {
  max-width: 780px;
  padding: 56px 97px 44px 97px;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
@media (max-width: 575px) {
  .account-message-card {
    padding: 56px 21px 44px 21px;
  }
}
@media (max-width: 320px) {
  .account-message-card {
    padding: 56px 4px 44px 4px;
  }
}
.account-message-card .centered-icon-container {
  margin-bottom: 16px;
}
.account-message-card h2 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  color: #009199;
  margin-bottom: 32px;
  text-transform: capitalize;
}
.account-message-card p {
  font-family: "Nunito", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #505D68;
  margin-bottom: 32px;
}
.account-message-card .account-message-actions {
  justify-content: center;
  display: flex;
}
.account-message-card .account-message-actions.multiple {
  gap: 34px;
}
.account-message-card .account-message-actions.multiple .btn:first-of-type {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
.account-message-card .account-message-actions.multiple .btn.hp-74 {
  padding-left: 74px !important;
  padding-right: 74px !important;
}
.account-message-card .account-message-actions.multiple .btn.hp-57 {
  padding-left: 57px !important;
  padding-right: 57px !important;
}
.account-message-card .account-message-actions.multiple .btn.hp-31 {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
@media (max-width: 991px) {
  .account-message-card .account-message-actions.multiple {
    flex-wrap: wrap;
  }
}
.account-message-card .account-message-actions .btn {
  font-size: 18px;
  width: 100%;
  font-weight: 900 !important;
}
.account-message-card .account-message-actions .unfilled-btn:hover {
  border: 2px solid #005A66 !important;
}

.btn-outlined {
  background-color: white !important;
  border: 2px solid #2CBF88;
  color: #2CBF88 !important;
}
.btn-outlined:hover {
  background-color: #2CBF88 !important;
  border-color: #2CBF88 !important;
  color: white !important;
}

.account-edit-plan-container {
  padding: 26px 26px 40px 26px;
  margin-bottom: 20px;
  max-width: 779px;
}
.account-edit-plan-container .heading-actions {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.account-edit-plan-container .heading-actions .unfilled-btn {
  padding: 3px 21px !important;
  height: 30px;
  line-height: 20px !important;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: bold !important;
}
.account-edit-plan-container .heading-actions .title-wrapper {
  display: flex;
}
@media (max-width: 575px) {
  .account-edit-plan-container .heading-actions .title-wrapper {
    margin-right: 25px;
  }
}
.account-edit-plan-container .heading-actions .title-wrapper h2 {
  margin-right: 20px;
  margin-bottom: 0;
}
.account-edit-plan-container h2, .account-edit-plan-container h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
}
.account-edit-plan-container h3 {
  margin-bottom: 10px;
}
.account-edit-plan-container .sim-info-form {
  margin-bottom: 25px;
}
.account-edit-plan-container .sim-info-form .form-group {
  margin-bottom: 0;
  padding-top: 0;
}
.account-edit-plan-container .sim-status-wrapper {
  display: flex;
}
@media (max-width: 575px) {
  .account-edit-plan-container .sim-status-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.account-edit-plan-container .sim-status-wrapper .sim-status {
  max-width: 265px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media (max-width: 575px) {
  .account-edit-plan-container .sim-status-wrapper .sim-status {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
.account-edit-plan-container .sim-status-message-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 23px 14px 34px;
  box-shadow: 0px 0px 8.77184px rgba(66, 84, 106, 0.19);
  border-radius: 5.01248px;
  margin-left: -7px;
  font-weight: bold;
  font-size: 15.0374px;
  line-height: 21px;
  color: #505D68;
}
.account-edit-plan-container .sim-status-message-wrapper .custom-link {
  text-align: right;
  display: inherit;
  font-weight: bold !important;
  font-size: 12px;
  line-height: 16px;
  color: #019CDE;
  text-transform: uppercase;
  text-decoration: none;
}

.save-form-btn {
  padding: 12px !important;
  height: 36px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00BA70 !important;
  font-weight: 600 !important;
}
.save-form-btn:hover {
  background-color: #005A66 !important;
}
.save-form-btn svg {
  margin-right: 5px;
}

.add-btn {
  padding: 3px 12px !important;
  padding-right: 13px !important;
  height: 36px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white !important;
  border: 2px solid #059599;
  box-sizing: border-box;
  border-radius: 18px;
  color: #059599 !important;
  font-weight: bold !important;
  font-size: 12px;
}
.add-btn:hover {
  background-color: #059599 !important;
  border-color: #059599 !important;
  color: white !important;
}
.add-btn:hover svg path {
  fill: white !important;
}
.add-btn svg {
  margin-left: 5px;
}
.add-btn svg path {
  transition: fill 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.plan-stat-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 17px;
}
@media (max-width: 991px) {
  .plan-stat-container {
    grid-template-columns: 1fr;
  }
}

.plan-stat-item {
  display: flex;
  max-width: 260px;
  width: 100%;
}
@media (max-width: 991px) {
  .plan-stat-item {
    max-width: 100%;
  }
}
.plan-stat-item .left-container {
  padding: 14px 18px 24px 18px;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 160px;
  width: 100%;
}
@media (max-width: 991px) {
  .plan-stat-item .left-container {
    max-width: 50%;
  }
}
.plan-stat-item .left-container h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
  margin-bottom: 7px;
}
.plan-stat-item .left-container .subtitle-wrapper.unlimited {
  display: flex;
  align-items: center;
}
.plan-stat-item .left-container .subtitle-wrapper.unlimited .unlimited-unit {
  font-size: 22px;
  padding-top: 6px;
  padding-left: 2px;
}
.plan-stat-item .left-container .subtitle-wrapper .unit-separator {
  padding: 0;
}
.plan-stat-item .right-container {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  max-width: 100px;
  width: 100%;
  background: #059599;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: white;
}
@media (max-width: 991px) {
  .plan-stat-item .right-container {
    max-width: 50%;
    width: 100%;
  }
}

.profile-panel-container {
  position: absolute;
  right: 40px;
  top: 0;
  z-index: 102;
  max-width: 233px;
  min-width: 152px;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 991px) {
  .profile-panel-container {
    z-index: 100;
    min-width: auto;
  }
}
.profile-panel-container .profile-card {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 233px;
  background: white;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 0px 0px 10px 10px;
  padding: 19px 20px 14px;
}
.profile-panel-container .profile-card--body .profile-panel-menu li:not(:last-of-type) {
  border-bottom: 1px solid #E4E7EB;
  padding-bottom: 12px;
}
.profile-panel-container .profile-card--body .profile-panel-menu li:not(:first-of-type) {
  padding-top: 15px;
}
.profile-panel-container .profile-card--body .profile-panel-menu li a {
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  color: #1B2024;
  padding-left: 13px;
}

.notification-container {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 102;
  max-width: 500px;
  min-width: 433px;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 991px) {
  .notification-container {
    z-index: 100;
    min-width: auto;
  }
}
.notification-container .notification-card {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 433px;
  background: white;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 0px 0px 10px 10px;
  padding: 35px 33px 35px 20px;
}
.notification-container .notification-card--header {
  display: flex;
  justify-items: center;
  justify-content: space-between;
  padding-left: 13px;
  margin-bottom: 24px;
}
.notification-container .notification-card--header h2 {
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  color: #059599;
  margin-bottom: 0;
}
.notification-container .notification-card--header a {
  font-weight: normal;
  font-size: 12px;
  line-height: 30px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
  color: #2CBF88;
}
.notification-container .notification-card--body {
  overflow-y: auto;
  max-height: 417px;
  /* width */
  /* Track */
  /* Handle */
}
.notification-container .notification-card--body::-webkit-scrollbar {
  width: 7px;
}
.notification-container .notification-card--body::-webkit-scrollbar-track {
  background: white;
}
.notification-container .notification-card--body::-webkit-scrollbar-thumb {
  background: #2cbf8850;
  border-radius: 20px;
}
.notification-container .notification-card--body .empty-notification-msg {
  min-width: 282px;
  text-align: center;
}
.notification-container .notification-card--body .notification {
  margin-right: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E4E7EB;
}
@media (max-width: 414px) {
  .notification-container .notification-card--body .notification {
    margin-right: 10px;
  }
}
.notification-container .notification-card--body .notification:last-of-type {
  border-bottom: none;
}
.notification-container .notification-card--body .notification:first-of-type .notification--details {
  margin-top: 0;
}
.notification-container .notification-card--body .notification .notification-shortcut-container {
  margin-left: 25px;
  margin-right: 18px;
}
@media (max-width: 414px) {
  .notification-container .notification-card--body .notification .notification-shortcut-container {
    margin-left: 5px;
    margin-right: 10px;
  }
}
.notification-container .notification-card--body .notification--details {
  padding-right: 26px;
  margin-bottom: 14px;
  margin-top: 9px;
}
@media (max-width: 414px) {
  .notification-container .notification-card--body .notification--details {
    padding-right: 0;
  }
}
.notification-container .notification-card--body .notification--details .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notification-container .notification-card--body .notification--details .title-wrapper .title {
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  text-transform: capitalize;
  color: #059599;
}
.notification-container .notification-card--body .notification--details .title-wrapper .time {
  font-weight: normal;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #A2A5B0;
}
.notification-container .notification-card--body .notification--details .description {
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  color: #1D1935;
  margin-bottom: 0;
}

.profile-nav-container {
  display: flex;
  justify-content: start;
  margin-bottom: 53px;
}
.profile-nav-container.for-plans {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .profile-nav-container {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 43px;
  }
}
.profile-nav-container .profile-nav-btn {
  background-color: white !important;
  border: 2px solid #005A66;
  box-sizing: border-box;
  border-radius: 10px;
  color: #005A66 !important;
  height: 35px;
  padding: 3px 15px !important;
  font-weight: bold !important;
  font-size: 12px;
  line-height: 24px;
  margin-right: 15px;
}
.profile-nav-container .profile-nav-btn:last-of-type {
  margin-right: 0;
}
.profile-nav-container .profile-nav-btn.active, .profile-nav-container .profile-nav-btn.completed, .profile-nav-container .profile-nav-btn:hover {
  background-color: #005A66 !important;
  border-color: #005A66 !important;
  color: white !important;
}
@media (max-width: 991px) {
  .profile-nav-container .profile-nav-btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.profile-form-container, .number-confirmation-form-container {
  max-width: 776px;
  width: 100%;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.profile-form-container.multiple:not(:last-of-type), .number-confirmation-form-container.multiple:not(:last-of-type) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.profile-form-container .profile-form-header, .number-confirmation-form-container .profile-form-header {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #DDEFF0;
}
.profile-form-container .profile-form-header h2, .number-confirmation-form-container .profile-form-header h2 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
  padding: 3px 0 3px 8px;
  margin-bottom: 0;
}
.profile-form-container .profile-form-header a:not(.table-action-activate), .number-confirmation-form-container .profile-form-header a:not(.table-action-activate) {
  padding: 3px 12px !important;
  padding-right: 13px !important;
  height: 36px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white !important;
  border: 2px solid #059599;
  box-sizing: border-box;
  border-radius: 18px;
  color: #059599 !important;
  font-weight: bold !important;
  font-size: 12px;
}
.profile-form-container .profile-form-header a:not(.table-action-activate):hover, .number-confirmation-form-container .profile-form-header a:not(.table-action-activate):hover {
  background-color: #059599 !important;
  border-color: #059599 !important;
  color: white !important;
}
.profile-form-container .profile-form-header a:not(.table-action-activate):hover svg path, .number-confirmation-form-container .profile-form-header a:not(.table-action-activate):hover svg path {
  fill: white !important;
}
.profile-form-container .profile-form-header a:not(.table-action-activate) svg, .number-confirmation-form-container .profile-form-header a:not(.table-action-activate) svg {
  margin-left: 5px;
}
.profile-form-container .profile-form-header a:not(.table-action-activate) svg path, .number-confirmation-form-container .profile-form-header a:not(.table-action-activate) svg path {
  transition: fill 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}
.profile-form-container .profile-form-body, .number-confirmation-form-container .profile-form-body {
  padding: 35px 75px 49px;
}
.profile-form-container .profile-form-body .form-group.is-valid label, .number-confirmation-form-container .profile-form-body .form-group.is-valid label {
  color: #006370 !important;
}
.profile-form-container .profile-form-body.form-group-separator:not(:last-of-type), .number-confirmation-form-container .profile-form-body.form-group-separator:not(:last-of-type) {
  border-bottom: 1px solid #E4E7EB;
}
@media (max-width: 575px) {
  .profile-form-container .profile-form-body, .number-confirmation-form-container .profile-form-body {
    padding: 35px 30px 49px;
  }
}
.profile-form-container .profile-form-body .title, .number-confirmation-form-container .profile-form-body .title {
  font-weight: bold;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #059599;
  margin-bottom: 15px;
}
.profile-form-container .profile-form-body form .form-group, .number-confirmation-form-container .profile-form-body form .form-group {
  margin-bottom: 30px;
  padding-top: 0;
}
.profile-form-container .profile-form-body .payment-method-item-container, .number-confirmation-form-container .profile-form-body .payment-method-item-container {
  padding-bottom: 37px;
}
.profile-form-container .profile-form-body .payment-method-item-container:not(:last-of-type), .number-confirmation-form-container .profile-form-body .payment-method-item-container:not(:last-of-type) {
  border-bottom: 3px solid #DDEFF0;
  margin-bottom: 39px;
}
.profile-form-container .profile-form-body .payment-method-item-container--header, .number-confirmation-form-container .profile-form-body .payment-method-item-container--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-form-container .profile-form-body .payment-method-item-container--header h2, .number-confirmation-form-container .profile-form-body .payment-method-item-container--header h2 {
  margin-bottom: 0;
}
.profile-form-container .profile-form-body .payment-method-item-container--body input[disabled], .number-confirmation-form-container .profile-form-body .payment-method-item-container--body input[disabled] {
  background-color: rgba(232, 232, 232, 0.4) !important;
  color: #1D1935;
}
.profile-form-container .profile-form-body .payment-method-item-container--body .checkbox-label, .number-confirmation-form-container .profile-form-body .payment-method-item-container--body .checkbox-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #505D68;
  cursor: pointer;
}
.profile-form-container .profile-form-body .add-payment-container .btn, .number-confirmation-form-container .profile-form-body .add-payment-container .btn {
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 18px 44px !important;
  max-width: 100%;
}
@media (max-width: 991px) {
  .profile-form-container .profile-form-body .add-payment-container .btn, .number-confirmation-form-container .profile-form-body .add-payment-container .btn {
    font-size: 12px !important;
    padding: 18px 10px !important;
  }
}
.profile-form-container .profile-form-body .payment-info-form #card-element, .number-confirmation-form-container .profile-form-body .payment-info-form #card-element {
  margin-top: 8px;
}
.profile-form-container .profile-form-body .payment-info-form .checkbox-label, .number-confirmation-form-container .profile-form-body .payment-info-form .checkbox-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #505D68;
  cursor: pointer;
}
.profile-form-container .profile-form-body .payment-info-form .submit-payment-container, .number-confirmation-form-container .profile-form-body .payment-info-form .submit-payment-container {
  margin-top: 21px;
}
.profile-form-container .profile-form-body .payment-info-form .submit-payment-container #card-button, .number-confirmation-form-container .profile-form-body .payment-info-form .submit-payment-container #card-button {
  padding: 18px 158px !important;
  font-size: 18px !important;
  max-width: 100%;
}
@media (max-width: 991px) {
  .profile-form-container .profile-form-body .payment-info-form .submit-payment-container #card-button, .number-confirmation-form-container .profile-form-body .payment-info-form .submit-payment-container #card-button {
    font-size: 12px !important;
    padding: 18px 80px !important;
  }
}
.profile-form-container .submit-button-container, .number-confirmation-form-container .submit-button-container {
  padding-bottom: 48px;
  padding-left: 75px;
  padding-right: 75px;
}
@media (max-width: 575px) {
  .profile-form-container .submit-button-container, .number-confirmation-form-container .submit-button-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.profile-form-container .submit-button-container button, .number-confirmation-form-container .submit-button-container button {
  width: 100%;
  font-size: 16px !important;
}

.table-action-activate {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #2CBF88 !important;
  border: 2px solid #2CBF88;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 8px 16px !important;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
  cursor: pointer;
  background-color: transparent;
}
.table-action-activate:focus {
  outline: none;
}
.table-action-activate:disabled {
  border-color: rgba(80, 93, 104, 0.4);
  color: rgba(80, 93, 104, 0.4) !important;
}
.table-action-activate:disabled:hover {
  background-color: transparent;
  border-color: rgba(80, 93, 104, 0.4);
  color: rgba(80, 93, 104, 0.4) !important;
}
.table-action-activate.activation-dismiss-btn {
  border-radius: 18px;
  background-color: white;
  font-size: 12px;
}
.table-action-activate.activation-dismiss-btn:hover {
  border-color: #005A66;
  background-color: #00664B;
}
.table-action-activate:hover {
  color: white !important;
  background-color: #2CBF88;
}

.edit-btn {
  padding: 3px 12px !important;
  height: 36px;
  line-height: 1.5 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white !important;
  border: 2px solid #059599;
  box-sizing: border-box;
  border-radius: 18px;
  color: #059599 !important;
  font-weight: bold !important;
  font-size: 12px;
}
.edit-btn:hover {
  background-color: #059599 !important;
  border-color: #059599 !important;
  color: white !important;
}
.edit-btn:hover svg path {
  fill: white !important;
}
.edit-btn svg {
  margin-left: 5px;
}
.edit-btn svg path {
  transition: fill 0.5s ease-in-out, background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.start-plan-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 131, 135, 0.3);
  z-index: 104;
  transition: all 0.5s ease-in-out;
}
.start-plan-container.bd-blurred {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.start-plan-container .plan-card {
  position: absolute;
  top: 40.5%;
  right: 33%;
  max-width: 353px;
  background: white;
  border-radius: 10px;
  padding: 26px 33px 38px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.start-plan-container .plan-card h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 33px;
  color: #059599;
  margin-bottom: 19px;
}
.start-plan-container .plan-card p {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
}
.start-plan-container .plan-card p a {
  text-decoration: none;
  color: #009199;
  font-weight: bold;
}

.plans-list-container {
  padding: 16px 18px;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
}
.plans-list-container.pl-selection {
  padding-bottom: 12px;
  padding-top: 12px;
  margin-bottom: 20px;
}
.plans-list-container.pl-selection .plan-box-item {
  margin-top: 12px;
}
.plans-list-container.number-confirmation-wrapper {
  background-color: #DDEFF0;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 0;
}
.plans-list-container.number-confirmation-wrapper.closed {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.plans-list-container.number-confirmation-wrapper .plan-selection-header-wrapper h2 {
  max-width: 433px;
}
.plans-list-container h2 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
}
.plans-list-container .plan-box-item {
  background: white;
  border-radius: 10px;
  position: relative;
  border: 3px solid #2CBF88;
  border-left: 44px solid #2CBF88;
  margin-top: 19px;
  margin-bottom: 19px;
}
.plans-list-container .plan-box-item:first-of-type .stars-wrapper svg {
  margin-left: 20%;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item:first-of-type .stars-wrapper svg {
    margin-left: auto;
  }
}
.plans-list-container .plan-box-item:last-of-type {
  margin-bottom: 0;
}
.plans-list-container .plan-box-item:last-of-type .plan-box-item--container {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item:last-of-type .plan-box-item--container {
    padding-bottom: 18px;
  }
}
.plans-list-container .plan-box-item.unlimited {
  background: #f0f7f7;
  border-color: #009199;
  border-left-color: #009199;
}
.plans-list-container .plan-box-item.unlimited h3 {
  top: calc(50% + 54px);
  text-transform: capitalize;
}
.plans-list-container .plan-box-item.unlimited .plan-price-wrapper a {
  background: white !important;
  border: 3px solid #009199;
  box-sizing: border-box;
  border-radius: 30px;
  font-weight: 900 !important;
  color: #059599 !important;
  line-height: 15px;
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.plans-list-container .plan-box-item.unlimited .plan-price-wrapper a:hover {
  color: white !important;
  background: #009199 !important;
}
.plans-list-container .plan-box-item.unlimited:last-of-type .spec--value {
  text-transform: capitalize !important;
}
.plans-list-container .plan-box-item h3 {
  position: absolute;
  top: calc(50% + 22px);
  left: 1.25%;
  margin-left: -44px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item h3 {
    left: 4.25%;
  }
}
.plans-list-container .plan-box-item--container {
  display: flex;
  align-items: center;
  padding: 26px 48px 24px 49px;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item--container {
    justify-content: center;
    flex-wrap: wrap;
    padding-right: 28px;
    padding-left: 28px;
  }
}
.plans-list-container .plan-box-item--container .stars-wrapper {
  max-width: 150px;
  padding-right: 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item--container .stars-wrapper {
    max-width: 100%;
  }
}
.plans-list-container .plan-box-item--container .stars-wrapper svg {
  display: block;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item--container .stars-wrapper svg {
    margin: 0 auto;
  }
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper {
  max-width: 320px;
  padding-right: 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item--container .plan-specs-wrapper {
    justify-content: space-evenly;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0;
  }
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper .spec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 225px;
  width: 100%;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .plans-list-container .plan-box-item--container .plan-specs-wrapper .spec {
    justify-content: space-between;
    max-width: 100%;
  }
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper .spec--desc {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #505D68;
  padding-right: 5px;
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper .spec--value {
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #1B2024;
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper .spec:last-of-type {
  margin-bottom: 0;
}
.plans-list-container .plan-box-item--container .plan-specs-wrapper .spec:last-of-type .spec--value {
  font-weight: 800;
  color: #059599;
  text-transform: uppercase;
}
.plans-list-container .plan-price-wrapper {
  max-width: 144px;
  width: 100%;
}
.plans-list-container .plan-price-wrapper--inner {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-bottom: 10px;
}
.plans-list-container .plan-price-wrapper--inner .currency-symbol, .plans-list-container .plan-price-wrapper--inner .recurrence {
  font-weight: normal;
  color: #505D68;
}
.plans-list-container .plan-price-wrapper--inner .currency-symbol {
  align-self: start;
  padding-right: 2.1px;
  font-size: 20px;
  line-height: 27px;
}
.plans-list-container .plan-price-wrapper--inner .price {
  padding-right: 0.5px;
  font-weight: bold;
  font-size: 40px;
  line-height: 55px;
  color: #059599;
}
.plans-list-container .plan-price-wrapper--inner .recurrence {
  font-size: 18px;
  line-height: 25px;
}
.plans-list-container .plan-price-wrapper a {
  font-size: 15px;
  height: 43px;
  padding: 12px 20px !important;
  line-height: 20px;
}
.plans-list-container .plan-selection-header-wrapper {
  display: flex;
  align-items: baseline;
}
@media (max-width: 575px) {
  .plans-list-container .plan-selection-header-wrapper.closed {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .plans-list-container .plan-selection-header-wrapper.closed .edit-btn-wrapper {
    padding-right: 0;
  }
  .plans-list-container .plan-selection-header-wrapper:not(.closed) .edit-btn-wrapper {
    padding-right: 35px;
  }
}
.plans-list-container .plan-selection-header-wrapper h2 {
  max-width: 616px;
  width: 100%;
  margin-bottom: 0;
  padding-right: 10px;
}
.plans-list-container .plan-selection-header-wrapper .row-title {
  max-width: 135px;
  width: 100%;
  padding-right: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 30px;
  color: #009199;
}
.plans-list-container .plan-selection-header-wrapper .row-title.gray {
  color: #505D68;
  max-width: 186px;
}
.plans-list-container .plan-selection-header-wrapper .row-title.green {
  color: #009199;
  max-width: 193px;
}
.plans-list-container .plan-selection-header-wrapper .row-title.empty {
  max-width: 264px;
}
.plans-list-container .plan-selection-header-wrapper .edit-btn-wrapper {
  padding-right: 39px;
}
@media (max-width: 991px) {
  .plans-list-container .plan-selection-header-wrapper .plan-selection-toggle, .plans-list-container .plan-selection-header-wrapper .device-selection-toggle {
    position: absolute;
    right: 18px;
  }
}

.plan-selection-toggle, .device-selection-toggle, .keep-number-selection-toggle, .new-number-selection-toggle, .select-table-toggle-wrapper {
  transition: transform 0.2s ease-in-out;
}
.plan-selection-toggle.closed, .device-selection-toggle.closed, .keep-number-selection-toggle.closed, .new-number-selection-toggle.closed, .select-table-toggle-wrapper.closed {
  transform: rotate(180deg);
}

.plan-selection-header-wrapper .plan-price-wrapper, .selected-device-info .plan-price-wrapper {
  max-width: 159px;
}
.plan-selection-header-wrapper .plan-price-wrapper--inner, .selected-device-info .plan-price-wrapper--inner {
  align-items: center;
  justify-content: start;
  margin-bottom: 0;
}
.plan-selection-header-wrapper .plan-price-wrapper .currency-symbol, .selected-device-info .plan-price-wrapper .currency-symbol {
  align-self: center;
  padding-right: 5.1px;
}
.plan-selection-header-wrapper .plan-price-wrapper .currency-symbol, .plan-selection-header-wrapper .plan-price-wrapper .recurrence, .selected-device-info .plan-price-wrapper .currency-symbol, .selected-device-info .plan-price-wrapper .recurrence {
  font-size: 16px;
}
.plan-selection-header-wrapper .plan-price-wrapper .price, .selected-device-info .plan-price-wrapper .price {
  font-size: 25px;
  padding-right: 5px;
  line-height: 34px;
}

.device-container {
  display: flex;
  margin-bottom: 51px;
}
@media (max-width: 991px) {
  .device-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 414px) {
  .device-container {
    justify-content: start;
  }
}
.device-container .phone-wrapper {
  max-width: 360px;
  max-height: 575px;
  z-index: 2;
}
@media (max-width: 991px) {
  .device-container .phone-wrapper {
    padding-right: 15px;
  }
  .device-container .phone-wrapper img {
    width: 100%;
  }
}
.device-container .device-info-container {
  max-width: 476px;
  width: 100%;
  margin-left: -10px;
  z-index: 1;
}
@media (max-width: 991px) {
  .device-container .device-info-container {
    margin-left: -15px;
  }
}
.device-container .device-info-container h2 {
  font-weight: bold;
  font-size: 25px;
  line-height: 34px;
  color: #059599;
  padding: 18px 41px;
}
.device-container .device-info-container .device-specs-table {
  background-color: white;
  width: 100%;
  border-radius: 0px 10px 10px 0px;
}
@media (max-width: 991px) {
  .device-container .device-info-container .device-specs-table {
    width: calc(100% + 15px);
  }
}
.device-container .device-info-container .device-specs-table tbody tr {
  border-bottom: 1px solid #E4E7EB;
  display: flex;
  justify-content: space-between;
}
.device-container .device-info-container .device-specs-table tbody tr:last-of-type {
  border-bottom: none;
}
.device-container .device-info-container .device-specs-table tbody tr td {
  padding: 12.2px 0;
}
.device-container .device-info-container .device-specs-table tbody tr td:first-of-type {
  max-width: 213px;
  width: 100%;
  padding-right: 10px;
  padding-left: 44px;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  color: #A2A5B0;
}
.device-container .device-info-container .device-specs-table tbody tr td:last-of-type {
  max-width: 182px;
  width: 100%;
  padding-right: 12px;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  color: #1B2024;
}

.admin-back-btn-wrapper .btn {
  padding-right: 88px !important;
  padding-left: 88px !important;
  font-size: 16px;
}
.admin-back-btn-wrapper .btn:hover {
  background-color: #005A66 !important;
  border-color: #005A66 !important;
  color: white !important;
}

.buy-a-phone-cart-btn-wrapper {
  display: flex;
  justify-content: end;
  padding-right: 93px;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .buy-a-phone-cart-btn-wrapper {
    justify-content: center;
    padding-right: 10px;
    margin-right: 0;
  }
}

.eligibility-check-container {
  max-width: 477px;
  width: 100%;
  background: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 16px 18px;
}
.eligibility-check-container h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
  margin-bottom: 10px;
}
.eligibility-check-container h2 {
  font-weight: bold;
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  color: #006370;
  margin-bottom: 0;
}
.eligibility-check-container .imei-verification-wrapper {
  display: flex;
}
@media (max-width: 575px) {
  .eligibility-check-container .imei-verification-wrapper {
    flex-wrap: wrap;
  }
  .eligibility-check-container .imei-verification-wrapper input {
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px;
  }
  .eligibility-check-container .imei-verification-wrapper .btn {
    width: 100%;
  }
}
.eligibility-check-container .imei-verification-wrapper input {
  max-width: 220px;
  width: 100%;
  height: 50px;
  border: 2px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 14px 13px;
  margin-right: 12px;
}
.eligibility-check-container .imei-verification-wrapper input::-moz-placeholder {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #505D68;
  opacity: 0.5;
}
.eligibility-check-container .imei-verification-wrapper input:-ms-input-placeholder {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #505D68;
  opacity: 0.5;
}
.eligibility-check-container .imei-verification-wrapper input::placeholder {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #505D68;
  opacity: 0.5;
}
.eligibility-check-container .imei-verification-wrapper .btn {
  border-radius: 8px !important;
  font-size: 16px;
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 13px;
  font-weight: 900 !important;
  height: 50px;
}

.phone-tabs-wrapper {
  margin-top: 36px;
  padding-left: 18px;
  padding-right: 18px;
}
.phone-tabs-wrapper h3 {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #005A66;
  margin-bottom: 20px;
}
.phone-tabs-wrapper .phone-tabs {
  justify-content: start;
}
.phone-tabs-wrapper .phone-tabs .phone-tabs__link {
  margin: 0;
  max-width: 120px;
  width: 100%;
}
.phone-tabs-wrapper .phone-tabs .phone-tabs__link:first-of-type {
  margin-left: -14px;
}
@media (max-width: 575px) {
  .phone-tabs-wrapper .phone-tabs .phone-tabs__link {
    margin-left: -14px;
  }
}
.phone-tabs-wrapper .phone-tabs .phone-tabs__link svg {
  width: auto;
  height: auto;
}

.selected-device-container, .new-number-selected-container {
  display: flex;
  padding-top: 13px;
  padding-bottom: 51px;
  padding-right: 18px;
}
@media (max-width: 575px) {
  .selected-device-container, .new-number-selected-container {
    flex-wrap: wrap;
    padding-right: 0;
  }
}
.selected-device-container .selected-device-wrapper, .selected-device-container .new-number-selected-wrapper, .new-number-selected-container .selected-device-wrapper, .new-number-selected-container .new-number-selected-wrapper {
  max-width: 327px;
  max-height: 218px;
  z-index: 2;
}
@media (max-width: 991px) {
  .selected-device-container .selected-device-wrapper img, .selected-device-container .new-number-selected-wrapper img, .new-number-selected-container .selected-device-wrapper img, .new-number-selected-container .new-number-selected-wrapper img {
    width: 100%;
  }
}
.selected-device-container .selected-device-info, .new-number-selected-container .selected-device-info {
  padding-top: 59px;
  padding-left: 73px;
}
.selected-device-container .selected-device-info h2, .new-number-selected-container .selected-device-info h2 {
  font-weight: 800;
  font-size: 16px;
  line-height: 30px;
  color: #505D68;
  margin-bottom: 10px;
  padding-right: 73px;
}
.selected-device-container .selected-device-info .plan-price-wrapper, .new-number-selected-container .selected-device-info .plan-price-wrapper {
  margin-bottom: 10px;
  max-width: 100%;
}
.selected-device-container .selected-device-info .device-showcase-button, .new-number-selected-container .selected-device-info .device-showcase-button {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #005A66;
}
.selected-device-container .selected-device-info .device-showcase-button svg, .new-number-selected-container .selected-device-info .device-showcase-button svg {
  margin-left: 7px;
}

.new-number-info {
  padding-top: 59px;
  padding-left: 73px;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #505D68;
}
@media (max-width: 575px) {
  .new-number-info {
    padding-left: 0;
  }
}

.number-confirmation-form-container {
  max-width: 780px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.number-confirmation-form-container .profile-form-body {
  padding-bottom: 42px;
}
@media (max-width: 991px) {
  .number-confirmation-form-container .submit-button-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.number-confirmation-form-container .submit-button-container .btn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 991px) {
  .number-confirmation-form-container .submit-button-container .btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
  }
}

.submit-button-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}
.submit-button-container button {
  font-size: 18px;
  font-weight: 900 !important;
  padding-left: 160px !important;
  padding-right: 160px !important;
}
@media (max-width: 575px) {
  .submit-button-container button {
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 16px;
  }
}

#checkout-plan-selection-container {
  margin-top: 54px;
}
#checkout-plan-selection-container button {
  display: block;
  margin: 0 auto;
}

.plan-activation-steps-description-container {
  max-width: 776px;
  width: 100%;
  background: white;
  border: 2px solid #DDEFF0;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 20px 51px 20px 24px;
  margin-bottom: 30px;
}
.plan-activation-steps-description-container p, .plan-activation-steps-description-container ul li {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #1D1935;
}
.plan-activation-steps-description-container p {
  margin-bottom: 8px;
}
.plan-activation-steps-description-container ul li {
  position: relative;
  padding-left: 18px;
}
.plan-activation-steps-description-container ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.plan-activation-steps-description-container ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #2CBF88;
  border-radius: 8px;
}

.activation-form-container .form-group-separator {
  padding-top: 30px;
  padding-bottom: 0;
}
.activation-form-container .profile-form-header.focus-error {
  border: 1px solid #E45E5E;
}

.profile-form-body .activation-form-input-group {
  padding-top: 0;
  padding-bottom: 30px;
}
.profile-form-body .activation-form-input-group .title {
  margin-bottom: 5px;
}
.profile-form-body .activation-form-input-group .form-group {
  margin-bottom: 0;
}
.profile-form-body .activation-form-input-group .form-group-separator {
  padding-top: 30px;
  padding-bottom: 30px;
}

.question-tooltip-icon {
  cursor: pointer;
  padding-top: 3px;
}

.activation-nav-btn.completed {
  padding: 6px !important;
}

.imei-instructions-container .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 20px;
  text-align: center;
}
.imei-instructions-container .device-instruction-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.imei-instructions-container .device-instruction-container .device-item {
  min-width: 86px;
}
.imei-instructions-container .device-instruction-container .device-item .phone-tabs__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 16.1px;
}
.imei-instructions-container .device-instruction-container .device-item .phone-tabs__link .subtitle {
  font-weight: 900;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  color: white;
}

.cart-product-container {
  padding-right: 0;
}
.cart-product-container .font-weight-bold {
  font-weight: 800 !important;
  color: black;
}
.cart-product-container .table-responsive {
  min-height: 581px;
}
.cart-product-container .card {
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.3);
  border-radius: 5px;
}
@media (max-width: 991px) {
  .cart-product-container .card {
    margin-right: 15px;
  }
}
.cart-product-container .table {
  margin-bottom: 170px;
}
.cart-product-container .table tbody td {
  border: none;
}
.cart-product-container .table tbody td:nth-of-type(1) {
  padding-right: 0;
}
.cart-product-container .table tbody td:nth-of-type(2), .cart-product-container .table tbody td:nth-of-type(3) {
  padding-left: 0;
  padding-right: 0;
}
.cart-product-container .table tbody td:nth-of-type(4) {
  padding-left: 0;
}
.cart-product-container .table tbody tr:not(:last-of-type):not(:first-of-type).product-row td {
  padding-bottom: 0;
}
.cart-product-container .table tbody tr:not(:last-of-type):not(:first-of-type).product-row .cell-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 105px;
  display: flex;
  align-items: center;
}
.cart-product-container .table .cart-table-header th {
  background-color: #059599;
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cart-product-container .table .cart-table-header th:first-of-type {
  padding-left: 47px;
  max-width: 121px;
  width: 100%;
  padding-right: 120px;
}
@media (max-width: 991px) {
  .cart-product-container .table .cart-table-header th:first-of-type {
    max-width: 100%;
  }
}
.cart-product-container .table .cart-table-header th:not(:first-of-type) {
  padding-left: 0;
}
.cart-product-container .table .cart-table-header th:nth-of-type(2) {
  padding-right: 84px;
}
.cart-product-container .table .cart-table-header th:nth-of-type(3) {
  padding-right: 101px;
}
.cart-product-container .table .cart-table-header th:last-of-type {
  padding-right: 67px;
}
.cart-product-container .table .product-name-wrapper {
  display: flex;
  align-items: center;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___img > img {
  margin-right: 20px;
  margin-left: 12px;
  margin-top: 7px;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___img.phone > img {
  margin-top: 0;
  margin-left: 20px;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___img.phone .cart-content___table___delete {
  top: 5px;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___img:not(.phone) {
  padding-bottom: 21px;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___img.unlimited > img {
  margin-top: 29px;
}
.cart-product-container .table .product-name-wrapper .cart-content___table___delete {
  position: absolute;
  left: 0;
  top: 10px;
  padding: 0;
}
.cart-product-container .table .item-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: black;
}
.cart-product-container .table .item-text.item-text--plan {
  padding-top: 22px;
}
.cart-product-container .cart-plan-actions {
  display: flex;
  justify-content: flex-end;
  padding-right: 41px;
  padding-bottom: 32px;
}
@media (max-width: 575px) {
  .cart-product-container .cart-plan-actions {
    justify-content: start;
    padding-left: 20px;
  }
}
.cart-product-container .cart-plan-actions .unfilled-darker, .cart-product-container .cart-plan-actions .filled-darker {
  line-height: 22px !important;
  font-weight: 800 !important;
}
.cart-product-container .cart-plan-actions .unfilled-darker {
  padding: 19px 34px !important;
  margin-bottom: 0;
  margin-right: 24px;
}
.cart-product-container .cart-plan-actions .filled-darker {
  padding: 19px 40px !important;
}

.cart-summary-container .font-weight-bold {
  font-weight: 800 !important;
  color: black;
}
.cart-summary-container .card {
  border-radius: 5px;
}
.cart-summary-container .card-body {
  box-shadow: 0px 90px 80px rgba(0, 131, 135, 0.3);
  padding: 34px 41px 40px 41px;
}
.cart-summary-container .renewal-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: black;
}
.cart-summary-container .cart-checkout-btn {
  margin-top: 133px;
  font-weight: 900 !important;
  font-size: 16px;
}

.product-qty-wrapper {
  display: flex;
  height: 40px;
  border: 1px solid #059599;
  box-sizing: border-box;
  border-radius: 27px;
  overflow: hidden;
  align-items: center;
  margin-left: -42px;
}
.product-qty-wrapper .minus-button, .product-qty-wrapper .plus-button {
  background-color: #f0f7f7;
  color: #059599;
  width: 32px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-qty-wrapper .minus-button {
  font-weight: 800;
  font-size: 16px;
  line-height: 30px;
}
.product-qty-wrapper .qty-item {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: black;
  background-color: white;
  width: 49px;
  text-align: center;
}

.flex-item {
  display: flex;
}

#card-button {
  padding: 21px 100px !important;
  font-weight: 900 !important;
}

.activation-charging-message-container {
  padding: 25px 53px 48px 54px;
  border: 3px solid #059599;
  box-sizing: border-box;
  border-radius: 10px;
}
.activation-charging-message-container p:first-of-type {
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: black;
  padding-bottom: 19px;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.activation-charging-message-container p:last-of-type {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #505D68;
  text-align: center;
}

.order-confirmation-separator {
  margin-top: 41px;
  margin-bottom: 52px;
}

.order-confirmation-header {
  padding-top: 38px !important;
  margin-right: 80px;
  margin-left: 80px;
}
@media (max-width: 991px) {
  .order-confirmation-header {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.order-confirmation-info-body .title-big {
  padding-bottom: 6px;
}
.order-confirmation-info-body .subtitle {
  color: #2CBF88;
  font-weight: 800;
  font-size: 21px;
  line-height: 29px;
  margin-bottom: 18px;
}
.order-confirmation-info-body .text {
  line-height: 30px;
  color: #000000;
  margin-bottom: 43px;
}
.order-confirmation-info-body .sidebard-OS__content__list__item {
  font-weight: 800;
  font-size: 18.0163px;
  line-height: 25px;
  color: black;
  margin-bottom: 21px;
  padding-top: 12px !important;
  padding-left: 58px;
}
.order-confirmation-info-body .sidebard-OS__content__list__item:before {
  font-weight: bold;
  font-size: 21.019px;
  line-height: 40px;
  color: #059599;
  width: 43px;
  height: 43px;
}
.order-confirmation-info-body .sidebard-OS__content__list__item:after {
  color: #059599;
  width: 2px !important;
  left: 21px !important;
  top: 28px !important;
}
.order-confirmation-info-body .to-dashboard-btn-wrapper {
  padding-top: 39px;
  padding-bottom: 22px;
}
.order-confirmation-info-body .to-dashboard-btn-wrapper + div {
  margin-bottom: 50px;
}

.cart-summary-container .plan-size-box-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.cart-summary-container .plan-size-box-container .plan-size-box-icon {
  background-color: #059599;
  color: white;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  width: 38px !important;
  padding: 10px 6px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-summary-container .plan-size-box-container .plan-size-box-icon.unlimited {
  font-size: 28px;
  padding: 0px 11px;
  font-weight: 900;
}
.cart-summary-container .plan-size-box-container .plan-description-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cart-summary-container .plan-size-box-container .plan-description-box .item-activation-type-subtitle {
  font-size: 11px;
  line-height: 1;
}

.item-activation-type-subtitle {
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #A2A5B0;
}