@import "bootstrap-overrides";
@import "bootstrap";
@import "clear-margin-padding";
@import "colors";
@import "fonts";
@import "borders";
@import "dashboard";
@import "navigation";
@import "buttons";
@import "scss/fontawesome.scss" ;
@import "scss/solid.scss";

.height-56 {
  height: 56px;
}

.card {
  @extend .bg-color-white;
  @extend .p-5;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba($black, 0.25);
}

.subcategory-section {
  @extend .mt-5;
  @extend .bg-color-white;
  @extend .p-7;
  box-shadow: 0 0 3px rgba($black, 0.25);
}

.gauge-graph-lg {
  width: 468px;
  height: auto;
}

.gauge-graph-sm {
  width: 268px;
  height: auto;
}

.measure-presenter {
  flex-basis: 33%;
}

.measure-description {
  text-align: center;
}

.measure-card {
  @extend .bg-gray;
  box-shadow: 0px -1px 0px $gray-2;
}

.arrow-up:before
{
  content: "";
  position: relative;
  top: -26px;
  left: 183px;

  border-width: 2.8em;
  border-style: solid;

  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: $gray-2;
}

.arrow-up:after
{
  content: "";
  position: relative;
  top: -24px;
  left: 90px;

  border-width: 3em;
  border-style: solid;

  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: $gray-4;
}