@font-face {
  font-family: 'InterState-Regular';
  src: url('InterState-Regular_24143.ttf'), url('Interstate-Regular_24143.ttf');
  font-weight: normal;
  font-style: normal;
}
#body {
  font-family: 'InterState-Regular', Arial, sans-serif;
  color: #372714;
  background-image: url('/Content/images/MallOfAmerica/MoA_Ribbon.png');
}
#body .menu-container {
  background-color: #bf1565;
  background-image: linear-gradient(to right, #e03886, #9e025b);
}
#body .btn.cancel {
  border-color: #9e025b !important;
  color: #9e025b !important;
  background-color: white !important;
}
#body a.logoff {
  background-image: linear-gradient(to right, #e03886, #9e025b) !important;
  border: none !important;
  text-transform: uppercase !important;
  color: white;
}
#body .btn a:hover {
  text-decoration: none;
}
#body .btn:hover {
  background-position: center;
}
#body .btn-primary {
  background-image: linear-gradient(to right, #a5ce37, #38ab25) !important;
  border: none !important;
}
#body .btn.dropdown-toggle {
  color: white !important;
}
#body .caret {
  color: white !important;
  border-top: 4px solid white;
}
#body .caret:hover,
#body .caret:visited {
  color: white !important;
  border-top: 4px solid white;
}
#body .cards-container table th {
  font-weight: normal;
  text-transform: uppercase;
}
#body #footer a {
  color: black;
}
#body #footer a:hover {
  text-decoration: underline;
}
hr {
  margin: 0 0 15px 0;
}
.btn,
.nav-btn {
  border-radius: 30px !important;
}
.orange-gradient {
  background-image: linear-gradient(to right, #faab18, #f16322) !important;
  border: none !important;
}
.green-gradient {
  background-image: linear-gradient(to right, #a5ce37, #38ab25) !important;
  border: none !important;
}
.banner {
  padding: 15px 0 0 15px;
}
.container.main {
  background-color: white;
  box-shadow: 0px 0px 8px 1px #c3c3c3;
}
.pad {
  margin: 10px;
}
@media only screen and (max-width: 768px) {
  body {
    padding: 0px !important;
    margin: 0px !important;
  }
  body .banner {
    max-width: 260px;
  }
  #body .navbar-inverse .nav li {
    padding: 0px !important;
  }
  .cards-container {
    overflow-x: scroll;
    padding: 0px;
    margin: 0px;
  }
  .main {
    padding: 20px;
  }
  .card-table-row {
    overflow: scroll;
  }
  #sign_in1 {
    background-image: none !important;
    background-color: whitesmoke !important;
  }
}
@media only screen and (min-width: 768px) {
  .card-image-margin {
    margin-left: 55px;
  }
}
@media only screen and (max-width: 420px) {
  .logoff {
    margin-right: 80px;
  }
  .hamburger {
    margin-right: 40px;
  }
}
.card-table {
  max-width: 930px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: auto;
}
#transactionTable_wrapper > .row > div:nth-child(2) {
  margin-left: 0px !important;
}