.tenant-header {
  background-color: #000000 !important; /*#db1793 */
}

.tenant-footer {
  background-color: #f89923 !important; /*#db1793 */
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #f89923 !important;
  border-color: #f89923 !important;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .btn-primary.dropdown-toggle:hover {
  background-color: #fff !important;
  border-color: #f89923 !important;
  color: #f89923;
}

.input-group-addon {
  color: #000000;
  background-color: #f89923;
}

.dataTableRow:hover {
  background-color: #f89923 !important;
  color: #fff !important;
  cursor: pointer;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #f89923 !important;
  color: #fff;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #f89923 !important;
  background-color: #eeeeee;
  border-color: #ddd;
}

.tenant-logo-receipt {
  max-height: 85px;
  top: -25px;
  position: relative;
}

#receiptClose {
  top: -35px;
  position: relative;
  left: 30px;
  border: 1px solid #ddd;
  padding: 5px;
  cursor: pointer;
}

#receiptClose:hover {
  background-color: #f89923;
  border: 1px solid #000000;
}

.receipt-content .invoice-wrapper .payment-details,
.receipt-border-1px {
  border-top: 2px solid #f89923;
}

.receipt-content .invoice-wrapper .line-items .items,
.receipt-border-2px {
  border-bottom: 3px solid #f89923;
}

.receipt-content .invoice-wrapper .line-items .headers {
  border-bottom: 3px solid #f89923;
}