.toast-box {
  position: fixed !important;
  right: 40%;
  z-index: 10 !important;
}

.login-alert {
  padding: 12px 2px !important;
  text-align: center;
  overflow: hidden;
.info {
  font-style: normal;
  font-weight: normal;
  line-height: 27px;

  font-size: 14px;
  letter-spacing: 0.03em;
}
  h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 25px;
    padding: 12px 2px !important;
    letter-spacing: 0.03em;
  }
}

.carousel-control-prev, .carousel-control-next {
  width: auto !important;
}

.login-alert-footer {
  @extend .bg-theme, .fixed-bottom;
  .content {
    @extend .row, .justify-content-center;
  }
}

.text-sm-center {
  text-align: inherit !important;
}
.justify-content-xs-center {
  justify-content: flex-end !important;
}
@include media-breakpoint-down(sm) {
  .login-alert-footer {
    display: block !important;
  }
}

@include media-breakpoint-down(xs) {
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}

.social-media-share, .social-media-auth {
  font-family: SFProText;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 27px;
  img {
    border-radius: 10px !important;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin: 10px 5px;

  }
}
.social-media-share {
  img {
    width: 50px !important;
    height: 50px !important;
  }
}
.social-media-auth {
  text-align: center !important;
  margin: 0 auto;
  padding: 0px !important;
}
.modal-90w {
  width: 96vw !important;
  max-width: none!important;
  .modal-header {
    position: fixed !important;
    top: 0;
    z-index: 100;
    width: 95.9vw !important;
    background: $default-background-color;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
  }
}

.hover-muted {
  &:hover {
    background: $shadow-grey;
  }
}

.no-underline {
  text-decoration:  none !important;
  border-bottom: none !important
}

.bg-none {
  background: transparent !important;
}

.nav-tabs {
  .nav-item {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.03em;
    padding: 9px ;
    color: $default-border-color;
    cursor: pointer;
    &.active {
      font-weight: bold;
      @extend .text-theme;
    }
    &:hover {
      background: $shadow-grey;
    }
  }
}