@media screen and (max-width: 480px) {
  #invoice_number {
    font-size: smaller;
  }

  .search-btn {
    font-size: x-small;
  }

  .container {
    width: 98%;
  }

  .card .card-content {
    padding: 12px !important;
  }
}
@media screen and (max-width: 600px) {
  .nav-wrapper .brand-logo {
    font-size: 28px;
    margin-left: 0;
  }

  img.logo_png {
    height: 54px !important;
    width: 195px !important;
  }
}
body {
  background-color: #d0d8df;
}

.nav-wrapper {
  background-color: #FFFFFF;
}

img.logo_png {
  position: relative;
  height: 64px;
  width: 231px;
  vertical-align: bottom;
}

.navbar-fixed {
  z-index: 999;
}

#search_invoice {
  color: #000000;
}

.print_invoice_btn {
  background-color: #98c0e5;
}

.pay_invoice_btn {
  background-color: #1269b3;
}

nav ul a,
nav a,
.dropdown-content li > a,
.dropdown-content li > span,
.sidenav li > a {
  color: #1269b3;
}

#search_invoice,
.print_invoice_btn {
  background-color: #98c0e5;
}

.pay_invoice_btn,
.select_this_payment_method {
  background-color: #1269b3;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #98c0e5;
  box-shadow: 0 1px 0 0 #98c0e5;
}

.sidenav li > a > i,
.sidenav li > a > i.material-icons {
  color: #98c0e5;
}

#input-holder {
  width: 100%;
  max-width: 300px;
  display: table;
  margin: 0 auto;
}

.search-btn {
  width: 100%;
}

#invoice_number {
  font-size: xx-large;
}

.search-btn {
  font-size: large;
}

#loader {
  background-color: rgba(250, 250, 250, 0.54);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
}

#loader_img {
  display: table;
  margin: 15% auto;
}

.text-accent {
  font-size: larger;
}

.invoice_table .fa {
  margin-right: 15px;
}

.invoice_action_btn {
  margin: 0 auto;
  display: table;
  font-size: 20px;
}

.payment_methods .cards {
  display: table;
  margin: 0 auto;
}

.payment_methods .payment_method {
  max-width: 360px;
  float: left;
  margin: 10px;
}

.payment_methods .payment_method .card-title {
  color: #000000;
}

.payment_methods .payment_method .card-image {
  background-color: #98c0e5;
}

.payment_methods .payment_method .card-content {
  background-color: #FFFFFF;
}

.payment_methods .payment_method .select_this_payment_method {
  background-color: #1269b3;
  color: #FFFFFF;
}

.btn:hover,
.btn-small:hover,
.btn-large:hover,
.pay_invoice_btn:hover,
.pay_invoice_btn:hover,
.pay_invoice_btn:hover,
.select_this_payment_method:hover {
  background-color: #3c93dd;
}

.pay_invoice_btn:focus,
.pay_invoice_btn:active,
.select_this_payment_method:active {
  background-color: #1269b3;
}

.print_invoice_btn:hover,
.print_invoice_btn:hover,
.print_invoice_btn:hover {
  background-color: #b4dcf5;
}

.print_invoice_btn:focus,
.print_invoice_btn:active {
  background-color: #98c0e5;
}

/*# sourceMappingURL=style.css.map */