.credit-status::after {
  content: "\00a0 credits"
}
.modal.show {
  display:flex !important;
  flex-direction: column;
  justify-content: center;
}
.responsive-fix-login {
  width:100%;
  margin:0 auto;
}
@media screen AND (min-width: 768px) {
  .modal-dialog.responsive-fix-login {
    width: 55%;
  }
}
@media screen AND (min-width: 992px) {
  .modal-dialog.responsive-fix-login {
    width: 22% !important;
  }
}
.responsive-fix-register {
  
}
@media screen AND (max-height:995px) {
  .modal.show:has(.responsive-fix-register) {
    display: block !important;
  }
}


#signup-btn-1[disabled],#signup-btn-2[disabled],#signup-btn-3[disabled] {
  background-color: rgba(150,150,150,0.5);
  color: rgba(150,150,150,0.75);
  border: 1px solid rgba(150,150,150,0.9);
  cursor: not-allowed;
}
#signup-btn-1[data-not-ready],#signup-btn-2[data-not-ready],#signup-btn-3[data-not-ready] {
  background-color: rgba(150,150,150,0.5);
  color: rgba(150,150,150,0.75);
  border: 1px solid rgba(150,150,150,0.9);
  cursor: not-allowed;
}

#bottom-left {
  background-color: rgba(255, 255, 255, 0.2);
  /* padding: 25px 15px !important; */
  border-radius: 10px !important;
  /* padding-left: 15px !important; */
  padding: 10px 0;
  margin-left: -5px;
}

#bottom-left:empty {
  display: none;
}

#bottom-left a {
  color: white;
  transition: color 200ms ease-in-out;
}

.icon {
  cursor: pointer;
}
.hidden-important {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .menu-primary {
    overflow-x: scroll;
    overflow-y: visible;
  }
}

.menu-secondary {
  transition: width 0.5s;
}

.menu-secondary:not(:empty) {
  border-top: 1px solid gray;
}