/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

 .dashboard-tile a {
  text-decoration: none;
}

.text-coca-cola {
  color: #ED1D00;
}

.text-indigo {
  color: #6610f2;
}

.bg-coca-cola,
.bg-coca-cola:hover,
.bg-coca-cola:active {
  background-color: #ED1D00 !important;
}

.fs-sm {
  font-size: 0.8rem;
}

.page-title {
  margin-bottom: 3rem;
}

.page-head {
  line-height: 1;
  margin-bottom: 0;
  color: var(--bs-gray-800);
}

.page-subhead {
  margin-bottom: 2rem;
  color: var(--bs-gray-800);
}

.narrow-form-container {
  max-width: 800px;
  margin: 0 auto;
}

#brand-topbar-logo {
  max-width: 75%;
  max-height: 60px;
}

.btn-report,
.btn-report:hover {
  background-color: var(--bs-purple);
  color: var(--bs-white);
}

.card-footer a {
  text-decoration: none;
}

tr.bg-highlight td {
  background-color: #fff3cd;
}