:root {
  --primary-color: #f3cb31;
  --primary-color-hover: #f2c519;
  --primary-color-active: #e4b80d; }

.page-title {
  background-image: url("img/harrison-paving-building.black-and-white.jpg");
  background-position-y: center; }
  .page-title h1 {
    color: #f3cb31; }

@media screen and (min-width: 800px) {
  .summary_header {
    background-position-y: 45%; } }

.invoice_header {
  background-image: url("img/harrison-paving-left.black-and-white.jpg"); }

.paymenthistory_header {
  background-image: url("img/harrison-paving-right.black-and-white.jpg"); }

.btn-primary,
.k-button.k-primary,
.bg-primary,
.k-state-selected,
.k-list > .k-state-selected,
.dropdown-header,
.modal-header,
.well-header,
.panel-primary > .panel-heading,
.nav-pills > li.active > a,
#payment-method-amount .label-primary,
legend,
.nav-pills-register-steps > li > a,
.nav-pills-checkout-steps > li > a,
.badge-primary,
.btn-group-payment-type .btn-primary,
.btn-group-payment-type .btn-default {
  color: black; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus,
  .k-button.k-primary:hover,
  .k-button.k-primary:active,
  .k-button.k-primary:focus,
  .bg-primary:hover,
  .bg-primary:active,
  .bg-primary:focus,
  .k-state-selected:hover,
  .k-state-selected:active,
  .k-state-selected:focus,
  .k-list > .k-state-selected:hover,
  .k-list > .k-state-selected:active,
  .k-list > .k-state-selected:focus,
  .dropdown-header:hover,
  .dropdown-header:active,
  .dropdown-header:focus,
  .modal-header:hover,
  .modal-header:active,
  .modal-header:focus,
  .well-header:hover,
  .well-header:active,
  .well-header:focus,
  .panel-primary > .panel-heading:hover,
  .panel-primary > .panel-heading:active,
  .panel-primary > .panel-heading:focus,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:active,
  .nav-pills > li.active > a:focus,
  #payment-method-amount .label-primary:hover,
  #payment-method-amount .label-primary:active,
  #payment-method-amount .label-primary:focus,
  legend:hover,
  legend:active,
  legend:focus,
  .nav-pills-register-steps > li > a:hover,
  .nav-pills-register-steps > li > a:active,
  .nav-pills-register-steps > li > a:focus,
  .nav-pills-checkout-steps > li > a:hover,
  .nav-pills-checkout-steps > li > a:active,
  .nav-pills-checkout-steps > li > a:focus,
  .badge-primary:hover,
  .badge-primary:active,
  .badge-primary:focus,
  .btn-group-payment-type .btn-primary:hover,
  .btn-group-payment-type .btn-primary:active,
  .btn-group-payment-type .btn-primary:focus,
  .btn-group-payment-type .btn-default:hover,
  .btn-group-payment-type .btn-default:active,
  .btn-group-payment-type .btn-default:focus {
    color: black; }

a,
.text-primary,
.btn-link,
.navbar-default .btn-link,
.k-pager-wrap .k-link {
  color: #337ab7; }
  a:hover,
  .text-primary:hover,
  .btn-link:hover,
  .navbar-default .btn-link:hover,
  .k-pager-wrap .k-link:hover {
    color: #2d6da3; }
  a:active, a:focus,
  .text-primary:active,
  .text-primary:focus,
  .btn-link:active,
  .btn-link:focus,
  .navbar-default .btn-link:active,
  .navbar-default .btn-link:focus,
  .k-pager-wrap .k-link:active,
  .k-pager-wrap .k-link:focus {
    color: #285f8f; }