.navbar-brand>img {
    max-width: 200px;
}

body {
    background-color: #f8f9fa;
}

.mt-6 {
    margin-top: 30px !important;
}

aside#aside-main {
    background-color: #FFAD01;
}

av.nav-deep-light .nav-item.active>.nav-link, nav.nav-deep-light .nav-item:hover>.nav-link {
    color: #fff;
}

.section.bg-light {
  padding: 20px 0 0 0 !important;
}

.qr-code-page .col-md-3,
.qr-code-page .col-sm-4 {
    width: 100%;
}

.orangemoney-confirmation-page .btn-warning {
    margin-top: 12px;
    margin-bottom: 20px;
}

.orangemoney-confirmation-page .btn-warning:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.orangemoney-confirmation-page .btn-dark {
    margin-top: 10px;
    width: 100%;
    background-color: #000;
}

.orangemoney-confirmation-page .btn-dark:hover {
    background-color: #FFAD01;
    color: #000;
    border-color: #FFAD01;
}

th, td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 40px;
}

tr:hover {
    background-color: #fead01;
}

tr {
    border-bottom: 1px solid #ddd;
}

@media (max-width: 767px) {

  .navbar-brand>img {
      max-width: 140px;
  }

  nav.navbar.navbar-expand-lg.navbar-light.justify-content-lg-between.justify-content-md-inherit {
    padding: 10px 0px;
  }

  .container {
    padding: 0 20px;
  }

}

@media (max-width: 575px) {

  table th, table tr td {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 5px;
      padding-right: 5px;
  }

}