#mb-header-content {
  background-image:linear-gradient(#f38001,#d96200),url("../../assets/img/header_bg.svg");
  background-blend-mode:color;
  background-repeat:no-repeat;
  color:white;
  margin:0px;
  padding:0px 0px 40px 0px;
}

@media (min-width: 992px) {
  #mb-header-content {
    padding:0px 20px 40px 20px;
  }
}

#mb-logo {
  margin:10px;
  margin-top:20px;
  align-content:center;
  width:20vw;
  min-width:150px;
  max-width:200px;
  padding:0px;
}

@media (min-width: 992px) {
  #mb-header-logo {
    text-align:left!important;
  }
}

#mb-header .row {
  margin-left:0px;
  margin-right:0px;
}

.mb-button {
  border-radius:1rem;
  border:none;
  background-color:#f26330;
  font-weight:100;
  font-size:11pt;
  color:#fae2cc;
  width:initial;
  padding-left:20px;
  padding-right:20px;
  height:35px;
  white-space:pre-wrap;
}

#mb-body {
  background-color:rgb(241,243,244);
}

#mb-form-title {
  word-break:break-word;
  color:#282828;
  padding-bottom:5px;
  padding-top:15px;
  font-family:'Nunito Sans';
  font-size:15pt;
  font-weight:bolder;
  text-align:center;
}

.form-control:focus {
  color:#495057;
  box-shadow:none !important;
  background-color:#fff;
  outline:none;
  outline-color:initial;
}

#mb-header-1 {
  margin-top:5px;
  margin-bottom:5px;
  font-weight:lighter;
  font-family:'Nunito Sans';
  letter-spacing:2px;
  font-size:calc(112.5% + 2vw);
  max-width:100%;
  width:100%;
  word-break:break-word;
  color:#fae2cc;
}

.mb-row .col {
  /*padding:5px;*/
}

.mb-button:focus, .mb-button:hover, .mb-button:active {
  color:white;
  outline:0;
  box-shadow:none !important;
  background-color:#f58e31 !important;
  border-color:inherit;
}

#mb-user-content {
  background-color:white;
  /*padding:30px;*/
}

@media (min-width: 992px) {
  #mb-user-content {
    width:600px;
    box-shadow:2px 2px 3px rgb(116,110,110);
    border-color:rgba(102,103,111,0.22);
    border-width:1px;
    background-color:white;
    padding:30px;
  }
}

.payment-col {
  padding:0;
  border-width:1px;
}

.img-thumbnail {
  outline:none;
}

.topupLabel {
  color:gray;
  font-family:Lato;
  letter-spacing:1px;
  word-spacing:2px;
  font-size:calc(100% + 0.4vw);
}

@media (min-width: 992px) {
  #mb-form-title {
    text-align:justify;
  }
}

.method-icon {
  max-width:100%;
  max-height:40px;
}

#mb-header-title {
  padding-top:25px;
}

#failedicon {
  width:calc(15% + 0.1vw);
  max-width:50px;
}

.button-icon {
  max-width:20px;
  max-height:20px;
  margin-right:10px;
}

.step {
  color:gray;
  font-weight:normal;
  font-size:calc(90% + 0.3vw);
  font-family:'Nunito Sans';
  min-height:40px;
  padding-top:4px;
  padding-left:0px;
}

.highlight {
  color:#f57e20;
  font-weight:800;
}

.step-icon {
  padding-top:5px;
}

#liveChatButton {
  display:none;
}

@media (min-width: 992px) {
  #liveChatButton {
    display:inherit;
  }
}

#liveChatIcon {
  display:inline;
}

@media (min-width: 992px) {
  #liveChatIcon {
    display:none;
  }
}

#mb-content {
  background-image:url(../../assets/img/BG.svg);
  background-position:bottom left;
  background-color:transparent;
  background-repeat:no-repeat;
  background-size:90%;
}

@media (min-width: 992px) {
  #mb-content {
    padding:50px;
  }
}

#mb-header .row, #mb-content .row {
  margin-left:0px;
  margin-right:0px;
}

.step-icon-col {
  padding-left:0;
  padding-right:0;
}