.mt50 {margin-top: 50px !important;}
.mt30 {margin-top: 30px !important;}
.mb20 {margin-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}



.input-error {
  font-size: 16px;
  color: #ff0000;
  padding: 5px;
}

.absolute-center {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}

.display-none {display: none}
.display-block {display: block}

.macrogenGoEventDetailView {
  position: absolute; bottom: 20px; left: 40px; background: #7064E7; padding: 20px; color: #fff;
}

@media (max-width: 750px) {
  .macrogenGoEventDetailView {
    left: 20px; background: #7064E7; padding: 10px; color: #fff;
  }
}

.absolute-center-loading-text {
  position: absolute;
  top: 64%;
  left: 54%;
  transform: translate(-64%, -54%);
  color: #51308E;
  font-size: 1.25rem;
  font-weight: bold;
  background: #fff;
  padding: 8px;
  border-radius: 10px;
}