.bg-green-light {
  background-color: #f7feff;
}

.bg-green {
  background-color: #e7f7f9;
}

.bg-green-dark {
  background-color: #336063;
}

.bg-green-darker {
  background-color: #26484a;
}

.text-green {
  color: #336063!important;
}

.text-green-light {
  color: #f7feff!important;
}

.text-yellow {
  color: #fbce4a!important;
}

.text-yellow-dark {
  color: #ffbe00!important;
}

.bg-green-light-opaque {
  background-color: #f7feffd0;
}

.bg-green-light-more-opaque {
  background-color: #f7feffa3;
}

.bg-green-light-less-opaque {
  background-color: #f7feffde;
}

.bg-image {
  background-image: url(/img/background.jpg);
  background-size: cover;
  background-position: center;
}

.btn-outline-green {
  color: #40767a;
  border-color: #40767a;
}

.btn-outline-green:hover {
  color: #fff;
  background-color: #40767a;
  border-color: #40767a;
}

.btn-outline-green:focus {
  box-shadow: 0 0 0 0.2rem rgb(64 118 122 / 50%);
}

.btn-outline-green:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #40767a;
  border-color: #40767a;
}

.btn-green {
  color: #fff;
  background-color: #40767a;
  border-color: #26484a;
}

.btn-green:hover {
  color: #fff;
  background-color: #26484a;
}

.btn-green:focus {
  box-shadow: 0 0 0 0.2rem rgb(64 118 122 / 50%);
}

.btn-green:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #40767a;
  border-color: #26484a;
}

.btn-100 {
  width: 100%;
}

.logo-128px {
  height: 128px;
}

.logo-128px img {
  max-height: 128px;
}

.logo-64px {
  height: 64px;
}

.logo-64px img {
  max-height: 64px;
}

.logo-32px {
  height: 32px;
}

.logo-32px img {
  max-height: 32px;
}

.push-middle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

hr {
  border-color: #336063;
}

.border-bottom {
  border-color: #336063!important;
}

/* Material Icons */

/* https://fonts.google.com/icons?selected=Material+Icons */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/lib/material-design-icons/material-design.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons.click {
  cursor: pointer;
}

.material-icons.small {
  font-size: 16px;
}

.material-icons.large {
  font-size: 32px;
}

.material-icons.size-36 {
  font-size: 36px;
}

.material-icons.huge {
  font-size: 48px;
}

.material-icons.middle {
  vertical-align: middle;
}

.material-icons.red {
  color: #dc3545;
}

.material-icons.green {
  color: #28a745;
}

.material-icons.yellow {
  color: #ffc107;
}

.uppercase {
  text-transform: uppercase !important;
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}

@media screen, projection, tv {
  .print-only {
    display: none
  }
}