@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Lora:wght@400;700&family=Open+Sans:wght@300;400;600;700&family=Varela+Round&display=swap");
.messenger:after, .form-section__header:after, .form__item--after-table:after, .form__item--change-status:after, .form__item--change-owner:after, .form__item--time-entry:after, .form:after, .content__meta-bar:after, .content__topbar:after, .grid:after {
  content: "";
  display: table;
  clear: both;
}

.form__item--after-table, .content__flex-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}

.form__item--after-table input, .form__item--after-table select, .form__item--after-table label {
  flex: 1;
}

.srt, .form__label--hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.panel--unpadded--centered, .panel--padded--centered, .panel--centered {
  text-align: center !important;
}

.h-centered, .grid {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

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

.h-center-align {
  text-align: center !important;
}

.h-right-align {
  text-align: right !important;
}

.h-left-align {
  text-align: left !important;
}

.h-float-right {
  float: right !important;
}

.h-float-left {
  float: left !important;
}

.h-clear {
  clear: both !important;
}

.h-italic-text {
  font-style: italic !important;
}

.h-bold-text {
  font-weight: bold !important;
}

.h-divider-dashed {
  border-bottom: 1px dashed #CCCCCC;
  height: 0.0714285714em;
  margin: 0.7142857143em 0;
  width: 100%;
}

.h-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.h-required {
  color: #D15B4F;
  font-style: italic;
  font-size: 0.8571428571em;
}

.h-block {
  display: block;
}

.h-relative {
  position: relative;
}

.h-fixed {
  position: fixed;
}

.h-display-block {
  display: block;
}

.h-display-inline {
  display: inline !important;
}

.h-display-inline-block {
  display: inline-block !important;
}

.h-hidden {
  display: none !important;
}

.h-color-error {
  color: #D15B4F;
}

.h-color-success {
  color: #64A31B;
}

.h-top-pad {
  padding-top: 1.0714285714em !important;
}

.h-bottom-pad {
  padding-bottom: 1.0714285714em !important;
}

.h-no-left-pad {
  padding-left: 0 !important;
}

.h-no-right-pad {
  padding-right: 0 !important;
}

.h-right-pad {
  padding-right: 1em !important;
}

.h-pad-15 {
  padding: 1.0714285714em;
}

.h-no-margin {
  margin: 0 !important;
}

.h-no-padding {
  padding: 0 !important;
}

.h-min-padding {
  padding: 0.2857142857em !important;
}

.h-flex-container {
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
}

.h-flex-container--no-height {
  display: flex !important;
}

.h-flex-item {
  flex: 1 0 auto !important;
}

.h-full-height {
  height: 100% !important;
}

.h-width-10 {
  width: 10% !important;
}

.h-width-20 {
  width: 20% !important;
}

.h-width-30 {
  width: 30% !important;
}

.h-width-40 {
  width: 40% !important;
}

.h-width-50 {
  width: 50% !important;
}

.h-width-60 {
  width: 60% !important;
}

.h-width-70 {
  width: 70% !important;
}

.h-width-80 {
  width: 80% !important;
}

.h-width-90 {
  width: 90% !important;
}

.h-width-100 {
  width: 100% !important;
}

.h-width-auto {
  width: auto !important;
}

.h-full-width {
  width: 100% !important;
}

.h-full-width .dropdown-menu {
  width: auto;
  min-width: 100% !important;
}

.h-quarter-width {
  width: 25vw;
}

.h-bulleted-list {
  list-style-type: disc !important;
  margin-left: 2.25em;
}
.h-bulleted-list li {
  list-style-type: disc !important;
}

.h_hidden {
  display: none;
}

.h-color-success {
  color: #64A31B;
}

.h-color-fuel-blue {
  color: #1376BA;
}

.h-color-fuel-navy {
  color: #002B49;
}

.h-no-border {
  border: none !important;
}

.h-horiz-flip {
  transform: scaleX(-1);
}

.h-vert-flip {
  transform: scaleY(-1);
}

.h-border-right {
  border-right: 1px solid #9AA5AB;
  padding-right: 1.4285714286em !important;
  margin-top: 0.5em;
}

.h-right-border-dashed {
  border-right: 1px dashed #9AA5AB;
}

.h-left-border-dashed {
  border-left: 1px dashed #9AA5AB;
}

.h-border-left {
  border-left: 1px solid #DEDEDE;
}

.h-big-dollar-sign {
  font-size: 30px;
  font-family: Lato, sans-serif;
  font-weight: 500;
  color: #888888;
  display: inline;
  position: relative;
  top: -25px;
}

.h-available {
  font-size: 16px;
  font-family: Lato, sans-serif;
  color: #888888;
}

.h-no-margin-bottom {
  margin-bottom: 0;
}

.h-margin-bottom-25 {
  margin-bottom: 25px;
}

.h-no-margin-top {
  margin-top: 0;
}

.h-margin-top-24 {
  margin-top: 1.7142857143em;
}

.h-margin-top-50 {
  margin-top: 3.5714285714em;
}

.h-dashboard-mixer-heading {
  flex: 1;
}

.h-mobile-margin-bottom-50 {
  margin-bottom: 50px;
}

.h-error-text-color {
  color: #D15B4F;
}

.h-success-text-color {
  color: #64A31B;
}

.h-helper-text {
  font-size: 0.75em;
}

.h-left-justify {
  justify-content: flex-start;
  text-align: left;
}

.nav-item.active.trending_charts .h-hidden-on-trending {
  display: none !important;
}

.h-mobile-swipe-to-view-child {
  min-height: 320px;
}

[v-cloak] {
  display: none;
}

.h-grey-bg {
  background-color: #F9F9F9;
}

.h-visibility {
  all: unset;
  background: whitesmoke;
  display: inline-block;
  color: #30638E;
  padding: 2px 0.4em 0;
  vertical-align: center;
}

.h-visible {
  display: inherit !important;
}

.h-collapsible {
  display: none !important;
}
@media only screen and (min-width: 1330px) and (max-width: 1999px) {
  .h-collapsible {
    display: block !important;
  }
}

@keyframes validate-in {
  0% {
    opacity: 0;
    transform: translateX(2rem);
  }
  60% {
    opacity: 1;
    transform: translateX(-0.6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.loading-indicator {
  position: fixed;
  padding: 0;
  margin: 0;
  left: 2.4em;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 90, 150, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9;
  color: #FFFFFF;
  backdrop-filter: blur(5px) grayscale(1);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .loading-indicator {
    left: 0;
  }
}
.loading-indicator .loadingText {
  margin-top: 16px;
}
.loading-indicator .v-moon2 {
  box-shadow: 0 0 30px #FFF;
  opacity: 1;
}

@media only print {
  @page {
    size: landscape;
  }
  .sidebar, .page__sidebar {
    display: none !important;
  }
  .header {
    position: relative !important;
  }
  .header__logo-container {
    display: none !important;
  }
  .header__logo-angle-block {
    display: none !important;
  }
  .header__section-indicator-icon {
    display: none !important;
  }
  .header__version {
    display: none !important;
  }
  .header__content-container {
    padding-left: inherit !important;
  }
  .header__member-menu {
    position: relative !important;
    padding: 0 !important;
  }
  .page__container {
    padding: 0 !important;
  }
  .page__content {
    margin: 1em 0 !important;
  }
  .footer {
    display: none !important;
  }
}
.panel--border-top-light, .panel--border-bottom-light, .panel--border-bottom, .panel--border-top--border-bottom, .panel--border-top, .panel--centered, .panel {
  background: transparent;
  padding-top: 2.1428571429em;
  box-shadow: 0 0 0;
}
@media (min-width: 769px) {
  .panel--border-top-light, .panel--border-bottom-light, .panel--border-bottom, .panel--border-top--border-bottom, .panel--border-top, .panel--centered, .panel {
    padding-bottom: 1.4285714286em;
  }
}

.panel--border-bottom-light--border-top-light, .panel--padded--centered, .panel--padded {
  padding-top: 2.4285714286em;
}
@media (min-width: 769px) {
  .panel--border-bottom-light--border-top-light, .panel--padded--centered, .panel--padded {
    padding-top: 2.4285714286em;
    padding-bottom: 2.4285714286em;
  }
}

.panel--border-top--border-bottom, .panel--border-top {
  border-top: 3px solid palette(gray, dark);
}

.panel--border-bottom, .panel--border-top--border-bottom {
  border-bottom: 3px solid palette(gray, dark);
}

.panel--border-bottom-light, .panel--unpadded--border-bottom-light {
  border-bottom: 1px solid palette(gray, x-light);
}

.panel--border-top-light, .panel--border-bottom-light--border-top-light, .panel--unpadded--border-top-light, .panel--unpadded--border-bottom-light--border-top-light {
  border-top: 1px solid palette(gray, x-light);
}

.panel--border-right {
  border-right: 3px solid palette(gray, base);
}

.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.page__main {
  min-height: 100vh;
  position: relative;
  width: 100vw;
  background: #30303E;
  background: -moz-linear-gradient(135deg, #ABABAB 0%, #616060 100%);
  background: -webkit-linear-gradient(135deg, #ABABAB 0%, #616060 100%);
  background: linear-gradient(135deg, #ABABAB 0%, #616060 100%);
  background-attachment: fixed;
}
.page__row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.page__gradient {
  background: rgb(48, 48, 62);
  background: -moz-linear-gradient(0deg, rgb(178, 191, 200) 0%, rgb(240, 244, 246) 100%);
  background: -webkit-linear-gradient(0deg, rgb(178, 191, 200) 0%, rgb(240, 244, 246) 100%);
  background: linear-gradient(0deg, rgb(178, 191, 200) 0%, rgb(240, 244, 246) 100%);
  background-attachment: fixed;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
.page__container {
  min-height: 100vh;
  display: flex;
  flex-direction: inherit;
  padding: 0 4em 0 8em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page__container {
    padding: 0 0.5714285714em 0 0.5714285714em;
  }
  .page__container--no-padding {
    margin-left: -0.5714285714em;
    margin-right: -0.5714285714em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .page__container {
    padding: 0 1.5em 0 6em;
  }
}
.page__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/angles.svg) center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .page__bg {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.page__content {
  font-family: Lato, sans-serif;
  font-size: 1em;
  position: relative;
  margin: 8em auto;
  flex: 1 0;
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page__content {
    margin: 3.2em auto;
    padding: 1em 0;
  }
}
.page__wrapper {
  max-width: 100vw;
  position: relative;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top center;
  transition: top 0.24s linear;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page__wrapper {
    overflow: hidden;
  }
}

.wrapper {
  display: flex;
  flex-direction: column;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  min-height: 100%;
  min-width: 100%;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.footer {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  background: #444444;
  z-index: 5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.footer:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 60px;
  background: #F88900;
  margin-top: -7px;
  transform: skewY(0.5deg);
}
.footer:after {
  display: block;
  position: absolute;
  content: "";
  background: #444444;
  padding: 17px 0 42px;
  text-align: center;
  color: #fff;
  left: 0;
  right: 0;
  z-index: 1;
  height: 62px;
}
.footer__copyright {
  color: #FFFFFF;
  z-index: 2;
  font-family: Lora, serif;
}

.panel--unpadded--border-bottom-light {
  padding-bottom: 0;
}
.panel--unpadded--border-bottom-light--border-top-light {
  padding-top: 0;
  overflow: hidden;
}
.panel--unpadded--border-top-light {
  padding-top: 0;
}
.panel--border-bottom-light {
  padding-bottom: 0;
}
.panel--border-bottom-light--border-top-light {
  overflow: hidden;
}
@media (min-width: 769px) {
  .grid__col--0 {
    width: -1.1235955056%;
  }
  .grid__col--0--half {
    width: 3.0898876404%;
  }
  .grid__col--1 {
    width: 7.3033707865%;
  }
  .grid__col--1--half {
    width: 11.5168539326%;
  }
  .grid__col--2 {
    width: 15.7303370787%;
  }
  .grid__col--2--half {
    width: 19.9438202247%;
  }
  .grid__col--3 {
    width: 24.1573033708%;
  }
  .grid__col--3--half {
    width: 28.3707865169%;
  }
  .grid__col--4 {
    width: 32.5842696629%;
  }
  .grid__col--4--half {
    width: 36.797752809%;
  }
  .grid__col--5 {
    width: 41.0112359551%;
  }
  .grid__col--5--half {
    width: 45.2247191011%;
  }
  .grid__col--6 {
    width: 49.4382022472%;
  }
  .grid__col--6--half {
    width: 53.6516853933%;
  }
  .grid__col--7 {
    width: 57.8651685393%;
  }
  .grid__col--7--half {
    width: 62.0786516854%;
  }
  .grid__col--8 {
    width: 66.2921348315%;
  }
  .grid__col--8--half {
    width: 70.5056179775%;
  }
  .grid__col--9 {
    width: 74.7191011236%;
  }
  .grid__col--9--half {
    width: 78.9325842697%;
  }
  .grid__col--10 {
    width: 83.1460674157%;
  }
  .grid__col--10--half {
    width: 87.3595505618%;
  }
  .grid__col--11 {
    width: 91.5730337079%;
  }
  .grid__col--11--half {
    width: 95.7865168539%;
  }
  .grid__col--12 {
    width: 100%;
  }
  .grid__col--12--half {
    width: 104.2134831461%;
  }
}
.grid__col--border-left {
  border-left: 1px solid #9AA5AB;
}

@media (min-width: 769px) {
  [class^=grid__col--] {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  [class^=grid__col--] + [class^=grid__col--] {
    margin-left: 1.1235955056%;
  }
  [class^=grid__col--]:last-of-type {
    float: right;
    padding-right: 0;
  }
  [class^=grid__col--]:first-of-type {
    padding-left: 0;
  }
}

@media (min-width: 769px) {
  .grid__col-no-gutter--0 {
    width: 0%;
  }
  .grid__col-no-gutter--0--half {
    width: 4.1666666667%;
  }
  .grid__col-no-gutter--1 {
    width: 8.3333333333%;
  }
  .grid__col-no-gutter--1--half {
    width: 12.5%;
  }
  .grid__col-no-gutter--2 {
    width: 16.6666666667%;
  }
  .grid__col-no-gutter--2--half {
    width: 20.8333333333%;
  }
  .grid__col-no-gutter--3 {
    width: 25%;
  }
  .grid__col-no-gutter--3--half {
    width: 29.1666666667%;
  }
  .grid__col-no-gutter--4 {
    width: 33.3333333333%;
  }
  .grid__col-no-gutter--4--half {
    width: 37.5%;
  }
  .grid__col-no-gutter--5 {
    width: 41.6666666667%;
  }
  .grid__col-no-gutter--5--half {
    width: 45.8333333333%;
  }
  .grid__col-no-gutter--6 {
    width: 50%;
  }
  .grid__col-no-gutter--6--half {
    width: 54.1666666667%;
  }
  .grid__col-no-gutter--7 {
    width: 58.3333333333%;
  }
  .grid__col-no-gutter--7--half {
    width: 62.5%;
  }
  .grid__col-no-gutter--8 {
    width: 66.6666666667%;
  }
  .grid__col-no-gutter--8--half {
    width: 70.8333333333%;
  }
  .grid__col-no-gutter--9 {
    width: 75%;
  }
  .grid__col-no-gutter--9--half {
    width: 79.1666666667%;
  }
  .grid__col-no-gutter--10 {
    width: 83.3333333333%;
  }
  .grid__col-no-gutter--10--half {
    width: 87.5%;
  }
  .grid__col-no-gutter--11 {
    width: 91.6666666667%;
  }
  .grid__col-no-gutter--11--half {
    width: 95.8333333333%;
  }
  .grid__col-no-gutter--12 {
    width: 100%;
  }
  .grid__col-no-gutter--12--half {
    width: 104.1666666667%;
  }
}
.grid__col-no-gutter--border-left {
  border-left: 1px solid #9AA5AB;
}

@media (min-width: 769px) {
  [class^=grid__col-no-gutter--] {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  [class^=grid__col-no-gutter--]:last-of-type {
    float: right;
    padding-right: 0;
  }
  [class^=grid__col-no-gutter--]:first-of-type {
    padding-left: 0;
  }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
[class*=grid__col--] > .grid {
  width: 100%;
}
@media (min-width: 1330px) {
  .grid {
    max-width: 1280px;
  }
}

.css-grid {
  display: grid;
}

.card {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  padding: 1.4285714286em;
}
.card--no-radius {
  border-radius: 0;
}
@media only screen and (min-width: 769px) {
  .card--half-width {
    max-width: 49.22%;
  }
}

.dashboard__card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  justify-content: space-between;
}

.card-deck .dashboard__card {
  overflow: hidden;
}

.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.card-link {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 5.7142857143em;
}
.card-link--text {
  display: inline-block;
  color: #3290C3;
  font-family: Lato, sans-serif;
  font-size: 16px;
  text-decoration: none;
}
.card-link--text {
  color: #fff;
  background: #0474BD;
  padding: 0.6em 2em;
  margin-top: -12px;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}
.card-link--text:hover {
  color: #fff;
  text-decoration: none;
  background: #2288CE;
  transition: 0.2s;
}

.bootstrap-select .btn {
  text-transform: capitalize;
}

.nav > li > a:hover {
  background-color: #0E6199;
}

.pagination > li > a,
.pagination > li > span {
  color: #1376BA;
}

.mce-btn {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.mce-panel {
  background-image: none !important;
  background-color: transparent !important;
  margin-right: 1px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 1em;
}

a.maincol__link {
  font-size: 1em;
  line-height: 1.7142857143em;
  margin-top: 0.2857142857em;
  text-decoration: none;
  color: #1376BA;
  text-transform: uppercase;
}

.input-group-addon.search__button {
  background: #FFFFFF;
  border-right: 0px;
  border: 0;
}

.ui-widget {
  font-size: 1em;
}

.nv-chart-converted {
  transform: translateY(0px);
}

.ui.multiple.search.dropdown > input.search {
  display: inline;
}

.ui.multiple.dropdown > .label {
  margin: 0.3rem 0.28rem 0.05rem 0 !important;
}

.modal {
  z-index: 99;
}

.modal-backdrop {
  z-index: 98;
}

.modal-dialog {
  width: 500px;
}

.modal-content {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.vdp-datepicker__calendar {
  padding: 10px;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  margin: 4px 0 0;
}

.vdp-datepicker__calendar header .prev,
.vdp-datepicker__calendar header .next {
  border-radius: 4px;
}

.vdp-datepicker__calendar header span {
  border-radius: 4px;
}

.vdp-datepicker__calendar header {
  margin-bottom: 10px;
}

.vdp-datepicker__calendar .cell {
  border-radius: 4px;
}

.vdp-datepicker__calendar .cell.selected {
  background: #F3FAFF;
  border: 1px solid #4bd;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  /* border: 1px solid #4bd; */
  background: #0474BD;
  color: #fff;
  border: 1px solid #fff;
}

.benchmark-size__label.label.label-info {
  padding: 0.3em 0.6em;
}

.body {
  cursor: default;
}
.body--shaded {
  background: #F9F9F9;
}
.body--shaded .page__content {
  background: #F9F9F9;
}

.clear:after,
.contain:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  width: 100%;
  height: 0;
  cursor: default;
}

.table__title, h2.table__title {
  background: #26536C;
  border: 1px solid #CCCCCC;
  border-radius: 0.7142857143em 0.7142857143em 0 0;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}

.form__button {
  padding: 0.7142857143em 1.4285714286em;
  border: 0;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 400;
  transition: opacity 0.15s;
  display: block;
}
.form__button:hover {
  opacity: 0.75;
  box-shadow: 0 0 10px palette(grey, base);
}
.form__button:active {
  opacity: initial;
}

.form__form-section--submit, .form__form-section--pricing, .form__form-section--sub, .form__form-section {
  padding-top: 1.4285714286em;
  padding-bottom: 2.8571428571em;
}

.form__form-section {
  border-bottom: 1px dotted #ADB1B9;
}

.stats__tier-chart, .stats__mfg-chart {
  margin-top: 20px;
  margin-right: 50px;
  float: right;
  min-height: 150px;
}

.stats__dateSelect-info h3, .stats__tier-info h3, .stats__mfg-info h3 {
  font-weight: 600;
  font-size: 1.4285714286em;
}
.stats__dateSelect-info tbody, .stats__tier-info tbody, .stats__mfg-info tbody {
  border-bottom: 0;
}
.stats__dateSelect-info table tbody tr:nth-child(odd), .stats__tier-info table tbody tr:nth-child(odd), .stats__mfg-info table tbody tr:nth-child(odd), .stats__dateSelect-info table tbody tr:nth-child(even), .stats__tier-info table tbody tr:nth-child(even), .stats__mfg-info table tbody tr:nth-child(even) {
  background: transparent;
}
.stats__dateSelect-info .pieTable th, .stats__tier-info .pieTable th, .stats__mfg-info .pieTable th {
  font-weight: 500;
}
.stats__dateSelect-info .pieTable td, .stats__tier-info .pieTable td, .stats__mfg-info .pieTable td {
  text-align: left;
}
.stats__dateSelect-info .pieTable .text-right, .stats__tier-info .pieTable .text-right, .stats__mfg-info .pieTable .text-right {
  text-align: right;
}
.stats__dateSelect-info .pieTable .chartColor, .stats__tier-info .pieTable .chartColor, .stats__mfg-info .pieTable .chartColor {
  width: 30px;
}

.queue-detail__title, .meeting-agenda .modal__item-title, #allergy-kpi-report .benchmark-size__title {
  color: #1376BA;
  font-family: Lora, serif;
  font-size: 1.5714285714em;
  font-weight: 900;
  letter-spacing: 0.0714285714em;
  text-transform: uppercase;
}

.chartColor__box {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
}
.chartColor__box--Oticon {
  background: #D50D8C;
}
.chartColor__box--Phonak {
  background: #7FC241;
}
.chartColor__box--Resound {
  background: #D71921;
}
.chartColor__box--Widex {
  background: #87693C;
}
.chartColor__box--Unitron {
  background: #00CCFF;
}
.chartColor__box--Sonic {
  background: #415968;
}
.chartColor__box--Signia {
  background: #A12223;
}
.chartColor__box--Starkey {
  background: #EBA900;
}
.chartColor__box--Premium {
  background: #1EAEFF;
}
.chartColor__box--Advanced {
  background: #80BD4D;
}
.chartColor__box--Basic {
  background: #D87E00;
}
.chartColor__box--Entry {
  background: #E9CA1E;
}
.chartColor__box--Access {
  background: #F8076E;
}
.chartColor__box--Economy {
  background: #E9CA1E;
}
.chartColor__box--CROS {
  background: #1B75BB;
}
.chartColor__box--OTC {
  background: #9F55D7;
}
.chartColor__box--Unspecified {
  background: #ADB1B9;
}
.chartColor__box--Unknown {
  background: #ADB1B9;
}

.stats.grid .stats__mfg-chart, .stats.grid .stats__tier-chart {
  margin-right: 15px;
}

.stats {
  display: flex;
}
.stats__mfg {
  flex-basis: 450px;
}
.stats__tier {
  flex-basis: 450px;
}
.stats__dateSelect {
  flex-grow: 100;
}
.stats__dateSelect-info {
  margin-right: 5em;
  padding-right: 2.8571428571em;
  border-right: 1px solid #CCCCCC;
  margin-top: 10px;
}
.stats__spacer {
  flex-grow: 100;
}

.c3 .c3-axis-x path, .c3 .c3-axis-x line {
  stroke: #898B8D;
}

.c3 .c3-axis-y path, .c3 .c3-axis-y line {
  stroke: #898B8D;
}

.c3-axis-y .tick, .c3-axis-y-label {
  fill: #898B8D;
}

.c3-axis-x .tick, .c3-axis-x-label {
  fill: #898B8D;
}

.c3-text {
  fill: rgb(0, 0, 0) !important;
  font-size: 1.4em !important;
}

.basic-card {
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 0.3571428571em 1.0714285714em;
}

.search__container {
  border-radius: 10em;
}
.search__container:focus, .search__container:hover {
  border-color: #00a5b6;
  box-shadow: 0 0 8px 0 rgba(0, 165, 182, 0.6);
}
.search__container input {
  box-shadow: none;
}
.search__input {
  border: none;
  border-radius: 10em;
}
.search__input.form-control:focus {
  border: none;
  box-shadow: none !important;
}
.search__button {
  color: #00a5b6;
  border-radius: 10em;
}

.content__menus {
  line-height: 1.5em;
}
.content__topbar {
  padding: 0.7142857143em 0;
}
.content__title-bar {
  border-bottom: 2px solid #CCCCCC;
  padding: 0.7142857143em 0;
}
.content__title-bar--edit-member {
  border-bottom: 2px solid #444444;
}
.content__title-bar--step-form {
  border: none;
}
.content__header-bar {
  padding: 0 0 2.75em 0;
}
.content__header-bar--no-pad {
  padding: 0;
}
.content__header-bar--skinny-pad {
  padding-bottom: 1em;
}
.content__summary-bar {
  padding: 0 0 1.25em 0;
}
.content__summary-bar--no-pad {
  padding: 0;
}
.content__summary-bar--skinny-pad {
  padding-bottom: 1em;
}
.content__meta-bar {
  border-bottom: 1px dashed #CCCCCC;
  padding: 0.7142857143em 0;
}
.content__callback-bar {
  background: #D15B4F;
  color: #FFFFFF;
  padding: 0.7142857143em 1.4285714286em;
  margin: 0.7142857143em 0;
  font-size: 2em;
  border: 1px solid #000000;
  animation-name: headerHighlight;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.content__sidebar {
  flex-shrink: 0;
  padding-top: 1.0714285714em;
}
.content__sidebar--border {
  border-right: 1px solid #CCCCCC;
}
.content__sidebar--member {
  padding-top: 1.6em;
}
.content__maincol {
  flex-grow: 1;
  padding-top: 1.0714285714em;
}
.content__maincol--prospects {
  padding: 0;
}
.content__maincol--border {
  border-left: 1px dotted #ADB1B9;
  padding-left: 2.1428571429em;
}
.content__title {
  color: #888888;
  font-family: Lora, serif;
  font-size: 1.7142857143em;
}
.content__title span {
  font-size: 1.2em;
  vertical-align: top;
}
.content__scorecard {
  margin-bottom: 4.2857142857em;
}
.content__section-title {
  margin: 0;
  padding: 0;
}

.meta-bar__item {
  display: inline;
  margin: 0 0.7142857143em;
}
.meta-bar__label {
  display: inline;
  font-weight: 900;
  line-height: 2.5714285714em;
}
.meta-bar__value {
  display: inline;
  line-height: 2.5714285714em;
}
.meta-bar__value--priority {
  color: #898B8D;
  font-weight: 700;
  text-transform: uppercase;
}
.meta-bar__value--priority--highest {
  color: #D15B4F;
}
.meta-bar__value--priority--high {
  color: #D15B4F;
}
.meta-bar__value--priority--normal {
  color: #353B3B;
}
.meta-bar__value--priority--low {
  color: #C7CEE1;
}
.meta-bar__value--priority--lowest {
  color: #C7CEE1;
}

.sidebar__label {
  color: #1376BA;
  font-weight: 700;
  margin: 0.7142857143em 0 0.3571428571em;
  text-decoration: underline;
  text-transform: uppercase;
}

.maincol__label {
  color: #1376BA;
  font-weight: 700;
  margin: 0.7142857143em 0;
  text-decoration: underline;
  text-transform: uppercase;
}
.maincol__value {
  display: inline;
}
.maincol__value--url {
  border: 1px solid #CCCCCC;
  border-radius: 1.4285714286em;
  display: block;
  margin: 0.7142857143em 0;
  padding: 0.7142857143em;
}
.maincol__notes {
  margin-bottom: 2.1428571429em;
}

@keyframes headerHighlight {
  from {
    background-color: #F4CA28;
  }
  to {
    background-color: #D15B4F;
  }
}
.flash-messages__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.flash-messages__message {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  height: 4em;
  display: flex;
  align-items: center;
}

.flash-message {
  background: #9AA5AB;
  color: #FFFFFF;
  margin: 0.5em auto;
  padding: 0.5em 1em;
}
.flash-message--success {
  background: #5ECE7F;
}
.flash-message--error {
  background: #D1495B;
}
.flash-message__message-text {
  color: #FFFFFF;
  text-align: center;
  flex: 1;
}
.flash-message__button {
  background: none;
  border: none;
  color: #FFFFFF;
  flex: 1 0 auto;
  outline: none;
  -webkit-appearance: none;
}
.flash-message__dismiss {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 4em;
  height: 100%;
}

#cardNumberContainer, #expirationDateContainer, #securityCodeContainer {
  height: 50px;
}

.open .dropdown-menu {
  display: block;
}

.form__placeholder {
  align-items: center;
  border: 2px dashed #C7CEE1;
  border-radius: 0.7142857143em;
  display: flex;
  height: 14em;
  justify-content: center;
  margin: 1.7857142857em 0;
  width: 100%;
}
.form__placeholder label {
  color: #CCCCCC;
  font-weight: 900;
  flex: 1 0 auto;
}
.form__placeholder .form__item {
  margin-top: 0 !important;
}
.form__placeholder--tall {
  height: 30em;
}
.form .fileCol {
  width: 50%;
  float: left;
  margin: 5px 0px;
  padding: 0px 5px;
}
.form .addFile {
  margin-top: 10px;
  display: block;
}
.form .deleteFile {
  position: absolute;
  right: 0;
  z-index: 2;
  height: 18px;
  width: 18px;
}
.form__file--woCreate {
  border-bottom: 1px dashed #CECECE;
  height: 190px;
}
.form__div--fileLabel {
  font-size: 1em;
  margin-bottom: 0.5em;
}
.form__label {
  display: block;
  margin-bottom: 0.7142857143em;
}
.form__label--fileAttachment {
  display: table-cell;
}
.form__label--inline {
  display: inline;
}
.form__form-section--pricing {
  padding: 1.4285714286em 0 0.7142857143em;
}
.form__form-section--submit {
  padding-top: 2.1428571429em;
  border-bottom: none;
  border-top: 1px solid #444444;
}
.form__input {
  font-size: 1.2857142857em;
  margin-bottom: 1.1111111111em;
  border-bottom: 6px solid palette(grey, x-light);
  border-radius: 0.375em;
  background: palette(grey, xx-light);
  color: palette(black, dark);
  font-weight: 300;
}
.form__input:focus {
  border-color: #1376BA;
}
.form__input--bordered {
  border: 1px solid palette(grey, base);
}
.form__input--form-bar {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: none;
  color: #444444;
  display: block;
  font-size: 1.4285714286em;
  height: 100%;
  line-height: 1.5em;
  padding: 0.1em 0 0 0;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 99%;
}
.form__input--inline {
  display: inline-block;
}
.form__input--narrow {
  width: 5.3571428571em;
}
.form__input--datepicker {
  width: 8.5714285714em;
}
.form__input--auto {
  width: auto;
}
.form__input--number {
  width: 2.8571428571em;
}
.form__item {
  display: block;
  margin-top: 0.7142857143em;
}
.form__item label {
  color: #030303;
  font-size: 1em;
  margin-bottom: 0.5em;
}
.form__item--textarea {
  margin-right: 1px;
}
.form__item--helper-text {
  background: #E1F3FF;
  font-size: 0.8571428571em;
  padding: 0.3571428571em;
  border: 2px dashed #00A5B6;
  border-radius: 0.375em;
}
.form__item--helper-text p {
  margin-bottom: 0;
}
.form__item--inline {
  line-height: 2em;
}
.form__item--other {
  display: none;
}
.form__item--radio {
  line-height: 1.1428571429em;
  margin-top: 0;
}
.form__item--margin-top {
  margin-top: 1em;
}
.form__item--form-bar {
  width: 95%;
}
.form__item--submit {
  margin-top: 1.4285714286em;
  padding: 0.8571428571em 0;
}
.form__item--time-entry input[type=text] {
  width: 6.4285714286em;
  margin-right: 0.3571428571em;
  box-shadow: none;
}
.form__item--change-owner {
  margin-right: 0.3571428571em;
}
.form__item--change-status {
  margin-right: 0.3571428571em;
}
.form__item--after-table {
  justify-content: flex-end;
  align-items: center;
}
.form__item--after-table label {
  margin-left: 0.2142857143em;
}
.form__item--after-table select {
  margin-left: 0.2142857143em;
}
.form__item--after-table input {
  margin-left: 0.2142857143em;
}
.form__item--reviewer {
  display: none;
}
.form__item--attention {
  display: none;
}
.form__item--files a {
  display: inline-block;
  margin-top: 0.7142857143em;
}
.form__item--span {
  font-size: 0.8571428571em;
}
.form__item--file label {
  font-size: 0.875em;
}
.form__item--file .form-control {
  height: auto;
  cursor: default;
}
.form__item--file .form-control:focus {
  border-color: #CCCCCC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0);
}
.form__item--file span.glyphicon {
  padding-left: 0;
}
.form__item--url .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-transform: lowercase;
}
.form__item--missing {
  box-shadow: 0 0 4px #D15B4F;
  border: 1px solid #D15B4F;
  border-radius: 4px;
}
.form__button {
  background: #1376BA;
}
.form__button--bordered {
  border: 1px solid #E3082E;
}
.form__table {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 100%;
}

.form-section__title {
  color: #1376BA;
  font-weight: 400;
  margin: 1.1428571429em 0;
}
.form-section__title--sub {
  font-weight: 400;
}

.errors__title {
  color: #D15B4F;
  text-transform: uppercase;
}
.errors__error {
  color: #D15B4F;
}

.form-header__title {
  font-weight: 400;
  margin: 0.7142857143em 0;
}

.form-table__row {
  border-bottom: 1px solid #CCCCCC;
}
.form-table__row td {
  padding: 0.3571428571em;
}
.form-table__row:nth-child(odd) {
  background: #F2F2F2;
}
.form-table__row--head {
  background: #FFFFFF;
}
.form-table__row--head:nth-child(n) {
  background: #FFFFFF;
}
.form-table__row--head:nth-child(n) a:hover {
  text-decoration: none;
}
.form-table__row--bold-head {
  background: #ADB1B9;
}
.form-table__row--bold-head:nth-child(n) {
  background: #ADB1B9;
}
.form-table__row--bold-head:nth-child(n) a:hover {
  text-decoration: none;
}
.form-table__cell {
  border: 1px solid #CCCCCC;
  color: #898B8D;
  margin: 0.1428571429em;
  padding: 0.1428571429em;
  text-align: center;
  width: 25%;
}
.form-table__cell--head {
  color: palette(grey, dark);
  text-transform: uppercase;
}
.form-table__cell .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: center;
}

.forms .form {
  display: none;
}
.forms__add-form {
  margin: 0.7142857143em 0;
}

.cell__link {
  color: #000000;
  text-decoration: none;
  display: inline-block;
}
.cell__link--add-note {
  background: #989B8D;
  color: #F2F2F2;
  padding: 0.2142857143em 0.3571428571em;
  float: right;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not([class*=filter]) {
  width: 100%;
}

.select--table-cell .btn.dropdown-toggle {
  border: none;
  background: transparent;
  text-align: center;
}
.select--table-cell .btn.dropdown-toggle:hover {
  color: #1376BA;
}
.select--headshots .dropdown-menu > li > a {
  cursor: pointer;
  border-radius: 4px;
  padding: 10px 12px;
}
.select--headshots .dropdown-menu > li > a img {
  margin-right: 5px;
}
.select--headshots .btn.dropdown-toggle {
  padding: 0;
  line-height: 1.4285714286em;
}
.select--headshots .btn.dropdown-toggle img {
  background: #CCCCCC;
  margin-right: 0.3571428571em;
}

.control {
  display: block;
  position: relative;
  padding-left: 0.7142857143em;
  margin-bottom: 0.3571428571em;
  cursor: pointer;
  font-size: 1.1428571429em;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: -0.4285714286em;
  left: 0;
  height: 1.1428571429em;
  width: 1.1428571429em;
  background: #FFFFFF;
  border: 0.0714285714em solid #979797;
}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
  background: #CCCCCC;
}
.control input:checked ~ .control__indicator {
  background: #1376BA;
}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
  background: #30638E;
}
.control input:disabled ~ .control__indicator {
  background: #CCCCCC;
  border: 0.0714285714em solid #979797;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 0.2857142857em;
  top: 0em;
  width: 0.4285714286em;
  height: 0.7142857143em;
  border: solid #FFFFFF;
  border-width: 0 0.1428571429em 0.1428571429em 0;
  transform: rotate(40deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #444444;
}

.dropdown-menu {
  z-index: 999; /* To ensure it overlaps the iFuel nav bar. */
  border: none;
  padding: 10px;
  margin: 4px 0 0;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #1376BA;
}

input:focus {
  transition: 0.3s;
  border-color: #66AFE9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.mce-panel {
  border-radius: 4px;
}

.mce-branding-powered-by {
  display: none;
}

.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:hover {
  background-color: #FFFFFF;
  color: #353B3B;
  transition: all 0.2s;
  border-color: #66AFE9;
  outline: none;
  box-shadow: none;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  box-shadow: none;
  outline: none;
}

.dropdown-menu > li.selected > a:focus,
.dropdown-menu > li.selected > a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.dropdown-menu > li.selected:focus,
.dropdown-menu > li.selected:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.form-table__cell .bootstrap-select > .dropdown-toggle:active,
.form-table__cell .bootstrap-select > .dropdown-toggle:focus,
.form-table__cell .bootstrap-select > .dropdown-toggle:hover {
  background-color: transparent;
  color: #353B3B;
  transition: all 0.2s;
  border-color: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-table__cell .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form__form-section [class^=form__form-section]:last-of-type {
  padding-bottom: 0;
}
.form__form-section [class^=form__form-section]:first-of-type {
  padding-top: 0;
}

input.form-control.list-group-item {
  border-color: #CCCCCC;
  border-radius: 0;
}
input.form-control.list-group-item:first-of-type {
  border-radius: 4px 4px 0 0;
}
input.form-control.list-group-item:last-of-type {
  border-radius: 0 0 4px 4px;
}
input.form-control.list-group-item:focus {
  box-shadow: none;
  border-color: #CCCCCC;
}

.header {
  width: 100vw;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  height: 4.1428571429em;
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header {
    height: 3.2142857143em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header {
    height: 3.8em !important;
  }
}
.header__logo-container {
  position: relative;
  flex: auto;
}
.header__logo-container--login {
  background-color: #063655;
}
.header__logo {
  background: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 14.8571428571em;
  z-index: 10;
}
.header__logo--login {
  background-color: #063655;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__logo {
    width: 10.0714285714em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header__logo {
    width: 12em !important;
  }
}
@media only screen and (min-width: 769px) {
  .header__logo.login {
    background: #1376BA;
  }
  .header__logo.login:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    border-style: solid;
    border-color: #1376BA transparent transparent transparent;
  }
}
@media only screen and (min-width: 769px) and (max-width: 374px) {
  .header__logo.login:after {
    left: 10.0714285714em;
    border-width: 45px 34px 0 0;
  }
}
@media only screen and (min-width: 769px) and (min-width: 375px) {
  .header__logo.login:after {
    border-width: 45px 34px 0 0;
    left: 10.0714285714em;
  }
}
@media only screen and (min-width: 769px) and (min-width: 768px) and (max-width: 1329px) {
  .header__logo.login:after {
    border-width: 60px 34px 0 0;
    left: 12em;
  }
}
@media only screen and (min-width: 769px) and (min-width: 1330px) {
  .header__logo.login:after {
    left: 14.8571428571em;
    border-width: 66px 34px 0 0;
  }
}
.header__logo-img {
  margin: 0 auto;
  display: grid;
  height: auto;
  width: 11.4285714286em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__logo-img {
    width: 7.8571428571em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header__logo-img {
    width: 10.3571428571em;
  }
}
.header__logo-angle-block {
  background-color: #333333;
}
.header__logo-angle-block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 4.1428571429em 1.7142857143em 0 0;
  border-color: #333333 transparent transparent #333333;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__logo-angle-block:before {
    border-width: 3.2em 1.4em 0 0;
    left: -1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header__logo-angle-block:before {
    border-width: 3.9em 2em 0 0;
  }
}
.header__logo-angle-block--login {
  background-color: #063655;
}
.header__logo-angle-block--login:before {
  border-color: #063655 transparent transparent #063655;
}
.header__content-container {
  background: #00A5B6;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding-left: 2.5em;
  position: relative;
}
.header__content-container--fuel-utilization {
  background: #2288CE;
}
.header__content-container--audiology-kpis {
  background: #BD5151;
}
.header__content-container--library {
  background: #8EADBE;
}
.header__content-container--fuel-funds {
  background: #B6B68E;
}
.header__content-container--login {
  background: #3290C3;
}
.header__content-container--sales {
  background: #26536C;
}
.header__content-container--allergy-kpis {
  background: #9DC23B;
}
.header__content-container--vendor-partners {
  background: #9279C3;
}
.header__content {
  flex: auto;
}
.header__member-menu-container {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
}
.header__member-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 30px;
  padding-right: 40px;
  z-index: 9;
  max-width: 822px;
  border-color: transparent rgba(255, 255, 255, 0.1) transparent transparent;
}
.header__member-menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  border-style: solid;
  border-width: 66px 34px 0 0;
  border-color: inherit;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__member-menu {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header__member-menu {
    width: 14.2857142857em !important;
    padding-left: unset;
  }
}
.header__member-menu--hover:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
  transition: 0.2s;
  cursor: pointer;
}
.header__member-menu--hover:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  border-style: solid;
  border-width: 66px 34px 0 0;
  border-color: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .header__member-menu:before {
    border-width: 60px 34px 0 0;
  }
}
.header__member-child-selector {
  margin-left: -25px;
}
.header__member-name {
  font-size: 1.2857142857em;
  font-family: Lato, sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  transition: 0.2s;
}
.header__page-indicator-icon {
  color: #FFFFFF;
  font-size: 22px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__page-indicator-icon {
    display: none;
  }
}
.header__section-title {
  font-family: Lora, serif;
  font-size: 22px;
  color: #FFFFFF;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header__section-title {
    display: none;
  }
}

.member-child-selector__name {
  text-align: center;
  font-size: 1.2857142857em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  line-height: 22px;
  transition: 0.2s;
  padding: 10px;
  margin: 0;
}
.member-child-selector__child-list {
  display: none;
  list-style: none;
}
.member-child-selector__child-list--active {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 25px;
  margin-top: 25px;
  background: #FFFFFF;
  border: none;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  padding: 10px;
  color: #444444;
  z-index: 1000;
  width: 350px;
  flex-wrap: wrap;
}
.member-child-selector__child-list-item {
  color: #444444;
  display: flex;
  padding: inherit;
  margin: 0;
}
.member-child-selector__child-list-item:hover {
  background: #3290C3;
  border-radius: 4px;
  padding: 10px;
  color: #FFFFFF;
  cursor: pointer;
}
.member-child-selector__indicator {
  position: absolute;
  right: 25px;
  bottom: 23px;
  color: #FFFFFF;
}

.sub-header {
  width: 100vw;
  z-index: 10;
  top: 66px;
  left: 50px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  background: #68737E;
}
@media only screen and (min-width: 768px) {
  .sub-header {
    position: fixed;
    height: 3.1428571429em;
  }
}
.sub-header__container {
  background: #00A5B6;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding-left: 2.5em;
  position: relative;
}
.sub-header__content {
  flex: auto;
}

.flash-messages__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.flash-messages__message {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  height: 4em;
  display: flex;
  align-items: center;
}

.flash-message {
  background: #9AA5AB;
  color: #FFFFFF;
  margin: 0.5em auto;
  padding: 0.5em 1em;
}
.flash-message--success {
  background: #5ECE7F;
}
.flash-message--error {
  background: #D1495B;
}
.flash-message--default {
  background: #577793;
}
.flash-message__message-text {
  color: #FFFFFF;
  text-align: center;
  flex: 1;
}
.flash-message__button {
  background: none;
  border: none;
  color: #FFFFFF;
  flex: 1 0 auto;
  outline: none;
  -webkit-appearance: none;
}
.flash-message__dismiss {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 4em;
  height: 100%;
}

.global-loader {
  backdrop-filter: blur(5px) grayscale(1);
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 90, 150, 0.9);
  backdrop-filter: blur(5px) grayscale(1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  color: #FFFFFF;
}
.global-loader .v-moon2 {
  box-shadow: 0 0 30px #FFFFFF;
  opacity: 1;
}
.global-loader__loading-text {
  margin-top: 1em;
}

.tooltip {
  display: block !important;
  z-index: 10000;
}
.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}
.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=right] {
  margin-left: 5px;
}
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^=left] {
  margin-right: 5px;
}
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.modal.fade.in {
  background-color: rgba(6, 54, 85, 0.9);
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  backdrop-filter: blur(5px) grayscale(1);
}
.modal--featured-vendor .modal-dialog {
  width: 560px;
  overflow: scroll;
}
.modal__basic {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  width: 100%;
  width: 30em;
  height: 34.6428571429em;
  border-radius: 6px;
  border: solid 1px #DEDEDE;
}
.modal__errors {
  background-color: #E3082E;
  color: #FFFFFF;
  position: absolute;
  top: 260px;
  z-index: 1;
  height: auto;
  width: 100%;
  padding: 10px;
}
.modal__no-file {
  background: #FFFFFF;
  padding: 10px 15px;
  border-radius: 25px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  margin-top: 25px;
}
.modal__header {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  width: 100%;
  border: 1px solid #FFFFFF;
  border-radius: 6px 6px 0 0;
  position: relative;
  min-height: 14.2857142857em;
}
.modal__header--rm-bg {
  background: rgb(57, 64, 69);
  background: -moz-linear-gradient(45deg, rgb(57, 64, 69) 0%, rgb(95, 107, 117) 100%);
  background: -webkit-linear-gradient(45deg, rgb(57, 64, 69) 0%, rgb(95, 107, 117) 100%);
  background: linear-gradient(45deg, rgb(57, 64, 69) 0%, rgb(95, 107, 117) 100%);
}
.modal__header--am-bg {
  background: rgb(53, 68, 80);
  background: -moz-linear-gradient(45deg, rgb(53, 68, 80) 0%, rgb(79, 101, 119) 100%);
  background: -webkit-linear-gradient(45deg, rgb(53, 68, 80) 0%, rgb(79, 101, 119) 100%);
  background: linear-gradient(45deg, rgb(53, 68, 80) 0%, rgb(79, 101, 119) 100%);
}
.modal__header--vendor-bg {
  background: rgb(206, 223, 237);
  background: -moz-linear-gradient(45deg, rgb(206, 223, 237) 0%, rgb(255, 241, 223) 100%);
  background: -webkit-linear-gradient(45deg, rgb(206, 223, 237) 0%, rgb(255, 241, 223) 100%);
  background: linear-gradient(45deg, rgb(206, 223, 237) 0%, rgb(255, 241, 223) 100%);
}
.modal__header--angles {
  background: url("../images/modal-angles.svg") no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 14.2857142857em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.7857142857em;
  padding-bottom: 0.7142857143em;
  object-fit: contain;
}
.modal__header--small {
  min-height: unset;
}
.modal__close-btn {
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 12.5px;
  background: rgba(255, 255, 255, 0.12);
  top: 15px;
  right: 15px;
  color: #333333;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.modal__close-btn--vendor {
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: #333333;
}
.modal__body {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0;
}
.modal__profile-pic {
  flex: 1 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 60px;
  border: 1px solid #FFFFFF;
  margin-bottom: 0.7142857143em;
  max-height: 80px;
  max-width: 80px;
}
.modal__profile-pic--vendor {
  height: 45px;
  width: 45px;
  border-radius: 60px;
  display: block;
  position: absolute;
  margin-left: -60px;
}
.modal__contact-name {
  flex: 1 0 auto;
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.5;
  margin-top: 5px;
  margin-bottom: 5px;
}
.modal__contact-position {
  flex: 1 0 auto;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 1.0714285714em;
}
.modal__video-container {
  position: relative;
}
.modal__contact-row {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  text-align: left;
}
.modal__contact-row--doc {
  background: #F8F9FB;
}
.modal__contact-row--video-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #666666;
  color: #002B49;
  opacity: 0.7;
  font-size: 10em;
}
.modal__contact-row--input {
  flex: 1;
  height: 3.7142857143em;
  border: none;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  padding: 20px 15px;
}
.modal__contact-row--input:first-of-type {
  border-right: 1px solid #DEDEDE;
}
.modal__contact-row--input::placeholder {
  color: #BBBBBB;
  font-family: Lato, sans-serif;
  font-size: 16px;
}
.modal__contact-row--input::-webkit-input-placeholder {
  font-size: 16px;
}
.modal__contact-row--input:active {
  border: 1px solid #2288CE;
  color: #444444;
  transition: 0.15s;
}
.modal__contact-row--video {
  display: block;
  position: relative;
}
.modal__feature-vendor-doc {
  display: flex;
  background: #F2F2F2;
  border: 1px solid #DEDEDE;
  margin: 0.5em;
  padding: 0.5em;
  border-radius: 0.5em;
}
.modal__feature-vendor-doc:hover {
  border: 1px solid #002B49;
  background: #DEDEDE;
  text-decoration: none !important;
}
.modal__vendor-doc-title {
  display: flex;
  align-items: center;
}
.modal__vendor-doc-icon {
  flex: 0 0 auto;
  font-size: 2em;
  padding-right: 0.25em;
}
.modal__vendor-doc-download {
  flex: 1 0 auto;
}
.modal__vendor-doc-description {
  font-size: 0.8571428571em;
  color: #002B49;
}
.modal__contact-msg-box {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
}
.modal__contact-msg-box--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #AFB7BB;
  font-size: 2.6428571429em;
  padding-top: 5px;
}
.modal__contact-msg-box--doc {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #F8F9FB;
}
.modal__contact-msg-box--title {
  line-height: unset;
  margin: 0 !important;
  margin-bottom: 15px;
}
.modal__contact-msg-box--msg {
  text-align: left;
  color: #444444;
  font-size: 14px;
  padding-left: 0;
  font-family: Lato, sans-serif;
}
.modal__contact-phone {
  flex: 1 0 auto;
  width: 50%;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: right;
}
.modal__contact-separator {
  flex: 1 0 auto;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 25px;
  margin-right: 25px;
}
.modal__contact-email {
  flex: 1 0 auto;
  font-family: Lato, sans-serif;
  font-size: 14px;
  width: 50%;
  font-weight: 500;
  color: #FFFFFF;
  text-align: left;
}
.modal__comment-block {
  width: 100%;
  min-height: 11.4285714286em;
  height: 100%;
  flex: 1 0 auto;
  resize: none;
  border: 0;
  padding: 0;
  color: #444444;
}
.modal__comment-block::placeholder {
  color: #BBBBBB;
}
.modal__comment-block:focus {
  outline: none;
}
.modal__comment-block--vendor {
  padding: 15px 0;
}
.modal__footer {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-top: 2px solid #DEDEDE;
  height: 5em;
}
.modal__footer:hover {
  cursor: pointer;
}
.modal__send-btn {
  font-family: Lato, sans-serif;
  font-weight: 500;
  color: #3290C3;
  height: 100%;
  flex: 1;
  display: flex;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.modal__send-btn:hover, .modal__send-btn:focus, .modal__send-btn:active {
  background: #3290C3;
  color: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  text-decoration: none;
}
.modal__send-btn span {
  margin-left: 0.5em;
}
.modal__download-btn {
  width: 14.6428571429em;
  height: 2.5em;
  border-radius: 100px;
  background: #0474BD;
  color: #FFFFFF;
  transition: 0.2s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-top: 1.7857142857em;
  position: relative;
}
.modal__vendor--logo {
  max-width: 22.8571428571em;
  max-height: 12.5em;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.modal__form-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #444444;
  font-weight: 600;
  height: 21.4285714286em;
}
.modal__sending-overlay {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 1;
  position: absolute;
  width: 100%;
  padding: 0.5em;
}

.modal-open {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(6, 54, 85, 0.9);
  cursor: default;
}

/**
 * Move the datepicker calendar to where the dates can
 * be selected easier.
 */
input.modal__contact-row--input:focus {
  box-shadow: none;
  border: 1px solid #66AFE9;
  background: #F3FAFF;
  transition: 0.2s;
}

.modal-content {
  overflow: hidden;
}

.sidebar {
  /**
    * Sets up the base styling for the sidebar menu when it is not in a
    * hover state.
    */
  position: fixed;
  height: 100vh;
  background-color: #444444;
  overflow: hidden;
  width: 3.2142857143em;
  max-width: 3.2142857143em;
  top: 4.1428571429em;
  z-index: 11;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
  transition: 0.24s;
  /**
  * These breakpoints hide the sidebar menu when not on a desktop/laptop
  */
  /**
    * Expands the menu on hover, and shows whatever is hidden when the
    * menu is in a collapsed state.
    */
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .sidebar {
    top: 3.8em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: 3.5714285714em;
    background-color: #444444;
    overflow: hidden;
    width: 100vw;
    bottom: 0;
    left: 0;
    z-index: 1052;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
  }
  .sidebar::before {
    will-change: transform;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar {
    display: none;
  }
}
.sidebar:focus {
  pointer-events: none;
}
.sidebar:hover {
  z-index: 11;
  width: 14.8571428571em;
  max-width: 14.8571428571em;
  background-color: #444444;
  will-change: top;
  -webkit-transform: translate3d(0, 0, 0);
  pointer-events: initial;
  overflow-y: scroll;
  overflow-x: hidden;
}
.sidebar:hover .sidebar__container {
  position: relative;
  width: 100%;
}
.sidebar:hover .links-col__link-item.active {
  background-color: #FFFFFF;
}
.sidebar:hover .links-col__link-item.active .links-col__link-icon {
  background-color: transparent;
}
.sidebar:hover .links-col__link-item:not(.active) .links-col__link-icon {
  background-color: transparent;
}
.sidebar:hover .manager-tab__identity,
.sidebar:hover .manager-tab__icon,
.sidebar:hover .links-col__link {
  display: inline-block;
  margin-top: 8px;
  position: absolute;
  width: 180px;
  opacity: 1;
  transition: 0.2s;
  margin-left: 3px;
}
.sidebar:hover .manager-tab {
  margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar:hover .manager-tab:not(:first-child) {
    margin-top: 0;
  }
}
.sidebar:hover .manager-tab__thumbnail {
  margin-right: 1.0714285714em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar:hover .manager-tab__thumbnail {
    display: none;
  }
}
.sidebar:hover .manager-tab__identity {
  margin-top: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar:hover .manager-tab__identity {
    display: none;
  }
}
.sidebar:hover .manager-tab__icon {
  margin-top: 0 !important;
  text-align: right;
  margin-right: 10px;
  width: 10px !important;
  opacity: 0.8;
}
@media only screen and (min-width: 769px) {
  .sidebar:hover .manager-tab__mobile {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sidebar:hover .manager-tab__mobile:not(:first-child) {
    margin-top: 0;
  }
}
.sidebar:hover .links-col__link-icon {
  margin: 0;
  display: inline-block;
}
.sidebar:hover .links-col__links {
  margin-top: 0.6em;
}
.sidebar:hover .sidebar__row:last-of-type {
  display: flex;
}
.sidebar:hover .sidebar__signout {
  background: unset;
}
.sidebar .links-col__link.active {
  border-radius: 30px;
  cursor: default;
}
.sidebar__container {
  position: fixed;
  width: 3.2142857143em;
}
.sidebar__signout {
  background: #BD5151;
}
.sidebar__signout:hover .sidebar__signout-icon {
  padding-left: 0.7142857143em;
  transition: all 0.24s;
}
.sidebar__signout-icon {
  transform: rotate(180deg);
}
.sidebar__row {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar__row--logout {
  min-height: 160px;
}
.sidebar__signout-text {
  display: none;
}

@media only screen and (min-width: 769px) {
  .sidebar-mobile {
    display: none;
  }
}

.sidebar-mobile {
  position: fixed;
  height: 3.5714285714em;
  background-color: #444444;
  overflow: hidden;
  width: 100vw;
  bottom: 0;
  left: 0;
  z-index: 1052;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
}
.sidebar-mobile::before {
  will-change: transform;
}
.sidebar-mobile__container {
  display: flex;
  flex-direction: row;
  position: fixed;
  height: 3.5714285714em;
  width: 100%;
  overflow-y: hidden;
}
.sidebar-mobile__rd {
  display: flex;
  flex-direction: row;
  flex: 2;
  order: 1;
  justify-content: center;
  align-items: center;
}
.sidebar-mobile__rd--contact {
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #FFFFFF;
  font-size: 0.8571428571em;
}
.sidebar-mobile__rd strong {
  font-size: 1em;
}
.sidebar-mobile__am {
  display: flex;
  flex-direction: row;
  flex: 2;
  order: 2;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.sidebar-mobile__am--contact {
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #FFFFFF;
  font-size: 0.8571428571em;
}
.sidebar-mobile__am strong {
  font-size: 1em;
}
.sidebar-mobile__menu-btn {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 1.1428571429em;
  font-family: Lato, sans-serif;
  background-color: #0474BD;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}
.sidebar-mobile__menu-btn label {
  margin: 0;
}
.sidebar-mobile__signout--icon > .fa.fa-sign-out-alt {
  transform: rotate(180deg);
}

.sidebar-mobile-menu {
  height: 0;
  width: 0;
  visibility: hidden;
  bottom: 0;
}
.sidebar-mobile-menu__links {
  list-style: none;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sidebar-mobile-menu__link-item {
  flex: 1;
  font-weight: 300;
}
.sidebar-mobile-menu__link-item a {
  color: #FFFFFF;
  text-decoration: none;
  display: flex;
}
.sidebar-mobile-menu__link-item.active {
  font-weight: 400;
}
.sidebar-mobile-menu__link-icon {
  padding-right: 0.7142857143em;
}

/**
 * The following is necessary due to using the checkbox hack
 * for the mobile menu implementation.
 */
#toggle-menu {
  display: none;
}

#toggle-menu:checked ~ .sidebar-mobile-menu {
  visibility: unset;
  display: flex;
  position: fixed;
  background: rgba(6, 54, 85, 0.9);
  color: #FFFFFF;
  z-index: 1050;
  left: 0;
  flex: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 1.2857142857em;
  transition: height 0.24s;
}
#toggle-menu:checked ~ .sidebar-mobile-menu.active {
  font-weight: 400;
}

#toggle-menu:not(:checked) ~ .sidebar-mobile-menu {
  height: 0;
  width: 0;
  opacity: 0;
  bottom: 0;
  transition: height 10s;
}

.links-col {
  display: flex;
  justify-content: center;
  text-align: center;
}
.links-col__links {
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
  margin-top: 0.6em;
  text-align: left;
}
.links-col__link-item {
  font-family: Lato, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  margin: 10px;
  border-radius: 25px;
}
.links-col__link-item:not(.active):hover {
  cursor: pointer;
}
.links-col__link-item:not(.active):hover .links-col__link-icon {
  background-color: transparent;
}
.links-col__link-item:hover .indicator.h-hidden {
  display: block !important;
  transition: 0.15s all;
}
.links-col__link-item:hover > .indicator.h-hidden {
  display: default;
}
.links-col__link-item:hover .links-col__link {
  transition: 0.15s all;
}
.links-col__link-item.active {
  border: none;
  flex: 1;
}
.links-col__link-item.active .links-col__link-icon {
  background-color: #FFFFFF;
  padding-left: 7px;
}
.links-col__link-item.active a {
  background: transparent;
  color: #444444;
  padding: 0;
}
.links-col__link-item.active a:hover {
  cursor: default;
  background: #FFFFFF;
  color: #444444;
  transition: none;
}
.links-col__link-item a {
  color: #FFFFFF;
  display: block;
}
.links-col__link-item a:hover {
  text-decoration: none;
  background: #3290C3;
  border-radius: 25px;
}
.links-col__link {
  width: 180px;
  margin: 15px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.links-col__link.active {
  font-size: 14px;
  cursor: initial;
}
.links-col__link-icon {
  font-size: 1.1428571429em;
  width: 2.2857142857em;
  height: 2.2857142857em;
  border-radius: 1.1428571429em;
  text-align: center;
  padding: 0.4642857143em;
  background-color: rgba(0, 0, 0, 0.2);
}

.indicator {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 6px;
  position: absolute;
  margin-top: 7px;
}
.indicator--overview {
  background-color: #00A5B6;
}
.indicator--proj-tracker {
  background-color: #F88900;
}
.indicator--fuel-utilization {
  background-color: #2288CE;
}
.indicator--audio-kpis {
  background-color: #BD5151;
}
.indicator--documents {
  background-color: #8EADBE;
}
.indicator--fuel-funds {
  background-color: #64A31B;
}
.indicator--sales {
  background-color: #26536C;
}

.sidebar:hover .sidebar__signout-icon {
  display: inline-block;
}

.sidebar__signout:hover .sidebar__signout-icon {
  padding-left: 0.4142857143em;
  transition: all 0.2s;
}

.fa.fa-external-link-alt {
  color: #ABABAB;
  margin-left: 5px;
}

.maincol__table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 1px 3px #CCCCCC;
  margin-bottom: 0.4285714286em;
}
.maincol__table--prospects {
  margin-bottom: 3.5714285714em;
}
.maincol__table--phone {
  min-width: 140px;
}

.box__table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1em;
}

.table__container {
  margin: 0 0 2em 0;
}
.table__paginate {
  margin-top: 1em;
}
.table__title--text {
  display: inline-block;
  padding: 0.625em 0;
}
.table__title-functions {
  background: #1376BA;
  padding: 0.625em;
  position: absolute;
  top: 0;
}
.table__title-functions:hover {
  background: #2288CE;
}
.table__title-functions--right {
  right: 0;
  border-left: 1px solid #FFFFFF;
  border-radius: 0 0.7142857143em 0 0;
}
.table__title-functions--left {
  left: 0;
  border-right: 1px solid #FFFFFF;
  border-radius: 0.7142857143em 0 0 0;
}
.table__title-functions--destructive:hover {
  background: #90261E;
}
.table__title-functions a {
  color: #FFFFFF;
}
.table__title-function {
  color: #FFFFFF;
  font-size: 0.75em;
}
.table__title-function span {
  font-size: 1.32em;
  padding: 0 0.5em;
}
.table__title-function span.glyphicon {
  font-size: 1.25em;
}
.table__title-function--view-dash {
  color: #444444;
}
.table__title-function--dismiss:hover {
  background: #90261E;
}
.table__pagination-hint {
  font-size: 1em;
  font-weight: 400;
}
.table__footer {
  border: 1px solid #CCCCCC;
  border-radius: 0 0 0.7142857143em 0.7142857143em;
  text-align: center;
}
.table__row td {
  padding: 0.6125em 0.3125em;
}
.table__row td:first-of-type {
  padding-left: 0.6125em;
}
.table__row--description-text td {
  padding: 0.25em 0.3125em;
}
.table__row:nth-child(even) {
  background: #F9F9F9;
}
.table__row:nth-child(odd) {
  background: #F2F2F2;
}
.table__row--even {
  background: #F9F9F9 !important;
}
.table__row--odd {
  background: #F2F2F2 !important;
}
.table__row--inactive {
  opacity: 0.75;
}
.table__row--scheduled_past {
  background: #FCC2C2;
}
.table__row--title {
  background: #26536C;
  color: #FFFFFF;
}
.table__row--head:nth-child(n) {
  background: #00A5B6 !important;
  color: #FFFFFF;
  white-space: nowrap;
}
.table__row--head:nth-child(n) a {
  color: #FFFFFF;
}
.table__row--head:nth-child(n) a:hover {
  text-decoration: none;
}
.table__row--head .table__cell--check-box {
  border-right: 0;
}
.table__row--head .table__cell--check-box + .table__cell {
  border-left: 0;
}
.table__row--head--credits:nth-child(n) {
  background: #618396;
}
.table__row--head--transactions:nth-child(n) {
  background: #82BAB1;
}
.table__row--head .table__cell {
  color: #FFFFFF;
  font-size: 0.75em;
  text-transform: uppercase;
}
.table__row--head .table__cell--date {
  text-align: center;
}
.table__row--head .table__cell .glyphicon--table-sorter {
  font-size: 0.85em;
}
.table__row--head td {
  border: 1px solid #FFFFFF;
  text-align: center;
}
.table__row--main {
  background: #C7CEE1 !important;
}
.table__row--sidebar {
  border: none;
}
.table__row--sidebar:nth-child(odd) {
  border-radius: 3px;
  background: #F2F2F2;
}
.table__row--sidebar td {
  padding: 0.3571428571em 0.2142857143em;
}
.table__row--print-spec {
  border: none;
}
.table__row--print-spec:nth-child(odd) {
  background: #F2F2F2;
}
.table__row--print-spec-head {
  border: none;
  background: #CCCCCC;
  font-weight: 900;
}
.table__row--warning {
  background: #FBEFDB !important;
}
.table__row--alert {
  background: #FCC2C2 !important;
}
.table__row--rush {
  background: #FCC2C2 !important;
}
.table__row--due {
  background: #FCC2C2 !important;
}
.table__row--total {
  font-weight: 900;
  background: #F2F2F2 !important;
}
.table__row--detailed-data table {
  margin-bottom: 35px;
}
.table__row--detailed-data svg.nvd3-svg {
  height: 300px;
}
.table__row--invoiced td {
  font-weight: 900;
}
.table__row--completed td {
  color: #E3082E;
}
.table__row--completed td .glyphicon-ok {
  color: #66b656;
}
.table__row--completed td a {
  color: #E3082E;
}
.table__row--kpi-target td {
  background-color: rgba(136, 212, 120, 0.45);
}
.table__cell-line--label {
  color: #94A8B4;
  font-style: italic;
}
.table__cell-line .button {
  font-size: 1.5em;
}
.table__cell-line .button + .button {
  margin-left: 0.25em;
}
.table__cell-line-form {
  margin: 0.25em 0;
}
.table__cell {
  font-family: Lato, sans-serif;
  margin: 0.1428571429em;
  padding: 0.1428571429em;
  width: 3.5714285714em;
}
.table__cell--active-sort {
  background: #278AD7;
}
.table__cell--today {
  background: #A5F2B7 !important;
}
.table__cell--small-text {
  font-size: 0.8571428571em;
}
.table__cell--heading h2 {
  color: #30638E;
  text-transform: uppercase;
  font-size: 1.7142857143em;
}
.table__cell--description-text {
  font-size: 1em;
  font-style: italic;
}
.table__cell--id {
  font-weight: 900;
  min-width: 3.5em;
  white-space: nowrap;
}
.table__cell--id a {
  font-weight: 900;
  white-space: nowrap;
}
.table__cell--auto {
  width: auto !important;
}
.table__cell--members-name {
  min-width: 17.8571428571em;
}
.table__cell--name {
  min-width: 7.8571428571em;
}
.table__cell--title {
  min-width: 14.2857142857em;
}
.table__cell--dashboard-title {
  min-width: 21.4285714286em;
}
.table__cell--link {
  min-width: 7.8571428571em;
}
.table__cell--description {
  min-width: 17.1428571429em;
}
.table__cell--full-name {
  min-width: 8.5714285714em;
}
.table__cell--first-name {
  min-width: 6.4285714286em;
  text-align: center;
}
.table__cell--email {
  min-width: 7.1428571429em;
}
.table__cell--phone {
  min-width: 8.5714285714em;
}
.table__cell--note {
  min-width: 10.7142857143em;
}
.table__cell--icon {
  color: #666666;
  text-align: center;
}
.table__cell--note-fixed {
  width: 17.8571428571em;
}
.table__cell--address {
  min-width: 7.1428571429em;
}
.table__cell--full-address {
  min-width: 10.7142857143em;
}
.table__cell--price-input {
  min-width: 12.5em;
}
.table__cell--action {
  min-width: 5.5em;
  text-align: center;
  white-space: nowrap;
}
.table__cell--action a {
  margin: 0 0.25em;
}
.table__cell--single-action {
  width: 2em;
  text-align: center;
  white-space: nowrap;
}
.table__cell--single-action a {
  margin: 0 0.25em;
}
.table__cell--binary {
  min-width: 2.8571428571em;
  width: 2.8571428571em;
}
.table__cell--medium {
  min-width: 5.7142857143em;
  width: 5.7142857143em;
}
.table__cell--small {
  min-width: 3.2857142857em;
  width: 3.2857142857em;
}
.table__cell--narrow {
  min-width: 1.4285714286em;
  width: 1.4285714286em;
}
.table__cell--check-box {
  min-width: 0.7142857143em;
  text-align: center;
  width: 0.7142857143em;
}
.table__cell--icon {
  min-width: 0.7142857143em;
  width: 0.7142857143em;
  text-align: center;
}
.table__cell--icon .glyphicon {
  vertical-align: middle;
}
.table__cell--zip-code {
  min-width: 2.8571428571em;
}
.table__cell--level {
  min-width: 1.4285714286em;
}
.table__cell--level::before {
  content: "";
  display: inline-block;
  width: 0.7142857143em;
  height: 0.7142857143em;
  -moz-border-radius: 0.3571428571em;
  -webkit-border-radius: 0.3571428571em;
  border-radius: 0.3571428571em;
  background-color: #1376BA;
  margin-right: 0.3571428571em;
  margin-bottom: 0.1428571429em;
}
.table__cell--level--first::before {
  background-color: #9DC23B;
}
.table__cell--level--second::before {
  background-color: #64A31B;
}
.table__cell--level--third::before {
  background-color: #739E58;
}
.table__cell--level--fourth::before {
  background-color: #6F8D81;
}
.table__cell--level--fifth::before {
  background-color: #CCCCCC;
}
.table__cell--level--sixth::before {
  background-color: #898B8D;
}
.table__cell--level--seventh::before {
  background-color: #353B3B;
}
.table__cell--date {
  min-width: 5.7142857143em;
  text-align: center;
  margin-right: 0.7142857143em;
}
.table__cell--date-time {
  min-width: 11.4285714286em;
  text-align: center;
  margin-right: 0.7142857143em;
}
.table__cell--duration {
  min-width: 5.7142857143em;
  text-align: right;
  margin-right: 0.7142857143em;
}
.table__cell--details {
  min-width: 8.5714285714em;
}
.table__cell--answer {
  min-width: 5.7142857143em;
}
.table__cell--score {
  min-width: 2.8571428571em;
}
.table__cell--status {
  text-align: center;
  width: 7.1428571429em;
}
.table__cell--priority {
  text-align: center;
  width: 7.1428571429em;
}
.table__cell--property {
  text-align: center;
  width: 7.1428571429em;
}
.table__cell--prospect-note {
  min-width: 17.8571428571em;
}
.table__cell--quantity {
  text-align: center;
  min-width: 3.5714285714em;
  width: 3.5714285714em;
}
.table__cell--amount-header {
  text-align: center;
  width: 50px;
}
.table__cell--amount {
  text-align: right;
  width: 50px;
}
.table__cell--amount-large-header {
  text-align: center;
  width: 120px;
}
.table__cell--amount-large {
  text-align: right;
  width: 120px;
}
.table__cell--timeline {
  padding: 0 !important;
  width: 1px;
}
.table__cell--owner > a {
  border-radius: 1em;
  display: block;
  font-size: 0.9285714286em;
  padding: 0.2em;
  padding-bottom: 0;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.table__cell--owner > a:hover {
  text-decoration: none;
  curson: pointer;
}
.table__cell--owner li a {
  border-radius: 0;
}
.table__note {
  display: inline;
  margin-right: 7px;
}

.cell__link {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  padding: 0 0.1428571429em;
}
.cell__link--add-note {
  background: #989B8D;
  color: #F2F2F2;
  padding: 0.2142857143em 0.3571428571em;
  float: right;
}

.projects__table--visibility:nth-child(even) {
  background: #EFEFEF;
}

.sidebar-table {
  border-collapse: true;
  border: 1px solid grey;
  margin: 0.7142857143em 0 1.4285714286em 0;
  width: 100%;
}
.sidebar-table__row {
  border: 1px solid grey;
}
.sidebar-table__cell {
  border: 1px solid grey;
  padding: 0.7142857143em;
  text-align: center;
  vertical-align: middle;
}

.model-list, .fuel-funds .generic-list, .generic-list {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #CCCCCC;
}
.model-list tr:nth-child(odd), .generic-list tr:nth-child(odd) {
  background: #F2F2F2;
}
.model-list th:nth-child(n), .generic-list th:nth-child(n) {
  background: #1376BA;
  color: #FFFFFF;
}
.model-list th:nth-child(n) a, .generic-list th:nth-child(n) a {
  color: #FFFFFF;
  font-weight: 900;
}
.model-list th:nth-child(n) a:hover, .generic-list th:nth-child(n) a:hover {
  text-decoration: none;
}
.model-list th, .fuel-funds .generic-list th, .generic-list th, .model-list td, .fuel-funds .generic-list td, .generic-list td {
  border: 1px solid #CCCCCC;
  padding: 6px;
  white-space: nowrap;
}
.model-list .created-on, .generic-list .created-on {
  width: 50%;
}

.generic-list th, .generic-list td {
  white-space: initial;
}

.wo-broken-windows {
  margin: 0 -1.25em;
}
.wo-broken-windows .maincol__table {
  border-collapse: collapse;
  width: 100%;
  border: none;
  border-top: 2px solid #66b656;
}
.wo-broken-windows .table__row {
  border-bottom: none;
}
.wo-broken-windows .table__row td {
  padding: 0.7142857143em 0.3571428571em;
}
.wo-broken-windows .table__row td:first-of-type {
  padding-left: 0.7142857143em;
}
.wo-broken-windows .table__row:nth-child(odd) {
  background: #FFFFFF;
}
.wo-broken-windows .table__row:hover {
  background: #F2F2F2;
}
.wo-broken-windows .table__row--head {
  border-bottom: 1px solid #CCCCCC;
}
.wo-broken-windows .table__row--head:nth-child(n) {
  background: #FFFFFF;
  color: #000000;
}
.wo-broken-windows .table__row--head:nth-child(n) a {
  color: #000000;
  font-weight: 900;
}
.wo-broken-windows .table__row--head:nth-child(n) a:hover {
  text-decoration: none;
}
.wo-broken-windows .table__row--head .table__cell--date {
  text-align: center;
}

.table__container.noItems .table__title,
.tab__item.noItems .table__title {
  opacity: 0.5;
  border-radius: 0.7142857143em;
}
.table__container.noItems .table__title-functions--right,
.tab__item.noItems .table__title-functions--right {
  border-radius: 0 0.7142857143em 0.7142857143em 0;
}
.table__container.noItems .table__title-functions--left,
.tab__item.noItems .table__title-functions--left {
  border-radius: 0.7142857143em 0 0 0.7142857143em;
}

.dashboard__indicator {
  margin: 0.5em;
  color: #BBBBBB;
}
.dashboard__indicator--active {
  color: #1176BB;
}

.v-tooltip {
  display: block !important;
  z-index: 10000;
}
.v-tooltip .tooltip-inner {
  background: #444444;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 5px 10px 4px;
  font-size: 0.8571428571em;
}
.v-tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #444444;
  z-index: 1;
}

.v-tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.v-tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.v-tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.v-tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.v-tooltip[x-placement^=right] {
  margin-left: 5px;
}

.v-tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.v-tooltip[x-placement^=left] {
  margin-right: 5px;
}

.v-tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.v-tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.v-tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.v-tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.v-tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.manager-tab {
  padding: 0.7142857143em 0.7142857143em;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  transition: 0.2s;
  /**************************************
   *
   * MOBILE STYLES
   *
   **************************************/
}
.manager-tab:hover {
  cursor: pointer;
  background: #3290C3;
}
.manager-tab:hover .identity__name, .manager-tab:hover .manager-tab__icon {
  color: #FFFFFF;
  opacity: 1;
  transition: 0.15s all;
}
.manager-tab:hover .manager-tab__icon {
  right: 0.25em;
  transition: 0.15s all;
}
.manager-tab:active {
  background-color: #3290C3;
  border: 1px solid #0474BD;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  transition: 0.15s;
  color: #FFFFFF;
}
.manager-tab:active .identity__name, .manager-tab:active .manager-tab__icon {
  color: #FFFFFF;
  transition: 0.15s;
}
.manager-tab__thumbnail {
  content: "";
  width: 2em;
  height: 2em;
  background: #DEDEDE;
  border-radius: 1em;
  border: 1px solid #FFFFFF;
  z-index: 999;
}
.manager-tab__identity {
  line-height: 1.2857142857em;
  color: #FFFFFF;
  justify-content: left;
  align-items: center;
  text-align: left;
  flex-grow: 1;
  display: none;
}
.manager-tab__icon {
  width: 1em;
  justify-content: right;
  align-items: right;
  color: #DEDEDE;
  position: absolute;
  right: 0.5em;
  display: none;
  opacity: 0.7;
}
.manager-tab:not(:first-child) {
  margin-top: -0.7142857143em;
}
.manager-tab__mobile {
  display: flex;
  flex-direction: row;
  flex: 2;
  position: relative;
}
.manager-tab__mobile-image {
  height: 100%;
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.manager-tab__mobile-angle-block {
  background-color: #444444;
}
.manager-tab__mobile-angle-block:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 68px 34px 0 0;
  border-color: transparent #444444 transparent transparent;
}
.manager-tab__mobile-identity {
  display: flex;
  flex-direction: row;
  text-align: right;
  position: absolute;
  background: rgba(73, 85, 98, 0.5);
  color: #FFFFFF;
  width: 100%;
  justify-content: center;
  padding-top: 0.2857142857em;
}

.identity__name {
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
}
.identity__position {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0.25em;
}

.manager-tab__icon {
  margin-top: 0 !important;
  text-align: right;
  margin-right: 10px;
  width: 10px !important;
  opacity: 0;
}

.btn-round {
  border-radius: 20px;
}

.btn-200 {
  min-width: 200px;
}

.fuel-funds .maincol__table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #CCCCCC;
}
.fuel-funds .maincol__table--prospects {
  margin-bottom: 3.5714285714em;
}
.fuel-funds .maincol__table--phone {
  min-width: 140px;
}
.fuel-funds .box__table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1em;
}
.fuel-funds .table__row td {
  padding: 0.7142857143em 0.3571428571em;
}
.fuel-funds .table__row td:first-of-type {
  padding-left: 0.7142857143em;
}
.fuel-funds .table__row:nth-child(odd) {
  background: #F2F2F2;
}
.fuel-funds .table__row--head:nth-child(n) {
  background: #1376BA;
  color: #FFFFFF;
}
.fuel-funds .table__row--head:nth-child(n) a {
  color: #FFFFFF;
  font-weight: 900;
}
.fuel-funds .table__row--head:nth-child(n) a:hover {
  text-decoration: none;
}
.fuel-funds .table__row--head--credits:nth-child(n) {
  background: #618396;
}
.fuel-funds .table__row--head--transactions:nth-child(n) {
  background: #82BAB1;
}
.fuel-funds .table__row--head .table__cell {
  color: #FFFFFF;
}
.fuel-funds .table__row--head .table__cell--date {
  text-align: center;
}
.fuel-funds .table__row--main {
  background: #C7CEE1;
}
.fuel-funds .table__row--sidebar {
  border: none;
}
.fuel-funds .table__row--sidebar:nth-child(odd) {
  border-radius: 3px;
  background: #F2F2F2;
}
.fuel-funds .table__row--sidebar td {
  padding: 0.3571428571em 0.2142857143em;
}
.fuel-funds .table__row--print-spec {
  border: none;
}
.fuel-funds .table__row--print-spec:nth-child(odd) {
  background: #F2F2F2;
}
.fuel-funds .table__row--print-spec-head {
  border: none;
  background: #CCCCCC;
  font-weight: 900;
}
.fuel-funds .table__row--warning {
  background: #FBEFDB !important;
}
.fuel-funds .table__row--alert {
  background: #FCC2C2 !important;
}
.fuel-funds .table__row--rush {
  background: #FCC2C2 !important;
}
.fuel-funds .table__row--due {
  background: #FCC2C2 !important;
}
.fuel-funds .table__row--today {
  background: #A5F2B7 !important;
}
.fuel-funds .table__row--total {
  font-weight: 900;
}
.fuel-funds .table__row--detailed-data table {
  margin-bottom: 35px;
}
.fuel-funds .table__row--detailed-data svg.nvd3-svg {
  height: 300px;
}
.fuel-funds .table__row--invoiced td {
  font-weight: 900;
}
.fuel-funds .table__row--completed td {
  color: #E3082E;
}
.fuel-funds .table__row--completed td .glyphicon-ok {
  color: #66b656;
}
.fuel-funds .table__row--completed td a {
  color: #E3082E;
}
.fuel-funds .table__row--kpi-target td {
  background-color: rgba(136, 212, 120, 0.45);
}
.fuel-funds .table__cell {
  font-family: Lora, serif;
  margin: 0.1428571429em;
  padding: 0.1428571429em;
  width: 3.5714285714em;
}
.fuel-funds .table__cell--heading h2 {
  color: #30638E;
  text-transform: uppercase;
  font-size: 1.7142857143em;
}
.fuel-funds .table__cell--id {
  font-weight: 900;
}
.fuel-funds .table__cell--id a {
  font-weight: 900;
}
.fuel-funds .table__cell--auto {
  width: auto !important;
}
.fuel-funds .table__cell--members-name {
  min-width: 17.8571428571em;
}
.fuel-funds .table__cell--name {
  min-width: 7.8571428571em;
}
.fuel-funds .table__cell--title {
  min-width: 14.2857142857em;
}
.fuel-funds .table__cell--link {
  min-width: 7.8571428571em;
}
.fuel-funds .table__cell--description {
  min-width: 17.1428571429em;
}
.fuel-funds .table__cell--full-name {
  min-width: 8.5714285714em;
}
.fuel-funds .table__cell--first-name {
  min-width: 6.4285714286em;
}
.fuel-funds .table__cell--email {
  min-width: 7.1428571429em;
}
.fuel-funds .table__cell--phone {
  min-width: 8.5714285714em;
}
.fuel-funds .table__cell--note {
  min-width: 10.7142857143em;
}
.fuel-funds .table__cell--icon {
  color: #666666;
  text-align: center;
}
.fuel-funds .table__cell--note-fixed {
  width: 17.8571428571em;
}
.fuel-funds .table__cell--address {
  min-width: 7.1428571429em;
}
.fuel-funds .table__cell--full-address {
  min-width: 10.7142857143em;
}
.fuel-funds .table__cell--action {
  min-width: 8.5714285714em;
  text-align: center;
}
.fuel-funds .table__cell--binary {
  min-width: 2.8571428571em;
  width: 2.8571428571em;
}
.fuel-funds .table__cell--medium {
  min-width: 5.7142857143em;
  width: 5.7142857143em;
}
.fuel-funds .table__cell--small {
  min-width: 2.8571428571em;
  width: 2.8571428571em;
}
.fuel-funds .table__cell--narrow {
  min-width: 1.4285714286em;
  width: 1.4285714286em;
}
.fuel-funds .table__cell--check-box {
  min-width: 0.7142857143em;
  width: 0.7142857143em;
}
.fuel-funds .table__cell--icon {
  min-width: 0.7142857143em;
  width: 0.7142857143em;
  text-align: center;
}
.fuel-funds .table__cell--icon .glyphicon {
  vertical-align: middle;
}
.fuel-funds .table__cell--zip-code {
  min-width: 2.8571428571em;
}
.fuel-funds .table__cell--level {
  min-width: 1.4285714286em;
}
.fuel-funds .table__cell--level::before {
  content: "";
  display: inline-block;
  width: 0.7142857143em;
  height: 0.7142857143em;
  -moz-border-radius: 0.3571428571em;
  -webkit-border-radius: 0.3571428571em;
  border-radius: 0.3571428571em;
  background-color: #1376BA;
  margin-right: 0.3571428571em;
  margin-bottom: 0.1428571429em;
}
.fuel-funds .table__cell--level--first::before {
  background-color: #9DC23B;
}
.fuel-funds .table__cell--level--second::before {
  background-color: #64A31B;
}
.fuel-funds .table__cell--level--third::before {
  background-color: #739E58;
}
.fuel-funds .table__cell--level--fourth::before {
  background-color: #6F8D81;
}
.fuel-funds .table__cell--level--fifth::before {
  background-color: #CCCCCC;
}
.fuel-funds .table__cell--level--sixth::before {
  background-color: #898B8D;
}
.fuel-funds .table__cell--level--seventh::before {
  background-color: #353B3B;
}
.fuel-funds .table__cell--date {
  min-width: 5.7142857143em;
  text-align: right;
  margin-right: 0.7142857143em;
}
.fuel-funds .table__cell--date-time {
  min-width: 11.4285714286em;
  text-align: right;
  margin-right: 0.7142857143em;
}
.fuel-funds .table__cell--duration {
  min-width: 5.7142857143em;
  text-align: right;
  margin-right: 0.7142857143em;
}
.fuel-funds .table__cell--details {
  min-width: 8.5714285714em;
}
.fuel-funds .table__cell--answer {
  min-width: 5.7142857143em;
}
.fuel-funds .table__cell--score {
  min-width: 2.8571428571em;
}
.fuel-funds .table__cell--status {
  width: 7.1428571429em;
}
.fuel-funds .table__cell--prospect-note {
  min-width: 17.8571428571em;
}
.fuel-funds .table__cell--quantity {
  text-align: center;
  min-width: 3.5714285714em;
  width: 3.5714285714em;
}
.fuel-funds .table__cell--amount-header {
  text-align: center;
  width: 50px;
}
.fuel-funds .table__cell--amount {
  text-align: right;
  width: 50px;
}
.fuel-funds .table__cell--amount-large-header {
  text-align: center;
  width: 120px;
}
.fuel-funds .table__cell--amount-large {
  text-align: right;
  width: 120px;
}
.fuel-funds .table__cell--timeline {
  padding: 0 !important;
  width: 1px;
}
.fuel-funds .table__note {
  display: inline;
  margin-right: 7px;
}
.fuel-funds .cell__link {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  padding: 0 0.1428571429em;
}
.fuel-funds .cell__link--add-note {
  background: #989B8D;
  color: #F2F2F2;
  padding: 0.2142857143em 0.3571428571em;
  float: right;
}
.fuel-funds .projects__table--visibility:nth-child(even) {
  background: #EFEFEF;
}
.fuel-funds .sidebar-table {
  border-collapse: true;
  border: 1px solid grey;
  margin: 0.7142857143em 0 1.4285714286em 0;
  width: 100%;
}
.fuel-funds .sidebar-table__row {
  border: 1px solid grey;
}
.fuel-funds .sidebar-table__cell {
  border: 1px solid grey;
  padding: 0.7142857143em;
  text-align: center;
  vertical-align: middle;
}
.fuel-funds .model-list, .fuel-funds .generic-list {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #CCCCCC;
}
.fuel-funds .model-list tr:nth-child(odd), .fuel-funds .generic-list tr:nth-child(odd) {
  background: #F2F2F2;
}
.fuel-funds .model-list th:nth-child(n), .fuel-funds .generic-list th:nth-child(n) {
  background: #1376BA;
  color: #FFFFFF;
}
.fuel-funds .model-list th:nth-child(n) a, .fuel-funds .generic-list th:nth-child(n) a {
  color: #FFFFFF;
  font-weight: 900;
}
.fuel-funds .model-list th:nth-child(n) a:hover, .fuel-funds .generic-list th:nth-child(n) a:hover {
  text-decoration: none;
}
.fuel-funds .model-list th, .fuel-funds .generic-list th, .fuel-funds .model-list td, .fuel-funds .generic-list td {
  border: 1px solid #CCCCCC;
  padding: 6px;
  white-space: nowrap;
}
.fuel-funds .model-list .created-on, .fuel-funds .generic-list .created-on {
  width: 50%;
}
.fuel-funds .generic-list th, .fuel-funds .generic-list td {
  white-space: initial;
}
.fuel-funds .wo-broken-windows {
  margin: 0 -1.25em;
}
.fuel-funds .wo-broken-windows .maincol__table {
  border-collapse: collapse;
  width: 100%;
  border: none;
  border-top: 2px solid #66b656;
}
.fuel-funds .wo-broken-windows .table__row {
  border-bottom: none;
}
.fuel-funds .wo-broken-windows .table__row td {
  padding: 0.7142857143em 0.3571428571em;
}
.fuel-funds .wo-broken-windows .table__row td:first-of-type {
  padding-left: 0.7142857143em;
}
.fuel-funds .wo-broken-windows .table__row:nth-child(odd) {
  background: #FFFFFF;
}
.fuel-funds .wo-broken-windows .table__row:hover {
  background: #F2F2F2;
}
.fuel-funds .wo-broken-windows .table__row--head {
  border-bottom: 1px solid #CCCCCC;
}
.fuel-funds .wo-broken-windows .table__row--head:nth-child(n) {
  background: #FFFFFF;
  color: #000000;
}
.fuel-funds .wo-broken-windows .table__row--head:nth-child(n) a {
  color: #000000;
  font-weight: 900;
}
.fuel-funds .wo-broken-windows .table__row--head:nth-child(n) a:hover {
  text-decoration: none;
}
.fuel-funds .wo-broken-windows .table__row--head .table__cell--date {
  text-align: center;
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
  .is-displayed-mobile {
    display: block;
  }
  .is-hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .is-displayed-mobile {
    display: none;
  }
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
  .is-collapsed-mobile {
    visibility: collapse !important;
    padding: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
}

.is-hidden {
  display: none;
  padding: 0;
  height: 0;
  margin: 0;
  line-height: 0;
}

.is-disabled {
  color: #DDDDDD;
}
.is-disabled a {
  color: #DDDDDD;
}

/* /////////////////////////////////////
// Battery Store
///////////////////////////////////// */
.battery-store__wrapper {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  margin-bottom: 38px;
  background: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .battery-store__wrapper {
    border-radius: 6px;
  }
}
.battery-store__header {
  background: #26536C;
  border-bottom: 1px solid #D6E0E8;
  font-size: 1.2857142857em;
  min-height: 2.5714285714em;
  font-weight: 300;
  color: #FFFFFF;
}
.battery-store__header--transactions {
  grid-template-columns: auto 6.4285714286em;
}
@media only screen and (min-width: 768px) {
  .battery-store__header {
    border-radius: 6px 6px 0 0;
  }
}
.battery-store__header-name {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.battery-store__body {
  grid-template-rows: auto;
  grid-gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .battery-store__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .battery-store__body {
    grid-template-columns: 1fr 2fr;
  }
}
.battery-store__unmet-minimum {
  margin-top: 0.5em;
  font-size: 0.75em;
}
.battery-store__sidebar {
  grid-auto-rows: min-content;
}
.battery-store__footer {
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  padding: 10px 14px;
  border-radius: 0px 0px 6px 6px;
}
.battery-store__nav-row {
  padding: 1em;
}

.battery-order-form {
  font-size: 1em;
}
.battery-order-form__row {
  grid-template-columns: 1fr;
  padding: 0 0.5em;
}
.battery-order-form__row .form__item--row {
  margin-top: 0.25em;
}
@media only screen and (min-width: 769px) {
  .battery-order-form__row {
    padding: 0.5em;
  }
}
@media only screen and (min-width: 1330px) and (max-width: 1999px) {
  .battery-order-form__row {
    grid-template-columns: 2fr 3fr 2fr;
  }
}
.battery-order-form__row--header {
  background: #00A5B6;
  padding: 0;
}
.battery-order-form__row--error {
  background: #BD5151;
}

.battery-order-view {
  font-size: 1em;
}
.battery-order-view__row {
  grid-template-columns: 4fr 3fr 3fr 3fr 2fr 2fr 2fr 2fr 2fr;
}
.battery-order-view__row:nth-child(even) {
  background: #EFEFEF;
}
.battery-order-view__row:last-child {
  border-bottom: 1px solid #D6E0E8;
}
.battery-order-view__row--form {
  background: #EAF3FE;
  margin: 1em 0.5em;
  border-radius: 0.3571428571em;
}
.battery-order-view__row--header {
  background: #00A5B6;
}
.battery-order-view__row--header:last-child {
  border-bottom: none;
}
.battery-order-view__row--title {
  padding: 0.5em 1em;
  font-size: 1.25em;
}
.battery-order-view__row--imprint {
  background: #FFFFFF !important;
  padding: 0.5em 2em;
}
.battery-order-view__row--imprint p {
  font-size: 0.75em;
  line-height: 1em;
}
.battery-order-view__row--total {
  background: #FFFFFF !important;
  border-top: 1px solid #D6E0E8;
  padding: 0.5em 0;
}
.battery-order-view__row--submit {
  background: #FFFFFF !important;
}
.battery-order-view__column {
  grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
}
.battery-order-view__cell {
  align-self: center;
  font-weight: 400;
  color: #666666;
  padding: 0.5em;
  text-align: center;
}
.battery-order-view__cell--header {
  color: #FFFFFF;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.9em;
}
.battery-order-view__cell--placeholder {
  color: #BBBBBB;
  font-weight: 300;
  font-size: 0.9em;
}
.battery-order-view__cell--remove {
  cursor: pointer;
}
.battery-order-view__container--form {
  padding-bottom: 1em;
}

.battery-order-history-view {
  font-size: 1em;
}
.battery-order-history-view__order {
  border-bottom: 1px solid #26536C;
}
.battery-order-history-view__order:nth-child(even) {
  background: #EFEFEF;
}
.battery-order-history-view__order:last-child {
  border: none;
}
.battery-order-history-view__product {
  grid-template-columns: 4fr 3fr 3fr 3fr 2fr 2fr 2fr 2fr 2fr;
}
.battery-order-history-view__product--form {
  background: #EAF3FE;
  margin: 1em 0.5em;
  border-radius: 0.3571428571em;
}
.battery-order-history-view__product--header {
  background: #00A5B6;
}
.battery-order-history-view__product--header:last-child {
  border-bottom: none;
}
.battery-order-history-view__product--title {
  padding: 0.5em 1em;
  font-size: 1.25em;
}
.battery-order-history-view__product--imprint {
  background: #FFFFFF !important;
  padding: 0.5em 2em;
}
.battery-order-history-view__product--imprint p {
  font-size: 0.75em;
  line-height: 1em;
}
.battery-order-history-view__product--total {
  border-top: 1px solid #7DA8BF;
  padding: 0.5em 0 0.75em;
}
.battery-order-history-view__column {
  grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
}
.battery-order-history-view__cell {
  align-self: center;
  font-weight: 400;
  color: #666666;
  padding: 0.5em;
  text-align: center;
}
.battery-order-history-view__cell--header {
  color: #FFFFFF;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.9em;
}
.battery-order-history-view__cell--placeholder {
  color: #BBBBBB;
  font-weight: 300;
  font-size: 0.9em;
}
.battery-order-history-view__cell--remove {
  cursor: pointer;
}
.battery-order-history-view__container--history {
  border-top: 1px solid #26536C;
  padding-bottom: 1em;
}

/* /////////////////////////////////////
// Animations
///////////////////////////////////// */
.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
button:focus {
  outline: none;
}

.dashboard {
  /* A ROW WITH SELECT BOX */
  /* THE ACTUAL V-SELECT BOX REPLACEMENT */
  /* THE CONTENT INSIDE THE V-SELECT */
  /* SPECIFIC SELECTS */
  /* THE TITLES NEXT TO SELECT BOXES */
  /* EXPLANATION TEXT */
  /* /////////////////////////////////////
  // Components (multiple)
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Component: Sales Range Filter
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Overview mix chart styles
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Component: Products Filter
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Animations
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Sales Charts
  ///////////////////////////////////// */
  /*
      Vue-Datepicker component was not working because <header> element it uses would have
      zero height and not be clickable. Solving that here.
  */
}
@media print {
  .dashboard .filter-selection {
    display: flex !important;
  }
  .dashboard .filter-selection .filter-selection__title {
    width: 4em !important;
  }
  .dashboard .filter-selection__body {
    margin-top: 5px !important;
  }
  .dashboard .vdp-datepicker::after {
    display: none !important;
  }
  .dashboard .filter-sales-dates__submit {
    display: none !important;
  }
  .dashboard .dashboard__card-footer {
    display: none !important;
  }
  .dashboard .dashboard__card {
    break-inside: avoid;
  }
  .dashboard .hearing-aid-sales__filters {
    flex-direction: row !important;
  }
  .dashboard .mix__chart {
    margin-top: 2em !important;
  }
  .dashboard .chart__wrapper h3 {
    padding-left: 0px;
  }
  .dashboard .dash-hearing-aid-activity__overview-filters {
    border-left: none;
  }
  .dashboard .dash-hearing-aid-activity__content-charts {
    border-right: 1px solid #DEDEDE;
  }
}
.dashboard .filter__title {
  padding-bottom: 0;
}
.dashboard .hearingAidSales__filters {
  justify-content: left;
  width: 100%;
  padding: 0;
}
.dashboard .hearingAidSales__globalLoading {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 75px;
  left: 66px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: #585858;
  text-shadow: 2px 2px #FFF;
}
.dashboard .hearingAidSales__commands {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 25px;
}
.dashboard .section__header {
  border-top: 1px dashed #C6C6C6;
  margin-top: 50px;
}
.dashboard .section__sort {
  display: flex;
  margin-top: 25px;
}
.dashboard .section__sort .title--sort {
  width: 3.8em;
}
.dashboard .section__sort .title--filter {
  width: 4.8em;
}
.dashboard .section__sort .filter-selection__select {
  width: 9em;
}
.dashboard .section__sort .filter__search .form-control {
  height: auto;
  padding: 8px 24px 8px 12px;
}
.dashboard .section__sort .filter__search .close {
  line-height: 38px;
}
.dashboard .section__search {
  margin-top: 25px;
}
.dashboard .section__title {
  font-size: 18px;
  text-transform: none;
  font-weight: 300;
  margin: 30px;
  text-align: center;
}
.dashboard .filter-selection {
  margin: 5px;
  margin-bottom: 0.7em;
}
.dashboard .filter-selection__select {
  width: 10em;
}
.dashboard .vdp-datepicker.filter-selection__select {
  width: auto;
  margin: 0 5px;
}
.dashboard .filter-selection__select .dropdown-toggle {
  padding: 8px 24px 8px 12px;
}
.dashboard .filter-selection__select .dropdown-toggle .btn-content {
  color: #888888;
  font-weight: 300;
}
.dashboard .date__month {
  width: 5.5em;
}
.dashboard .date__year {
  width: 5.6em;
}
.dashboard .filter-selection__title {
  font-weight: 300;
  margin: 0.6em 0.8em 0.5em 0;
  color: #444;
  width: 2.8em !important;
  font-size: 1em;
  float: left;
  text-align: left;
  color: #444444;
}
.dashboard .filter-fuel-team .filter-selection__title {
  width: 4.8em;
}
.dashboard .filter-products .filter-selection__title {
  width: 4.1em;
}
.dashboard .filter-member-details .filter-selection__title {
  width: 3.2em;
}
.dashboard .filter__notice {
  text-align: center;
  font-size: 0.8em;
  color: #ADB1B9;
}
.dashboard .hearingAidSales--memberReport .filter-selection, .dashboard .hearingAidSales--fuelReport .filter-selection {
  display: flex;
}
.dashboard .hearingAidSales--memberReport .hearingAidSales__commands {
  display: block;
  margin: 0;
  position: absolute;
  right: 0;
  top: 64px;
}
.dashboard .hearingAidSales--memberReport .filter-sales-dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 28.2142857143em;
}
.dashboard .hearingAidSales--mix-overview {
  flex: 1;
}
.dashboard .hearingAidSales--mix-overview .filter-sales-dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboard .hearingAidSales--mix-overview .filter-sales-dates .filter__notice {
  display: none;
}
.dashboard .hearingAidSales--mix-overview > .filter__title {
  display: none;
}
.dashboard .hearingAidSales--mix-overview .dashboard__overview .mix-chart__title {
  font-family: Lato, sans-serif;
  font-size: 1.2857142857em;
  font-weight: 300;
  color: #444444;
}
.dashboard .dashboard__container.dashboard__mixes > .row > .col-sm-4 > .hearingAidSales__filters {
  padding: none;
  border-top: none;
}
.dashboard .hearingAidSales--memberReport .filter-products {
  display: flex;
}
.dashboard .hearingAidSales--memberReport .filter-products__tier .filter-selection__title {
  width: 3.5em !important;
}
.dashboard .hearingAidSales--memberReport .filter-products__product .filter-selection__title {
  width: 5.5em !important;
}
.dashboard .bounce-enter-active {
  animation: bounce-in 0.5s;
}
.dashboard .bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.dashboard .c3-custom-chart .c3-line {
  stroke-width: 5px;
}
.dashboard .vdp-datepicker__calendar {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin-top: 4px;
  border-radius: 5px;
  right: 0px;
}
.dashboard .filter-selection__select--left .vdp-datepicker__calendar {
  left: 0px;
}
.dashboard .vdp-datepicker__calendar header {
  height: 40px;
}
.dashboard .vdp-datepicker input[type=text] {
  display: inline-block;
  width: 10.5em;
  padding: 7px 12px;
  color: #888888;
  font-weight: 300;
}
.dashboard .vdp-datepicker.filter-selection__select.filter-selection__select--date input[type=text] {
  font-size: 14px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  width: 100%;
}
.dashboard .vdp-datepicker__clear-button {
  font-size: 16px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  line-height: 1;
  color: #000;
  text-shadow: none;
  background: #eee;
  text-align: center;
  border-radius: 100%;
  opacity: 1;
  position: absolute;
  top: 9px;
  right: 12px;
}
.dashboard .vdp-datepicker__clear-button:hover {
  opacity: 0.5;
}
.dashboard .vdp-datepicker__clear-button i {
  font-style: normal;
}
.dashboard .transaction-icon {
  top: auto;
  right: 15px;
}

.dashboard .hearing-aid-sales__filters {
  width: auto;
  margin-left: auto;
}

.library__title {
  color: #FFFFFF;
  font-size: 1.5em;
  font-weight: 700;
  text-shadow: 1px 1px #353B3B;
}
.library__sub-title {
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: 400;
}
.library__nav {
  display: flex;
  justify-content: center;
}
.library__nav .active .library__nav-btn {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border: 2px solid #0474BD;
  color: #444444;
}
.library__nav .active .library__nav-btn:hover {
  background-color: #FFFFFF;
  border: 2px solid #0474BD;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.library__nav li {
  display: inherit;
}
.library__nav .nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .library__nav .nav {
    display: flex;
  }
}
.library__mobile-dropdown {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .library__mobile-dropdown {
    display: none;
  }
}
.library__nav-btn {
  width: 14.2857142857em;
  height: 2.7142857143em;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  border: 2px solid #FFFFFF;
  margin: 0 0.5em 1.5em 0.5em;
  color: #666666;
}
.library__nav-btn:hover {
  background: #F3FAFF;
  border: 2px solid #2288CE;
  transition: 0.15s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.library__group-header {
  background-color: #666666;
  border: 1px solid #CCCCCC;
  border-radius: 1.7857142857em;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 1em;
  font-weight: 500;
  margin: 1.5714285714em auto;
  padding: 0.4285714286em 3em 0.5714285714em;
  min-width: 15em;
  display: inline-block;
}
.library__collection {
  display: flex;
  flex-wrap: wrap;
}
.library__card:focus, .library__card:hover {
  text-decoration: none;
}

.card {
  display: flex;
  border: 2px solid #FFFFFF;
  border-radius: 0.4285714286em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  background-color: #FFFFFF;
  cursor: pointer;
  flex-grow: 0;
  justify-content: center;
  margin: 0.25em;
  min-height: 27.1428571429em;
  min-width: 17em;
  padding: 1.4285714286em;
  user-select: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .card {
    flex-grow: 1;
  }
}
.card:hover {
  border-color: #1376BA;
  transition: 0.15s;
  background: #F3FAFF;
  text-decoration: none;
}
.card:hover > .card__view-btn {
  border-radius: 5px;
  background: #0474BD;
  color: #FFFFFF;
  transition: 0.15s;
}
.card__logo-container {
  display: flex;
  flex-direction: row;
  height: 11.2142857143em;
  flex: 1;
}
.card__logo-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 1.7857142857em;
  height: 10.5em;
}
.card__logo {
  height: auto;
  max-height: 10.7142857143em;
  max-width: 100%;
}
.card__title {
  background-blend-mode: multiply;
  background-image: linear-gradient(#8EADBE, #8EADBE);
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  margin: 0 -1.55em;
  text-align: center;
}
.card__description {
  padding: 1.0714285714em;
  min-height: 7.14286em;
  word-wrap: break-word;
  color: #337AB7;
}
.card__view-btn {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-height: 5em;
  color: #0474BD;
  font-size: 16px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  outline: none;
  border: none;
  background: none;
}
.card__view-btn span {
  margin-left: 0.5em;
}
.card__view-btn:hover {
  text-decoration: none !important;
}
.card__placeholder {
  font-size: 92px;
  color: #EFEFEF;
}
.card--faded .card__title {
  background: #F9F9F9;
  color: #ADB1B9;
  text-align: center;
}
.card--faded .card__logo span.glyphicon {
  color: #F2F2F2;
}
.card--faded:hover {
  border-color: #ADB1B9;
}
.card--faded:hover .card__title {
  background: #F9F9F9;
  color: #ADB1B9;
}
.card--faded:hover .card__logo span.glyphicon {
  color: #F2F2F2;
}
.card .modal .modal-header {
  background: #1376BA;
}
.card .modal .modal-header .close {
  font-family: Lora, serif;
  font-size: 1.8em;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 1;
  text-shadow: 0 1px 0 #000;
  padding: 8px;
}
.card .modal .modal-body {
  padding: 22px;
}
.card .modal .modal-body label {
  color: #898B8D;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
.card .modal .modal-body input[type=text] {
  border: 1px solid #ADB1B9;
  border-radius: 4px;
  margin: 0 0 1em 0;
}
.card .modal .modal-body textarea {
  width: 100%;
  border: 1px solid #ADB1B9;
  border-radius: 4px;
  margin: 0 0 1em 0;
}
.card .modal .modal-body .btn {
  display: block;
  width: 100%;
  padding: 8px;
}
.card .modal .modal-title {
  font-size: 1.3em;
  color: #FFFFFF;
  font-family: Lora, serif;
  letter-spacing: 0.0714285714em;
  padding: 8px;
}

.professional-development__card {
  min-width: 40em;
}

@media print {
  #allergy-kpi-report .generic-filters {
    margin: 0 !important;
    padding: 0 !important;
  }
  #allergy-kpi-report .kpi-chart {
    page-break-after: always;
  }
  #allergy-kpi-report #tab_performance div:nth-child(7) {
    page-break-after: always;
  }
  #allergy-kpi-report #tab_tracking div:nth-child(10) {
    page-break-after: always;
  }
}
#allergy-kpi-report .warnings .alert {
  display: flex;
  justify-content: space-between;
}
#allergy-kpi-report .warning__message {
  flex-grow: 1;
}
#allergy-kpi-report .warning__dismiss {
  display: flex;
  justify-content: flex-end;
  font-size: 1.5em;
}
#allergy-kpi-report .allergy-kpis__nav .nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__nav .nav {
    display: flex;
  }
}
#allergy-kpi-report .allergy-kpis__mobile-dropdown {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__mobile-dropdown {
    display: none;
  }
}
#allergy-kpi-report .allergy-kpis__filter {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  margin-left: 7.5px;
  margin-right: 7.5px;
  height: 40px;
}
#allergy-kpi-report .allergy-kpis__filter--input {
  flex: 1;
  width: 100px;
}
#allergy-kpi-report .allergy-kpis__filter--compare {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -56px;
  margin-right: 10px;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__filter--compare {
    display: block;
  }
}
#allergy-kpi-report .allergy-kpis__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 40px;
  margin-bottom: 40px;
}
#allergy-kpi-report__title {
  font-size: 1.65em;
  text-align: center;
  color: #30638E;
}
#allergy-kpi-report__member {
  font-size: 1.2em;
  text-align: center;
  color: #495562;
  margin-bottom: 0;
}
#allergy-kpi-report__loading {
  display: flex;
  justify-content: center;
  color: #FFFFFF;
}
#allergy-kpi-report .page__content h2 {
  border-bottom: none;
}
#allergy-kpi-report .page__content .title__wrapper {
  border-bottom: 1px solid #F2F2F2;
}
#allergy-kpi-report .generic-filters {
  margin: 25px 0px;
  padding: 20px 0px;
}
#allergy-kpi-report .generic-filters .filter__title {
  color: #FFFFFF;
  padding: 6px 5px 6px 0px;
  margin-right: 5px;
  font-family: Lato, sans-serif;
}
#allergy-kpi-report .generic-filters .filter__body {
  flex-grow: 1;
}
#allergy-kpi-report .generic-filters .filter__body--year {
  min-width: 100px;
  border-radius: 25px;
}
#allergy-kpi-report .generic-filters .filter__body--year > .filter-select.btn-group > .form-control.dropdown-toggle {
  border-radius: 25px;
  text-align: center;
}
#allergy-kpi-report .generic-filters .filter__body--month {
  min-width: 120px;
}
#allergy-kpi-report .generic-filters .filter__body--month > .filter-select.btn-group > .form-control.dropdown-toggle {
  border-radius: 25px;
  text-align: center;
}
#allergy-kpi-report .generic-filters .filter__body--zoom {
  min-width: 90px;
}
#allergy-kpi-report .generic-filters .filter__body--zoom > .filter-select.btn-group > .form-control.dropdown-toggle {
  border-radius: 25px;
  text-align: center;
}
#allergy-kpi-report .generic-filters .compNumber,
#allergy-kpi-report .generic-filters .compPercent {
  top: unset;
  vertical-align: unset;
  display: inline-flex;
}
#allergy-kpi-report .generic-filters .section__title {
  margin: 0px;
  text-align: left;
}
#allergy-kpi-report .generic-filters .form-group,
#allergy-kpi-report .generic-filters .btn-group {
  margin-bottom: 5px;
}
#allergy-kpi-report .generic-filter__section-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
#allergy-kpi-report .generic-filter__section-group:last-of-type {
  margin-top: 15px;
}
#allergy-kpi-report .generic-filter__section-group--tab {
  display: none;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .generic-filter__section-group--tab {
    display: flex;
  }
}
#allergy-kpi-report .generic-filter__section {
  min-width: 100px;
}
#allergy-kpi-report .generic-filter__section--compare {
  display: none;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .generic-filter__section--compare {
    display: flex;
  }
}
#allergy-kpi-report .generic-filter__section--zoom {
  display: none;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .generic-filter__section--zoom {
    display: flex;
  }
}
#allergy-kpi-report .generic-filter__filter {
  display: flex;
  flex-direction: row;
  margin-right: 15px;
  text-align: center;
}
#allergy-kpi-report .generic-filter__compare--icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#allergy-kpi-report .tab__header {
  display: none;
  justify-content: center;
  align-items: center;
  width: 210px;
  padding: 6px 0 8px;
  border-radius: 25px;
  background-color: #666666;
  border: 1px solid #CCCCCC;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.5714285714em;
  margin-bottom: 1.5714285714em;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .tab__header {
    display: flex;
  }
}
#allergy-kpi-report .tab__sub-header {
  font-size: 0.95em;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#allergy-kpi-report .allergy-kpis__mobile-dropdown {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__mobile-dropdown {
    display: none;
  }
}
#allergy-kpi-report .kpi-table {
  font-size: 0.6em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  border-top: 3px solid #dcdcdc;
  border-bottom: 3px solid #dcdcdc;
}
#allergy-kpi-report .kpi-table tr:nth-child(2) {
  border-bottom: 2px solid #dcdcdc;
}
#allergy-kpi-report .kpi-table tr {
  background: #f5f5f5;
}
#allergy-kpi-report .kpi-table tr:hover {
  background: #fffbd1;
}
#allergy-kpi-report .kpi-table th, #allergy-kpi-report .kpi-table td {
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  padding: 3px;
}
#allergy-kpi-report .kpi-table th {
  background: #ececec;
  color: #000000;
  font-weight: 800;
}
#allergy-kpi-report .kpi-table__header th, #allergy-kpi-report .kpi-table__header td {
  text-align: center;
}
#allergy-kpi-report .kpi-table__header .target {
  background: #cacaca !important;
}
#allergy-kpi-report .kpi-table__metric th, #allergy-kpi-report .kpi-table__metric td {
  text-align: center;
}
#allergy-kpi-report .kpi-table__metric .target {
  background: rgba(136, 212, 120, 0.45) !important;
  color: #000000;
  font-weight: 600;
}
#allergy-kpi-report .kpi-table__metric--name {
  text-align: left !important;
  width: 200px;
}
#allergy-kpi-report .kpi-table__metric--positive {
  background: rgba(136, 212, 120, 0.45) !important;
}
#allergy-kpi-report .kpi-table__metric--negative {
  background: rgba(247, 174, 166, 0.75) !important;
}
#allergy-kpi-report .kpi-table__data--empty {
  color: #898B8D;
}
#allergy-kpi-report .kpi-performance-table, #allergy-kpi-report .kpi-benchmarks-table {
  font-size: 0.6em;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid #dcdcdc;
}
#allergy-kpi-report .kpi-performance-table tr:nth-child(even), #allergy-kpi-report .kpi-benchmarks-table tr:nth-child(even) {
  background: #f5f5f5;
}
#allergy-kpi-report .kpi-performance-table tr:hover, #allergy-kpi-report .kpi-benchmarks-table tr:hover {
  background: #fffbd1;
}
#allergy-kpi-report .kpi-performance-table th, #allergy-kpi-report .kpi-performance-table td, #allergy-kpi-report .kpi-benchmarks-table th, #allergy-kpi-report .kpi-benchmarks-table td {
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  padding: 5px;
}
#allergy-kpi-report .kpi-performance-table th, #allergy-kpi-report .kpi-benchmarks-table th {
  background: #ececec;
  color: #000000;
  font-weight: 800;
  height: 40px;
  text-align: center;
  border-top: 3px solid #dcdcdc;
  border-bottom: 3px solid #dcdcdc;
}
#allergy-kpi-report .kpi-performance-table__header th, #allergy-kpi-report .kpi-performance-table__header td, #allergy-kpi-report .kpi-benchmarks-table__header th, #allergy-kpi-report .kpi-benchmarks-table__header td {
  text-align: center;
}
#allergy-kpi-report .kpi-performance-table__header .target, #allergy-kpi-report .kpi-benchmarks-table__header .target {
  background: #66b656 !important;
}
#allergy-kpi-report .kpi-performance-table__metric th, #allergy-kpi-report .kpi-performance-table__metric td, #allergy-kpi-report .kpi-benchmarks-table__metric th, #allergy-kpi-report .kpi-benchmarks-table__metric td {
  text-align: center;
}
#allergy-kpi-report .kpi-performance-table__metric .target, #allergy-kpi-report .kpi-benchmarks-table__metric .target {
  background: rgba(136, 212, 120, 0.45) !important;
  color: #000000;
  font-weight: 600;
}
#allergy-kpi-report .kpi-performance-table__metric--name, #allergy-kpi-report .kpi-benchmarks-table__metric--name {
  text-align: left !important;
  width: 200px;
}
#allergy-kpi-report .kpi-performance-table__metric--positive, #allergy-kpi-report .kpi-benchmarks-table__metric--positive {
  background: rgba(136, 212, 120, 0.45) !important;
}
#allergy-kpi-report .kpi-performance-table__metric--negative, #allergy-kpi-report .kpi-benchmarks-table__metric--negative {
  background: rgba(247, 174, 166, 0.75) !important;
}
#allergy-kpi-report .kpi-performance-table__metrics, #allergy-kpi-report .kpi-benchmarks-table__metrics {
  width: 200px;
  font-size: 1.5em;
}
#allergy-kpi-report .kpi-performance-table__month--selected, #allergy-kpi-report .kpi-benchmarks-table__month--selected {
  background: rgb(255, 255, 206) !important;
}
#allergy-kpi-report .kpi-performance-table__comments, #allergy-kpi-report .kpi-benchmarks-table__comments {
  width: 250px;
  font-size: 1.5em;
}
#allergy-kpi-report .kpi-performance-table__big-header, #allergy-kpi-report .kpi-benchmarks-table__big-header {
  font-size: 1.5em;
}
#allergy-kpi-report .kpi-performance-table__endColGroup, #allergy-kpi-report .kpi-benchmarks-table__endColGroup {
  border-right: 3px solid #dcdcdc !important;
}
#allergy-kpi-report .kpi-performance-table__halfHeader, #allergy-kpi-report .kpi-benchmarks-table__halfHeader {
  height: 20px !important;
}
#allergy-kpi-report .h-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#allergy-kpi-report .sm-text {
  font-size: 0.7em;
}
#allergy-kpi-report .filter-input,
#allergy-kpi-report .filter-select {
  display: block;
}
#allergy-kpi-report .btn-active {
  background: #FFFFFF;
  border: solid 2px #0474BD !important;
  color: #444444 !important;
  cursor: default !important;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.25);
}
#allergy-kpi-report .benchmark-size {
  display: none;
  float: right;
  margin-top: 22px;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .benchmark-size {
    display: block;
  }
}
#allergy-kpi-report .benchmark-size__title {
  font-size: 0.95em;
  font-weight: 800;
  color: #FFFFFF;
  text-transform: none;
}
#allergy-kpi-report .benchmark-size__label {
  text-transform: uppercase;
}
#allergy-kpi-report .benchmark-size__label--value {
  margin-top: 10px;
}
#allergy-kpi-report .benchmark-size__subtitle {
  font-size: 0.75em;
  color: #FFFFFF;
  font-style: italic;
  text-align: left;
}
#allergy-kpi-report .kpi-performance-table tr.tests_subtotal,
#allergy-kpi-report .kpi-performance-table tr.vials_total_new_patients,
#allergy-kpi-report .kpi-performance-table tr.vials_total,
#allergy-kpi-report .kpi-performance-table tr.num_injections,
#allergy-kpi-report .kpi-performance-table tr.new_patients_total,
#allergy-kpi-report .kpi-performance-table tr.active_patients_subtotal,
#allergy-kpi-report .kpi-performance-table tr.num_errors,
#allergy-kpi-report .kpi-performance-table tr.num_tests_per_physician,
#allergy-kpi-report .kpi-performance-table tr.num_tests_per_tech,
#allergy-kpi-report .kpi-performance-table tr.tested_to_treatment_conversion_rate,
#allergy-kpi-report .kpi-performance-table tr.num_injections_per_tech,
#allergy-kpi-report .kpi-performance-table tr.num_vials_mixed_per_tech,
#allergy-kpi-report .kpi-performance-table tr.num_vials_mixed_per_mixing_location,
#allergy-kpi-report .kpi-performance-table tr.num_errors_per_tech {
  background: #fff7a0;
  font-weight: 800;
}
#allergy-kpi-report .kpi-performance-table tr.tests_subtotal:hover,
#allergy-kpi-report .kpi-performance-table tr.vials_total_new_patients:hover,
#allergy-kpi-report .kpi-performance-table tr.vials_total:hover,
#allergy-kpi-report .kpi-performance-table tr.num_injections:hover,
#allergy-kpi-report .kpi-performance-table tr.new_patients_total:hover,
#allergy-kpi-report .kpi-performance-table tr.active_patients_subtotal:hover,
#allergy-kpi-report .kpi-performance-table tr.num_errors:hover,
#allergy-kpi-report .kpi-performance-table tr.num_tests_per_physician:hover,
#allergy-kpi-report .kpi-performance-table tr.num_tests_per_tech:hover,
#allergy-kpi-report .kpi-performance-table tr.tested_to_treatment_conversion_rate:hover,
#allergy-kpi-report .kpi-performance-table tr.num_injections_per_tech:hover,
#allergy-kpi-report .kpi-performance-table tr.num_vials_mixed_per_tech:hover,
#allergy-kpi-report .kpi-performance-table tr.num_vials_mixed_per_mixing_location:hover,
#allergy-kpi-report .kpi-performance-table tr.num_errors_per_tech:hover {
  background: #efe363;
}
#allergy-kpi-report .kpi-performance-table tr:hover {
  background: #efe363;
}
#allergy-kpi-report .kpi-performance-table tr:hover .kpi-performance-table__metric--positive {
  background: rgba(136, 212, 120, 0.45) !important;
}
#allergy-kpi-report .kpi-performance-table tr:hover .kpi-performance-table__metric--negative {
  background: rgba(247, 174, 166, 0.75) !important;
}
#allergy-kpi-report .kpi-performance-table__metric--positive {
  background: rgb(195, 229, 189) !important;
}
#allergy-kpi-report .kpi-performance-table__metric--negative {
  background: rgb(247, 192, 187) !important;
}
#allergy-kpi-report .kpi-table-wrapper {
  overflow: auto;
}
#allergy-kpi-report .kpi-performance-table {
  font-size: 0.6em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  border-top: 3px solid #dcdcdc;
  border-bottom: 3px solid #dcdcdc;
  background: #FFF;
}
#allergy-kpi-report .zoom1.kpi-table {
  font-size: 0.8em;
  min-width: 100%;
}
#allergy-kpi-report .zoom1.kpi-table th,
#allergy-kpi-report .zoom1.kpi-table td {
  padding: 5px;
}
#allergy-kpi-report .zoom1.kpi-table .kpi-table__metric--name {
  width: 300px;
}
#allergy-kpi-report .zoom1.kpi-performance-table {
  font-size: 0.8em;
  min-width: 100%;
}
#allergy-kpi-report .zoom1.kpi-performance-table th,
#allergy-kpi-report .zoom1.kpi-performance-table td {
  padding: 5px;
}
#allergy-kpi-report .zoom1.kpi-performance-table .kpi-performance-table__metrics {
  min-width: 200px;
  font-size: 1.5em;
}
#allergy-kpi-report .zoom1.kpi-performance-table .kpi-performance-table__halfHeader {
  height: 20px !important;
  min-width: 75px;
}
#allergy-kpi-report .zoom1.kpi-performance-table .kpi-comments {
  min-width: 250px;
}
#allergy-kpi-report .zoom2.kpi-table {
  font-size: 0.9em;
  min-width: 100%;
  width: max-content;
}
#allergy-kpi-report .zoom2.kpi-table th,
#allergy-kpi-report .zoom2.kpi-table td {
  padding: 8px;
}
#allergy-kpi-report .zoom2.kpi-table .kpi-table__metric--name {
  width: 300px;
}
#allergy-kpi-report .zoom2.kpi-performance-table {
  font-size: 0.9em;
  min-width: 100%;
  width: max-content;
}
#allergy-kpi-report .zoom2.kpi-performance-table th,
#allergy-kpi-report .zoom2.kpi-performance-table td {
  padding: 8px;
}
#allergy-kpi-report .zoom2.kpi-performance-table th {
  white-space: nowrap;
}
#allergy-kpi-report .zoom2.kpi-performance-table .kpi-performance-table__metrics {
  min-width: 300px;
  font-size: 1.5em;
}
#allergy-kpi-report .zoom2.kpi-performance-table .kpi-performance-table__halfHeader {
  height: 20px !important;
  min-width: 75px;
}
#allergy-kpi-report .zoom2.kpi-performance-table .kpi-comments {
  min-width: 350px;
}
#allergy-kpi-report .h-unset-max-width {
  max-width: unset;
}
#allergy-kpi-report .legend {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #FFFFFF;
}
#allergy-kpi-report .legend {
  font-size: 0.7em;
  font-style: italic;
  margin-top: 4px;
}
#allergy-kpi-report .legend__key {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px 3px 3px 3px;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
}
#allergy-kpi-report .nav {
  margin-top: 1.7857142857em;
  display: flex;
  justify-content: center;
  border-bottom: none;
}
#allergy-kpi-report .options-bar {
  margin-top: 15px;
}
#allergy-kpi-report .ui-widget-content {
  background: inherit;
}
#allergy-kpi-report button:focus {
  outline: 0;
}
#allergy-kpi-report .btn-200 {
  color: #353B3B;
  border-radius: 25px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  border: solid 2px #FFFFFF;
  text-transform: none;
  font-weight: 500;
  font-size: 1em;
  margin: 0px 8px 22px 8px;
}
#allergy-kpi-report li.active .btn-200 {
  border-radius: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  border: solid 2px #0474bd;
  color: #444444;
  cursor: default;
}
#allergy-kpi-report .btn-200:hover {
  background: #F3FAFF;
  color: #666666;
  border: solid 2px #2288CE;
  transition: 0.15s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#allergy-kpi-report .circleBtn {
  background: #FFFFFF;
  border-radius: 100%;
  padding: 3px 0;
  width: 30px;
  height: 30px;
  border: 2px solid #FFFFFF;
  font-weight: 400;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
#allergy-kpi-report .circleBtn:hover {
  background-color: #FFFFFF;
  color: #0474BD;
  border-color: #F3FAFF;
  cursor: pointer;
}
#allergy-kpi-report .compNumber {
  top: -2px;
  margin: 0 5px;
  vertical-align: middle;
}
#allergy-kpi-report .compPercent {
  padding: 2px 7px;
  position: relative;
  font-weight: bold;
  color: #0474BD;
}
#allergy-kpi-report .zoomIN {
  padding: 5px 6px 0 0;
}
#allergy-kpi-report .zoomOUT {
  padding: 5px 6px 0 0;
}
#allergy-kpi-report .allergy-kpis__teaser {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
#allergy-kpi-report .allergy-kpis__teaser-image {
  position: fixed;
}
#allergy-kpi-report .allergy-kpis__teaser-overlay {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__teaser-overlay {
    left: 4.2857142857em;
  }
}
#allergy-kpi-report .allergy-kpis__teaser-message {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  background: rgb(0, 0, 0);
  color: #FFFFFF;
  align-items: center;
  padding: 15px;
}
#allergy-kpi-report .allergy-kpis__teaser-rm-link {
  text-decoration: underline;
  cursor: pointer;
  color: #FFFFFF;
}
#allergy-kpi-report .allergy-kpis__teaser-rm-link:hover {
  text-decoration: underline;
}
#allergy-kpi-report .allergy-kpis__filter {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  margin-left: 7.5px;
  margin-right: 7.5px;
  height: 40px;
}
#allergy-kpi-report .allergy-kpis__filter--input {
  flex: 1;
  width: 100px;
}
#allergy-kpi-report .allergy-kpis__filter--compare {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -56px;
  margin-right: 10px;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  #allergy-kpi-report .allergy-kpis__filter--compare {
    display: block;
  }
}
#allergy-kpi-report .allergy-kpis__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 40px;
  margin-bottom: 40px;
}
#allergy-kpi-report .allergy-kpis__mobile--dropdown:focus .audiology-kpis__mobile--dropdown-menu, #allergy-kpi-report .allergy-kpis__mobile--dropdown:hover .audiology-kpis__mobile--dropdown-menu, #allergy-kpi-report .allergy-kpis__mobile--dropdown:active .audiology-kpis__mobile--dropdown-menu {
  display: flex;
}
#allergy-kpi-report .allergy-kpis > .form-control.dropdown-toggle {
  border: 0;
  box-shadow: none;
}
#allergy-kpi-report .circleBtn.compNumber.glyphicon-usd:before {
  content: “\e148”;
  padding: 3px 5px;
  color: #64A31B;
  position: absolute;
}
#allergy-kpi-report .benchmark-desc {
  margin-bottom: 1.4285714286em;
}
#allergy-kpi-report .benchmark-desc .benchmark-low {
  color: #BF4134;
  font-weight: 600;
}
#allergy-kpi-report .benchmark-desc .benchmark-median {
  color: #A57A1A;
  font-weight: 600;
}
#allergy-kpi-report .benchmark-desc .benchmark-high {
  color: #2D7D18;
  font-weight: 600;
}
#allergy-kpi-report .kpi-benchmarks-cycle {
  text-align: center;
  margin-bottom: 40px;
}
#allergy-kpi-report .kpi-benchmarks-cycle__image {
  max-width: 100%;
  height: auto;
}
#allergy-kpi-report .benchmark-anchor {
  position: absolute;
  margin-top: -70px;
}
#allergy-kpi-report .kpi-benchmarks-table {
  font-size: 0.7em !important;
}
#allergy-kpi-report .kpi-benchmarks-table .kpi-benchmarks-table__section {
  font-size: 1.8em;
}
#allergy-kpi-report .kpi-benchmarks-table .kpi-benchmarks-table__section--pre-purchase-metrics {
  background: #1e507b;
  color: #FFFFFF;
}
#allergy-kpi-report .kpi-benchmarks-table .kpi-benchmarks-table__sub-section {
  background: #b7d3e6;
  font-size: 1.2em;
  font-weight: 600;
}
#allergy-kpi-report .kpi-benchmarks-table tr:nth-child(even) {
  background-color: #f9f9f9 !important;
}
#allergy-kpi-report .kpi-benchmarks-table tr:hover {
  background: #fffbd1 !important;
}
#allergy-kpi-report .kpi-benchmarks-table th {
  font-size: 1.4em;
}
#allergy-kpi-report .kpi-benchmarks-table td {
  border-color: #e4e4e4 !important;
}
#allergy-kpi-report .kpi-benchmarks-table td .comment {
  text-align: left;
}
#allergy-kpi-report .kpi-benchmarks-table .header--name {
  width: 280px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--benchmark-low {
  background: #ffb4ad;
  color: #bf4134;
  width: 120px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--benchmark-median {
  background: #fff1ad;
  color: #a57a1a;
  width: 120px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--benchmark-high {
  background: #b4efa1;
  color: #2d7d18;
  width: 120px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--your-practice {
  background: #4a4848;
  color: #FFFFFF;
  width: 100px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--py {
  width: 100px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--cy {
  width: 110px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--plus-minus {
  width: 120px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--plus-minus-closest {
  width: 40px;
}
#allergy-kpi-report .kpi-benchmarks-table .header--plus-minus-diff {
  width: 70px;
}
#allergy-kpi-report .kpi-benchmarks-table .metric--your-practice {
  background: #d6d6d4;
}
#allergy-kpi-report .kpi-benchmarks-table .metric--benchmark-low {
  color: #bf4134;
}
#allergy-kpi-report .kpi-benchmarks-table .metric--benchmark-median {
  color: #a57a1a;
}
#allergy-kpi-report .kpi-benchmarks-table .metric--benchmark-high {
  color: #2d7d18;
}
#allergy-kpi-report .kpi-benchmarks-table .metric--plus-minus {
  font-weight: 600;
  font-size: 1.1em;
}
#allergy-kpi-report .kpi-benchmarks-table .plus-minus--benchmark-low {
  color: #bf4134;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#allergy-kpi-report .kpi-benchmarks-table .plus-minus--benchmark-median {
  color: #a57a1a;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#allergy-kpi-report .kpi-benchmarks-table .plus-minus--benchmark-high {
  color: #2d7d18;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#allergy-kpi-report .nav-flat-bottom .btn-200 {
  margin: 0px 8px 0px 8px;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-low line {
  stroke: #bf4134;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-low text {
  fill: #bf4134;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-median line {
  stroke: #a57a1a;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-median text {
  fill: #a57a1a;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-high line {
  stroke: #2d7d18;
}
#allergy-kpi-report .c3-ygrid-line.metric--benchmark-high text {
  fill: #2d7d18;
}
#allergy-kpi-report .allergy-kpi-report .tooltip > .tooltip-inner {
  background-color: #FFF68F;
  color: #353B3B;
  border: 1px solid #9F9427;
  padding: 10px;
  font-size: 1.3em;
  white-space: pre-wrap;
}
#allergy-kpi-report .allergy-kpi-report .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #9F9427;
}
#allergy-kpi-report .allergy-kpi-report .tooltip.top > .tooltip-arrow {
  border-top-color: #9F9427;
}
#allergy-kpi-report .allergy-kpi-report .tooltip.left > .tooltip-arrow {
  border-left-color: #9F9427;
}
#allergy-kpi-report .allergy-kpi-report .tooltip.right > .tooltip-arrow {
  border-right-color: #9F9427;
}
#allergy-kpi-report .allergy-kpi-report .warnings .alert {
  display: flex;
  justify-content: space-between;
}
#allergy-kpi-report .allergy-kpi-report .warning__message {
  flex-grow: 1;
}
#allergy-kpi-report .allergy-kpi-report .warning__dismiss {
  display: flex;
  justify-content: flex-end;
  font-size: 1.5em;
}
#allergy-kpi-report .allergy-kpi-report__title {
  font-size: 1.65em;
  text-align: center;
  color: #30638E;
}
#allergy-kpi-report .allergy-kpi-report__member {
  font-size: 1.2em;
  text-align: center;
  color: #495562;
  margin-bottom: 0;
}
#allergy-kpi-report .allergy-kpi-report__loading {
  display: flex;
  justify-content: center;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters {
  display: flex;
  margin: 25px 0px;
  padding: 20px 0px;
  border-bottom: 1px dotted #CCCCCC;
  border-top: 1px solid #CCCCCC;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__title {
  padding: 6px 5px 6px 0px;
  margin-right: 5px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__body {
  flex-grow: 1;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__body--year {
  min-width: 100px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__body--month {
  min-width: 120px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__body--compare {
  min-width: 120px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .filter__body--zoom {
  min-width: 90px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .section__title {
  margin: 0px;
  text-align: left;
}
#allergy-kpi-report .allergy-kpi-report .generic-filters .form-group, #allergy-kpi-report .allergy-kpi-report .generic-filters .btn-group {
  margin-bottom: 5px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__section-group {
  display: flex;
  border-left: 1px solid #CCCCCC;
  padding: 8px 7px 0px 20px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__section-group:first-of-type {
  border-left: none;
  padding-left: 0px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__section {
  min-width: 100px;
  flex-grow: 1;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__section:first-of-type {
  padding-left: 0px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__section:last-of-type {
  padding-right: 0px;
}
#allergy-kpi-report .allergy-kpi-report .generic-filter__filter {
  display: flex;
  margin-right: 15px;
}
#allergy-kpi-report .allergy-kpi-report .h-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#allergy-kpi-report .allergy-kpi-report .sm-text {
  font-size: 0.7em;
}
#allergy-kpi-report .allergy-kpi-report .filter-input, #allergy-kpi-report .allergy-kpi-report .filter-select {
  display: block;
}
#allergy-kpi-report .allergy-kpi-report .btn-active {
  background: #00A5B6;
  border-color: #00A5B6;
}

body {
  cursor: none;
  cursor: default;
}

#audiologyKPIs {
  /**
   * Fixed scaling issue of graphs in the graph cards.
   * Not perfect, but it is an improvement.
   */
}
@media print {
  #audiologyKPIs .generic-filters {
    margin: 0 !important;
    padding: 0 !important;
  }
  #audiologyKPIs .kpi-table th, #audiologyKPIs .kpi-performance-table th {
    font-size: 0.7em !important;
  }
  #audiologyKPIs .kpi-table td, #audiologyKPIs .kpi-performance-table td {
    padding: 6px 3px !important;
    font-size: 0.7em !important;
  }
  #audiologyKPIs .basic-card {
    page-break-after: always;
  }
  #audiologyKPIs #tab_performance .kpi-performance-table tbody tr:nth-child(18) {
    page-break-after: always;
  }
}
#audiologyKPIs .audiology-kpis__nav .nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  #audiologyKPIs .audiology-kpis__nav .nav {
    display: flex;
  }
}
#audiologyKPIs .audiology-kpis__mobile-dropdown {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #audiologyKPIs .audiology-kpis__mobile-dropdown {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #audiologyKPIs .basic-card {
    overflow-x: scroll;
  }
}
#audiologyKPIs .modal__contact-row--input {
  color: #444444 !important;
}
#audiologyKPIs .c3 svg {
  height: 100%;
  width: 100%;
  min-height: 320px;
}
#audiologyKPIs .tab__header {
  display: none;
  justify-content: center;
  align-items: center;
  width: 210px;
  padding: 6px 0 8px;
  border-radius: 25px;
  background-color: #666666;
  border: 1px solid #CCCCCC;
  font-family: Lato;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.5714285714em;
  margin-bottom: 1.5714285714em;
}
@media only screen and (min-width: 768px) {
  #audiologyKPIs .tab__header {
    display: flex;
  }
}
#audiologyKPIs .tab__sub-header {
  font-size: 0.95em;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#audiologyKPIs a:hover {
  text-decoration: none;
}
#audiologyKPIs .legend {
  font-size: 0.7em;
  font-style: italic;
  margin-top: 4px;
}
#audiologyKPIs .legend__key {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 1px 3px 3px 3px;
  border: 1px solid #DEDEDE;
  vertical-align: middle;
}
#audiologyKPIs .kpi__table-container {
  overflow-x: scroll;
}
#audiologyKPIs .kpi__table-container--bordered {
  border-top: 0.7142857143em solid #1E507B;
}
#audiologyKPIs .basic-card {
  margin: 1.0714285714em 0px;
}
#audiologyKPIs .basic-card__card-header {
  color: #444444;
  font-weight: 300;
}
#audiologyKPIs .basic-card__card-title {
  color: #444444;
  font-weight: 300;
  font-size: 1.6em;
}
#audiologyKPIs .kpi-table {
  font-size: 0.8em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  border-top: 3px solid #DEDEDE;
  border-bottom: 3px solid #DEDEDE;
  background: #FFFFFF;
}
#audiologyKPIs .kpi-table tr:nth-child(2) {
  border-bottom: 2px solid #DEDEDE;
}
#audiologyKPIs .kpi-table th,
#audiologyKPIs .kpi-table td {
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  padding: 6px 3px;
}
#audiologyKPIs .kpi-table th {
  background: #EFEFEF;
  color: #000000;
  font-weight: 800;
}
#audiologyKPIs .kpi-table tr:hover {
  background: #F2F2F2;
}
#audiologyKPIs .kpi-table__header th,
#audiologyKPIs .kpi-table__header td {
  text-align: center;
}
#audiologyKPIs .kpi-table__header .target {
  background: #cacaca !important;
}
#audiologyKPIs .kpi-table__metric th,
#audiologyKPIs .kpi-table__metric td {
  text-align: center;
}
#audiologyKPIs .kpi-table__metric .target {
  background: rgba(136, 212, 120, 0.45) !important;
  color: #000000;
  font-weight: 600;
}
#audiologyKPIs .kpi-table__metric--name {
  text-align: left !important;
  width: 200px;
}
#audiologyKPIs .kpi-table__metric--positive {
  background: rgba(136, 212, 120, 0.45) !important;
}
#audiologyKPIs .kpi-table__metric--negative {
  background: rgba(247, 174, 166, 0.75) !important;
}
#audiologyKPIs .kpi-table__data--empty {
  color: #898B8D;
}
#audiologyKPIs .kpi-performance-table, #audiologyKPIs .kpi-benchmarks-table {
  overflow-x: scroll;
  font-size: 0.8em;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid #DEDEDE;
  background: #FFFFFF;
}
#audiologyKPIs .kpi-performance-table th,
#audiologyKPIs .kpi-performance-table td, #audiologyKPIs .kpi-benchmarks-table th,
#audiologyKPIs .kpi-benchmarks-table td {
  border-collapse: collapse;
  border: 1px solid #F2F2F2;
  padding: 6px 5px;
  text-align: center;
}
#audiologyKPIs .kpi-performance-table th, #audiologyKPIs .kpi-benchmarks-table th {
  background: #EFEFEF;
  color: #000000;
  font-weight: 800;
  height: 40px;
  border-top: 3px solid #DEDEDE;
  border-bottom: 3px solid #DEDEDE;
}
#audiologyKPIs .kpi-performance-table td.kpi-performance-table__comments, #audiologyKPIs .kpi-benchmarks-table td.kpi-performance-table__comments {
  text-align: left;
}
#audiologyKPIs .kpi-performance-table tr:hover, #audiologyKPIs .kpi-benchmarks-table tr:hover {
  background: #F2F2F2;
}
#audiologyKPIs .kpi-performance-table__header th,
#audiologyKPIs .kpi-performance-table__header td, #audiologyKPIs .kpi-benchmarks-table__header th,
#audiologyKPIs .kpi-benchmarks-table__header td {
  text-align: center;
}
#audiologyKPIs .kpi-performance-table__header .target, #audiologyKPIs .kpi-benchmarks-table__header .target {
  background: #66b656 !important;
}
#audiologyKPIs .kpi-performance-table__metric th,
#audiologyKPIs .kpi-performance-table__metric td, #audiologyKPIs .kpi-benchmarks-table__metric th,
#audiologyKPIs .kpi-benchmarks-table__metric td {
  text-align: center;
}
#audiologyKPIs .kpi-performance-table__metric .target, #audiologyKPIs .kpi-benchmarks-table__metric .target {
  background: rgba(136, 212, 120, 0.45) !important;
  color: #000000;
  font-weight: 600;
}
#audiologyKPIs .kpi-performance-table__metric--name, #audiologyKPIs .kpi-benchmarks-table__metric--name {
  text-align: left !important;
  width: 200px;
}
#audiologyKPIs .kpi-performance-table__metric--positive, #audiologyKPIs .kpi-benchmarks-table__metric--positive {
  background: rgba(136, 212, 120, 0.45) !important;
}
#audiologyKPIs .kpi-performance-table__metric--negative, #audiologyKPIs .kpi-benchmarks-table__metric--negative {
  background: rgba(247, 174, 166, 0.75) !important;
}
#audiologyKPIs .kpi-performance-table__metrics, #audiologyKPIs .kpi-benchmarks-table__metrics {
  width: 200px;
  font-size: 1.5em;
}
#audiologyKPIs .kpi-performance-table__month--selected, #audiologyKPIs .kpi-benchmarks-table__month--selected {
  background: rgb(255, 255, 206) !important;
}
#audiologyKPIs .kpi-performance-table__comments, #audiologyKPIs .kpi-benchmarks-table__comments {
  width: 250px;
  font-size: 1.5em;
}
#audiologyKPIs .kpi-performance-table__big-header, #audiologyKPIs .kpi-benchmarks-table__big-header {
  font-size: 1.5em;
}
#audiologyKPIs .kpi-performance-table__endColGroup, #audiologyKPIs .kpi-benchmarks-table__endColGroup {
  border-right: 3px solid #DEDEDE !important;
}
#audiologyKPIs .kpi-performance-table__halfHeader, #audiologyKPIs .kpi-benchmarks-table__halfHeader {
  height: 20px !important;
}
#audiologyKPIs .nav {
  margin-top: 1.7857142857em;
  display: flex;
  justify-content: center;
  border-bottom: none;
}
#audiologyKPIs .options-bar {
  margin-top: 15px;
}
#audiologyKPIs .ui-widget-content {
  background: inherit;
}
#audiologyKPIs button:focus {
  outline: 0;
}
#audiologyKPIs .btn-200 {
  color: #353B3B;
  border-radius: 25px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  border: solid 2px #FFFFFF;
  text-transform: none;
  font-weight: 500;
  font-size: 1em;
  margin: 0px 8px 22px 8px;
}
#audiologyKPIs li.active .btn-200 {
  border-radius: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  border: solid 2px #0474bd;
  color: #444444;
  cursor: default;
}
#audiologyKPIs .btn-200:hover {
  background: #F3FAFF;
  color: #666666;
  border: solid 2px #2288CE;
  transition: 0.15s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#audiologyKPIs .circleBtn {
  background: #FFFFFF;
  border-radius: 100%;
  padding: 3px 0;
  width: 30px;
  height: 30px;
  border: 2px solid #FFFFFF;
  font-weight: 400;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
#audiologyKPIs .circleBtn:hover {
  background-color: #FFFFFF;
  color: #0474BD;
  border-color: #F3FAFF;
  cursor: pointer;
}
#audiologyKPIs .compNumber {
  top: -2px;
  margin: 0 5px;
  vertical-align: middle;
}
#audiologyKPIs .compPercent {
  padding: 2px 7px;
  position: relative;
  font-weight: bold;
  color: #0474BD;
}
#audiologyKPIs .zoomIN {
  padding: 5px 6px 0 0;
}
#audiologyKPIs .zoomOUT {
  padding: 5px 6px 0 0;
}
#audiologyKPIs .audiology-kpis__teaser {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
#audiologyKPIs .audiology-kpis__teaser-image {
  position: fixed;
}
#audiologyKPIs .audiology-kpis__teaser-overlay {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  #audiologyKPIs .audiology-kpis__teaser-overlay {
    left: 4.2857142857em;
  }
}
#audiologyKPIs .audiology-kpis__teaser-message {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  background: rgb(0, 0, 0);
  color: #FFFFFF;
  align-items: center;
  padding: 15px;
}
#audiologyKPIs .audiology-kpis__teaser-rm-link {
  text-decoration: underline;
  cursor: pointer;
  color: #FFFFFF;
}
#audiologyKPIs .audiology-kpis__teaser-rm-link:hover {
  text-decoration: underline;
}
#audiologyKPIs .audiology-kpis__filter {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  margin-left: 7.5px;
  margin-right: 7.5px;
  height: 40px;
}
#audiologyKPIs .audiology-kpis__filter--input {
  flex: 1;
  width: 100px;
}
#audiologyKPIs .audiology-kpis__filter--compare {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -56px;
  margin-right: 10px;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  #audiologyKPIs .audiology-kpis__filter--compare {
    display: block;
  }
}
#audiologyKPIs .audiology-kpis__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 40px;
  margin-bottom: 40px;
}
#audiologyKPIs .audiology-kpis__mobile--dropdown:focus .audiology-kpis__mobile--dropdown-menu, #audiologyKPIs .audiology-kpis__mobile--dropdown:hover .audiology-kpis__mobile--dropdown-menu, #audiologyKPIs .audiology-kpis__mobile--dropdown:active .audiology-kpis__mobile--dropdown-menu {
  display: flex;
}
#audiologyKPIs .audiology-kpis > .form-control.dropdown-toggle {
  border: 0;
  box-shadow: none;
}
#audiologyKPIs .circleBtn.compNumber.glyphicon-usd:before {
  content: “\e148”;
  padding: 3px 5px;
  color: #64A31B;
  position: absolute;
}
#audiologyKPIs .benchmark-desc {
  margin-bottom: 1.4285714286em;
}
#audiologyKPIs .benchmark-desc .benchmark-low {
  color: #BF4134;
  font-weight: 600;
}
#audiologyKPIs .benchmark-desc .benchmark-median {
  color: #A57A1A;
  font-weight: 600;
}
#audiologyKPIs .benchmark-desc .benchmark-high {
  color: #2D7D18;
  font-weight: 600;
}
#audiologyKPIs .kpi-benchmarks-cycle {
  text-align: center;
  margin-bottom: 40px;
}
#audiologyKPIs .kpi-benchmarks-cycle__image {
  max-width: 100%;
  height: auto;
}
#audiologyKPIs .benchmark-anchor {
  position: absolute;
  margin-top: -70px;
}
#audiologyKPIs .kpi-benchmarks-table {
  font-size: 0.7em !important;
}
#audiologyKPIs .kpi-benchmarks-table .kpi-benchmarks-table__section {
  font-size: 1.8em;
}
#audiologyKPIs .kpi-benchmarks-table .kpi-benchmarks-table__section--pre-purchase-metrics {
  background: #1e507b;
  color: #FFFFFF;
}
#audiologyKPIs .kpi-benchmarks-table .kpi-benchmarks-table__sub-section {
  background: #b7d3e6;
  font-size: 1.2em;
  font-weight: 600;
}
#audiologyKPIs .kpi-benchmarks-table tr:nth-child(even) {
  background-color: #f9f9f9 !important;
}
#audiologyKPIs .kpi-benchmarks-table tr:hover {
  background: #fffbd1 !important;
}
#audiologyKPIs .kpi-benchmarks-table th {
  font-size: 1.4em;
}
#audiologyKPIs .kpi-benchmarks-table td {
  border-color: #e4e4e4 !important;
}
#audiologyKPIs .kpi-benchmarks-table td .comment {
  text-align: left;
}
#audiologyKPIs .kpi-benchmarks-table .header--name {
  width: 280px;
}
#audiologyKPIs .kpi-benchmarks-table .header--benchmark-low {
  background: #ffb4ad;
  color: #bf4134;
  width: 120px;
}
#audiologyKPIs .kpi-benchmarks-table .header--benchmark-median {
  background: #fff1ad;
  color: #a57a1a;
  width: 120px;
}
#audiologyKPIs .kpi-benchmarks-table .header--benchmark-high {
  background: #b4efa1;
  color: #2d7d18;
  width: 120px;
}
#audiologyKPIs .kpi-benchmarks-table .header--your-practice {
  background: #4a4848;
  color: #FFFFFF;
  width: 100px;
}
#audiologyKPIs .kpi-benchmarks-table .header--py {
  width: 100px;
}
#audiologyKPIs .kpi-benchmarks-table .header--cy {
  width: 110px;
}
#audiologyKPIs .kpi-benchmarks-table .header--plus-minus {
  width: 120px;
}
#audiologyKPIs .kpi-benchmarks-table .header--plus-minus-closest {
  width: 40px;
}
#audiologyKPIs .kpi-benchmarks-table .header--plus-minus-diff {
  width: 70px;
}
#audiologyKPIs .kpi-benchmarks-table .metric--your-practice {
  background: #d6d6d4;
}
#audiologyKPIs .kpi-benchmarks-table .metric--benchmark-low {
  color: #bf4134;
}
#audiologyKPIs .kpi-benchmarks-table .metric--benchmark-median {
  color: #a57a1a;
}
#audiologyKPIs .kpi-benchmarks-table .metric--benchmark-high {
  color: #2d7d18;
}
#audiologyKPIs .kpi-benchmarks-table .metric--plus-minus {
  font-weight: 600;
  font-size: 1.1em;
}
#audiologyKPIs .kpi-benchmarks-table .plus-minus--benchmark-low {
  color: #bf4134;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#audiologyKPIs .kpi-benchmarks-table .plus-minus--benchmark-median {
  color: #a57a1a;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#audiologyKPIs .kpi-benchmarks-table .plus-minus--benchmark-high {
  color: #2d7d18;
  font-size: 1.6em;
  vertical-align: text-bottom;
}
#audiologyKPIs .nav-flat-bottom .btn-200 {
  margin: 0px 8px 0px 8px;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-low line {
  stroke: #bf4134;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-low text {
  fill: #bf4134;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-median line {
  stroke: #a57a1a;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-median text {
  fill: #a57a1a;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-high line {
  stroke: #2d7d18;
}
#audiologyKPIs .c3-ygrid-line.metric--benchmark-high text {
  fill: #2d7d18;
}

.fuel-funds {
  display: flex;
  flex-direction: row;
  flex: 1;
  /**
   * The padding is off on the transactions card table rows without this
   */
  /**
   * This overrides the class definition in _helpers.scss
   */
}
@media print {
  .fuel-funds .fuel-funds__total-tag::after {
    display: none !important;
  }
  .fuel-funds .card {
    flex-wrap: initial !important;
  }
  .fuel-funds .card:hover {
    border-color: #FFFFFF !important;
  }
}
.fuel-funds__sidebar {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.fuel-funds__main {
  display: flex;
  flex-direction: column;
  flex: 3;
}
.fuel-funds__main .table__cell--description {
  min-width: 14.2857142857em;
}
.fuel-funds__main .table__cell--date {
  width: 3.5714285714em;
  min-width: 3.5714285714em;
}
.fuel-funds__main .table__cell--amount {
  width: 2.1428571429em;
}
.fuel-funds__main .table__cell--action {
  width: 2.1428571429em;
  min-width: 2.1428571429em;
  text-align: center;
}
.fuel-funds__main > .card-block > .dashboard__card {
  padding: 2.1428571429em;
}
.fuel-funds__total-tag {
  border-radius: 6px 0 0 6px;
  background: #FFFFFF;
  height: 68px;
  width: 15em;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin: 0 auto;
}
.fuel-funds__total-tag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15em;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  border-width: 68px 34px 0 0;
  filter: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.2));
}
.fuel-funds__transaction--negative {
  color: #BD5151 !important;
}
.fuel-funds__available {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}
.fuel-funds__available--text {
  font-size: 1.4285714286em;
  font-family: Lato, sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
.fuel-funds .table__row td {
  padding: 0.3571428571em;
}
.fuel-funds .table__row.table__row--head.table__row--head--credits > .table__cell.table__cell--date,
.fuel-funds .table__cell.table__cell--amount,
.fuel-funds .table__cell.table__cell--remaining {
  font-size: 1.2857142857em;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  line-height: normal;
}
.fuel-funds .table__row.table__row--head.table__row--head--credits > .table__cell.table__cell--date {
  text-align: left;
}
.fuel-funds .table__row.table__row--head.table__row--head--credits > .table__cell.table__cell--amount {
  text-align: center;
}
.fuel-funds .table__row.table__row--head.table__row--head--credits > .table__cell.table__cell--remaining {
  text-align: right;
}
.fuel-funds .table__row > .table__cell--description,
.fuel-funds .table__cell--date,
.fuel-funds .table__cell--amount,
.fuel-funds .table__cell--remaining {
  font-size: 1em;
  font-family: Lato, sans-serif;
  line-height: 2.5;
  color: #444444;
}
.fuel-funds .table__row > .table__cell--date {
  text-align: left;
}
.fuel-funds .table__row > .table__cell--amount {
  text-align: center;
}
.fuel-funds .table__row > .table__cell--remaining {
  text-align: right;
}
.fuel-funds .table__row.table__row--head.table__row--head--transactions > .table__cell.table__cell--description,
.fuel-funds .table__cell.table__cell--date,
.fuel-funds .table__cell.table__cell--amount,
.fuel-funds .table__cell.table__cell--remaining {
  font-size: 1.2857142857em;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  line-height: normal;
}
.fuel-funds .table__row--mobile-pad {
  padding: 10px 10px 10px 0;
}
.fuel-funds__total {
  font-size: 2.7142857143em;
  font-weight: 400;
  color: #64A31B;
  line-height: 1em;
  margin-top: 5px;
}
.fuel-funds .h-big-dollar-sign {
  position: relative;
  left: inherit;
  top: inherit;
  margin-top: 5px;
  margin-left: 17px;
  font-size: 1.7142857143em;
}
.fuel-funds__card-total {
  flex: 1;
  justify-content: flex-end;
  align-content: flex-end;
  text-align: right;
  font-size: 24px;
}
.fuel-funds__card-total--transactions {
  font-size: 0.85em;
  font-family: Lato, sans-serif;
  font-weight: 400;
  color: #888888;
}
.fuel-funds__card-total--amount {
  font-size: 1.2857142857em;
  font-family: Lato, sans-serif;
  font-weight: 500;
  color: #444444;
}
.fuel-funds__card {
  padding-top: 0;
  margin-bottom: 1.4285714286em;
  cursor: default;
}
.fuel-funds__card:hover {
  border-color: #FFFFFF !important;
}
.fuel-funds__card--title {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-size: 1.7142857143em;
  font-weight: 300;
  font-family: Lato, sans-serif;
  color: #444444;
}
.fuel-funds__card-title {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-size: 1.7142857143em;
  font-weight: 300;
  font-family: Lato, sans-serif;
  color: #444444;
}
.fuel-funds .card-footer {
  background: transparent;
  padding-top: 1.7857142857em;
  border-top: none;
}
.fuel-funds__vendor-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  flex: 1;
  padding: 0 30px 0 60px;
}
.fuel-funds__vendor-list--item {
  display: flex;
  flex-direction: row;
  margin: 1em 0.5em 0;
  background: #FFFFFF;
  padding: 2px 20px 2px 15px;
  border-radius: 25px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  flex: 1;
  align-items: center;
}
.fuel-funds__vendor-list--percent {
  font-family: Lato, sans-serif;
  font-size: 1.5714285714em;
  font-weight: 900;
  color: #444444;
  margin-right: 0.5357142857em;
}
.fuel-funds__vendor-list--vendor {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #666666;
}

@media print {
  .fuel-utilization > div.panel.panel--shaded.grid {
    display: none !important;
  }
  .fuel-utilization .fuel-utilization__nav-container {
    display: none !important;
  }
  .fuel-utilization .fuel-utilization__work-order {
    border: 1px solid #CCC;
  }
  .fuel-utilization .is-hidden-mobile {
    display: none;
  }
  .fuel-utilization .fuel-utilization-wo__hours-worked-container.is-displayed-mobile {
    padding: 1em;
  }
  .fuel-utilization .fuel-utilization-wo__dimension {
    border: 1px solid #CCC;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization__search-submit {
    display: inline-block;
    width: 7.1428571429em;
  }
}
.fuel-utilization__nav {
  background: rgb(0, 165, 182);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  max-width: 95vw;
  padding: 0.5em 1.5em;
}
.fuel-utilization__nav-item {
  color: #FFFFFF;
  padding: 7px 25px;
  text-align: center;
  scroll-behavior: smooth;
  transition: 0.2s;
}
.fuel-utilization__nav-item:hover, .fuel-utilization__nav-item:focus {
  color: #FFFFFF;
  text-decoration: none;
  background: #00CDE2;
  transition: 0.1s;
}
.fuel-utilization__loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fuel-utilization__loader {
  flex: 0 1 auto;
}
.fuel-utilization__no-data {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: #FFFFFF;
  height: 20.0714285714em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization__no-data {
    border-radius: 0;
  }
}
.fuel-utilization__search-container {
  padding: 0.7142857143em;
}
.fuel-utilization__search-container .search__input.form-control:focus {
  border: 1px solid #FFFFFF;
}
.fuel-utilization__search-container .input-group-addon.search__button {
  background: #FFFFFF;
  border-right: 0px;
  padding-right: 0;
  border: none;
}
.fuel-utilization__search-container .input-group-addon.search__input {
  border-left: 0;
}
.fuel-utilization__section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  padding: 6px 0 8px;
  border-radius: 25px;
  background-color: #666666;
  border: 1px solid #CCCCCC;
  font-family: Lato, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.5714285714em;
  margin-bottom: 1.5714285714em;
  font-size: 16px;
  text-transform: none;
  text-align: center;
}
.fuel-utilization__nav-container {
  display: flex;
  margin: 1.5em auto 0.5em auto;
  align-items: center;
  justify-content: center;
}
.fuel-utilization__nav-container .fuel-utilization__nav.vue-affix.affix {
  background: rgba(0, 165, 182, 0.9);
  width: 100vw;
  max-width: 100vw;
  margin: -5px auto;
  padding: 8px 0;
  transition: 0.2s;
  left: 0;
  right: 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
  border-radius: 0;
  z-index: 9;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization__nav-container .fuel-utilization__nav.vue-affix.affix {
    margin: -21px auto -5px auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .fuel-utilization__nav-container .fuel-utilization__nav.vue-affix.affix {
    margin: -11px auto -5px auto;
  }
}
.fuel-utilization .btn {
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid transparent;
}
.fuel-utilization .btn-primary {
  border-color: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: 0.2s;
}
.fuel-utilization .btn-primary:hover {
  background-color: #3290C3;
  border-color: #FFFFFF;
  transition: 0.1s;
}
.fuel-utilization__work-order {
  background: #FFFFFF;
  border-radius: 0.2857142857em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  cursor: inherit !important;
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization__work-order {
    border-radius: 0;
  }
}
.fuel-utilization__metric-title {
  background: #94A8B4;
  border-radius: 1em;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.125em;
  font-family: Lato, sans-serif;
  font-weight: 300;
  line-height: 1em;
  margin-right: 0.5em;
  padding: 0.35em 1.75em;
  min-width: 9em;
  width: auto;
}

.fuel-utilization-wo__container {
  border-top: 2px solid #FFFFFF;
  padding-top: 1.7857142857em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__container {
    padding-top: 0;
  }
}
.fuel-utilization-wo__details {
  padding: 1em;
}
.fuel-utilization-wo__details--row {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.fuel-utilization-wo__title {
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 0.2px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__title {
    display: block;
  }
}
.fuel-utilization-wo__dates {
  color: #666666;
  font-size: 1em;
  margin-top: 0.2em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__hours-worked-container {
    align-items: center;
    border-top: 1px dotted #94A8B4;
    display: flex;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__hours-worked-module {
    align-items: center;
    border-right: 1px dotted #94A8B4;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 3em;
    padding: 0 1em;
  }
  .fuel-utilization-wo__hours-worked-module:last-of-type {
    border-right: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__hours-worked-module-content {
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 1em;
  }
}
.fuel-utilization-wo__hours-worked {
  color: #666666;
  font-size: 1em;
}
.fuel-utilization-wo__hours {
  color: #3290C3;
  font-size: 1.25em;
  display: flex;
  margin-top: -0.25em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__hours {
    color: #666666;
    font-size: 1em;
    vertical-align: middle;
    margin-top: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__hours--value {
    color: #495562;
    font-size: 1.25em;
    padding-left: 0.5em;
    vertical-align: middle;
  }
}
.fuel-utilization-wo__description {
  color: #666666;
  font-size: 1em;
  padding: 1em 2em 1em 2em;
}
.fuel-utilization-wo__description p {
  margin-bottom: 1em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__description {
    padding: 0.5em 0 0 0;
  }
  .fuel-utilization-wo__description p {
    margin-bottom: 0.5em;
  }
}
.fuel-utilization-wo__dimension-tags {
  border-top: 1px dotted #94A8B4;
  padding: 1em;
  flex: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__dimension-tags {
    display: flex;
    flex-wrap: wrap;
  }
}
.fuel-utilization-wo__dimension {
  background: #94A8B4;
  border-radius: 1em;
  color: #FFFFFF;
  display: inline-block;
  line-height: 1em;
  font-family: Lato, sans-serif;
  font-weight: 300;
  line-height: 1em;
  margin-right: 0.5em;
  padding: 0.5em 1.5em;
  width: auto;
  min-width: 9em;
  text-align: center;
  font-size: 14px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-wo__dimension {
    margin: 0.3571428571em;
  }
}
.fuel-utilization-wo__dimension--department--finance-and-operations {
  background: #FF7200;
}
.fuel-utilization-wo__dimension--department--human-resources {
  background: #00A5B6;
}
.fuel-utilization-wo__dimension--department--professional-development {
  background: #64A31B;
}
.fuel-utilization-wo__dimension--department--marketing {
  background: #9AA5AB;
}
.fuel-utilization-wo__dimension--department--digital {
  background: #26536C;
}
.fuel-utilization-wo__dimension--specialty {
  background: #26536C;
}
.fuel-utilization-wo__dimension--objective {
  background: #799BB3;
}
.fuel-utilization-wo__dimension--status {
  background: #3290C3;
}
.fuel-utilization-wo__glyph--completed {
  color: #64A31B;
}
.fuel-utilization-wo__section-header {
  padding: 6px 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  border-radius: 25px;
  background-color: #666666;
  border: 1px solid #ccc;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.5714285714em;
  margin-bottom: 1.5714285714em;
}

.fuel-utilization-filters {
  /* THE TITLES ABOVE SELECT BOXES */
}
.fuel-utilization-filters__container {
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .fuel-utilization-filters__container {
    display: flex;
    flex-direction: column !important;
  }
}
.fuel-utilization-filters .filter-selection__title {
  width: 5em;
  font-size: 1em;
  font-weight: 600;
  float: none;
  text-align: left;
  margin: 0.6em 0.8em 0 0;
  color: #030303;
}
.fuel-utilization-filters .filter-selection__body {
  flex-grow: 1;
}
.fuel-utilization-filters .vdp-datepicker__clear-button {
  right: 0;
}

/* THE CONTENT INSIDE THE V-SELECT */
.filter-selection__select .dropdown-toggle .btn-content,
.filter-selection .vdp-datepicker input[type=text] {
  color: #444444;
  font-weight: 300;
}

.vdp-datepicker.filter-selection__select.filter-selection__select--date input[type=text] {
  color: #444444;
  font-weight: 300;
  border-radius: 25px;
  border: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.vdp-datepicker.filter-selection__select.filter-selection__select--date input[type=text]:hover {
  cursor: pointer;
}

.filter-selection__select--date {
  /**
   * Add the caret to the end of the datepicker
   */
}
.filter-selection__select--date:after {
  content: " ";
  position: absolute;
  right: 13px;
  top: 50%;
  margin: -1px 0 0;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.filter-selection__select--date span.vdp-datepicker__clear-button {
  right: 25px;
}

/* /////////////////////////////////////
// Components (multiple)
///////////////////////////////////// */
/* /////////////////////////////////////
// Component: Sales Range Filter
///////////////////////////////////// */
/* /////////////////////////////////////
// Animations
///////////////////////////////////// */
/* /////////////////////////////////////
// Portal Specific modifications
///////////////////////////////////// */
.filter-selection {
  flex: 1;
  margin: 10px;
}

.fuel-utilization__filter--date-range {
  flex: 1;
}
.fuel-utilization__filter--date-range input {
  width: 100%;
}
.fuel-utilization__filter--date-range > .grid.filter__form {
  display: flex;
}

.grid.filter-work-order-details {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

#wo-in-progress {
  margin-top: 50px;
}

.btn-back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  height: 48px;
  width: 48px;
  background: #26536C;
  color: #FFFFFF;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 2px solid #FFFFFF;
  z-index: 1000;
  font-size: 21px;
  transition: all 0.2s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn-back-to-top {
    bottom: 75px;
  }
}
.btn-back-to-top:hover, .btn-back-to-top:active, .btn-back-to-top:focus {
  color: #FFFFFF;
  background: #1176BB;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: all 0.15s;
}

.bs-searchbox input[data-v-e514dbc6]:focus, .form-control.dropdown-toggle[data-v-e514dbc6]:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

#fuelUtilization .vdp-datepicker__calendar {
  margin-left: -20px;
  width: 210px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#fuelUtilization .vdp-datepicker__calendar .month, #fuelUtilization .vdp-datepicker__calendar .year {
  width: 50%;
  font-size: 14px;
  text-align: left;
}
#fuelUtilization .vdp-datepicker__calendar .cell {
  padding: 0 15px;
}
#fuelUtilization .vdp-datepicker.filter-selection__select.filter-selection__select--date input[type=text] {
  font-size: 14px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}
#fuelUtilization .vdp-datepicker input[type=text] {
  padding: 10px 12px;
}
#fuelUtilization .form-control.dropdown-toggle {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}

.close {
  font-size: 16px;
  background: #EFEFEF;
  font-weight: 700;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 100%;
  line-height: 1;
  color: #000000;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 32px;
}

.meeting-agenda {
  font-family: "Open Sans", sans-serif;
}
.meeting-agenda__header {
  background: #00A5B6;
  color: #FFFFFF;
  margin: 0.5em 0;
  padding: 0.4285714286em 0.8571428571em;
  text-transform: uppercase;
  border-radius: 0.2857142857em;
}
.meeting-agenda__header span {
  font-size: 0.9285714286em;
  font-style: italic;
}
.meeting-agenda__attendees-section:first-of-type {
  padding-left: 10px !important;
}
.meeting-agenda__item {
  background: #C7CEE1;
}
.meeting-agenda__item--header {
  background: #9AA5AB;
}
.meeting-agenda__item-title {
  border-bottom: 1px solid #555555;
  color: #555555;
  margin-bottom: 0.5em;
}
.meeting-agenda__item-content {
  color: #898B8D;
}
.meeting-agenda__title {
  color: #FFFFFF;
  font-size: 1.5em;
  font-weight: 700;
  text-shadow: 1px 1px #353B3B;
}
.meeting-agenda__sub-title {
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: 400;
}
.meeting-agenda__description {
  font-size: 0.9285714286em;
}
.meeting-agenda__detail-container {
  background: #F2F2F2;
  border-radius: 0.375em;
  padding: 1em;
  margin-top: 1em;
}
.meeting-agenda__detail-container .grid__col--3 {
  border-left: 1px solid #555555;
}
.meeting-agenda__items-container {
  background: #F2F2F2;
  border-radius: 0.375em;
  padding: 1em;
  margin-top: 1em;
}
.meeting-agenda .form__item--missing-container > .mce-container {
  box-shadow: 0 0 4px #D15B4F;
  border: 1px solid #D15B4F;
  border-radius: 4px;
}
.meeting-agenda .mce-branding-powered-by {
  display: none !important;
}
.meeting-agenda .mce-edit-area label {
  font-size: 1.1428571429em !important;
  left: 10px !important;
  top: 10px !important;
}
.meeting-agenda .mce-content-body {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.meeting-agenda .mce-panel {
  border-radius: 4px;
  margin-right: 1px;
}
.meeting-agenda ol, .meeting-agenda ol li {
  list-style: decimal;
}
.meeting-agenda ul, .meeting-agenda ul li {
  list-style: disc;
}
.meeting-agenda .queue-item--header--notes {
  border: 1px solid #002B49 !important;
  background: #F2F2F2 !important;
}
.meeting-agenda .queue-item--header--notes .queue-item__detail {
  background: #F2F2F2;
}
.meeting-agenda .queue-item__detail--wo-extra-pad {
  margin-right: 0.9em;
}
.meeting-agenda .queue-item__detail--no-horiz-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.meeting-agenda .queue-item__color--in-progress {
  border-left: 0.1875em solid #FF7200 !important;
}
.meeting-agenda .queue-item__color--killed {
  border-left: 0.1875em solid #888888 !important;
}
.meeting-agenda .queue-item__color--hold {
  border-left: 0.1875em solid #F4CA28 !important;
}
.meeting-agenda .queue-item__color--complete {
  border-left: 0.1875em solid #97C24B !important;
}
.meeting-agenda .queue-item__color--member-reivew {
  border-left: 0.1875em solid #E3082E !important;
}
.meeting-agenda .queue-detail__dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #444444;
  line-height: 1em;
  display: inline-block;
  margin: 2px 2px 0 0;
}
.meeting-agenda .queue-detail__dot--in-progress {
  background-color: #FF7200 !important;
}
.meeting-agenda .queue-detail__dot--killed {
  background-color: #888888 !important;
}
.meeting-agenda .queue-detail__dot--hold {
  background-color: #F4CA28 !important;
}
.meeting-agenda .queue-detail__dot--complete {
  background-color: #97C24B !important;
}
.meeting-agenda .queue-detail__dot--member-reivew {
  background-color: #E3082E !important;
}

.meeting-agenda .modal-dialog {
  width: 53.5714285714em;
}
.meeting-agenda .modal-body {
  height: 39.2857142857em;
  overflow-y: scroll;
  padding: 1em 0;
}
.meeting-agenda .modal {
  min-height: 50em;
}
.meeting-agenda .modal__nav {
  position: absolute;
  top: 15px;
  right: 15px;
}
.meeting-agenda .modal__close-btn {
  color: #CCCCCC;
  position: absolute;
  top: 15px;
  left: 15px;
}
.meeting-agenda .modal__header {
  min-height: unset;
}
.meeting-agenda .modal__header--angles {
  min-height: unset;
}
.meeting-agenda .modal__header-title {
  color: #333333;
  font-size: 1.35em;
  padding: 0 1em;
}
.meeting-agenda .modal__header-description {
  color: #898B8D;
  font-size: 0.8em;
  padding-top: 0.2em;
}
.meeting-agenda .modal__header--angles {
  padding-top: 1.25em;
}
.meeting-agenda .modal__content-title {
  padding: 0 1em;
}
.meeting-agenda .modal__item-title {
  color: #555555;
  font-family: "Varela Round", sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.5em;
  text-transform: none;
}
.meeting-agenda .modal__wo-id {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #1376BA;
}
.meeting-agenda .modal__wo-objective {
  background: #E9F3FF;
  padding: 0.5em 1em;
}
.meeting-agenda .modal__wo-note-container {
  padding: 0.5em;
}
.meeting-agenda .modal__wo-note {
  font-size: 0.8em;
  padding: 0.25em 0.5em 0.25em 0 !important;
}
.meeting-agenda .modal__info-pills {
  display: flex;
  border: 1px solid #FFFFFF;
  justify-content: space-around;
}
.meeting-agenda .modal__info-pill {
  background: #F3F7FA;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  flex: 1;
  text-align: center;
}
.meeting-agenda .modal__item-details {
  font-size: 0.9285714286em;
  font-family: Lato, sans-serif;
}
.meeting-agenda .modal__item-row {
  padding: 0.2857142857em 0 0.1428571429em 0;
}
.meeting-agenda .modal__comments-container {
  margin-top: 1.5em;
}
.meeting-agenda .modal__comments-area {
  padding: 1em;
}
.meeting-agenda .modal__comments-header {
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  font-size: 1.15em;
  text-align: center;
  margin-bottom: 0.5em;
}
.meeting-agenda .modal__wo-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #444444;
  line-height: 1em;
  display: inline-block;
}
.meeting-agenda .modal__wo-status-dot--in-progress {
  background-color: #FF7200 !important;
}
.meeting-agenda .modal__wo-status-dot--killed {
  background-color: #888888 !important;
}
.meeting-agenda .modal__wo-status-dot--hold {
  background-color: #F4CA28 !important;
}
.meeting-agenda .modal__wo-status-dot--complete {
  background-color: #97C24B !important;
}
.meeting-agenda .modal__wo-status-dot--member-review {
  background-color: #E3082E !important;
}
.meeting-agenda .person {
  background: #F3F7FA;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
}
.meeting-agenda .files__file-link {
  background: #F5F3FA;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  display: block;
  white-space: nowrap;
}
.meeting-agenda .comment-count {
  background: #F3FAF6;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
}
.meeting-agenda .comment-count--change {
  font-weight: 900;
  animation: validate-in 0.3s forwards;
}

.modal-comment__container {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  margin: 3px 0;
  padding: 0.5em 1em 0.5em 0.5em;
  animation: validate-in 0.3s forwards;
}
.modal-comment__icon-image {
  width: 3em;
  height: 3em;
  border-radius: 3em;
  animation: fading 1.5s infinite;
}
.modal-comment__icon--blank {
  width: 3em;
  height: 3em;
  border-radius: 3em;
  background: #444444;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-comment--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-comment__author {
  margin: 3px 0 0 0;
}
.modal-comment__author--blank {
  margin: 12px 0 5px 0;
  height: 12px;
  width: 200px;
}
.modal-comment__datetime {
  margin: 0;
  font-size: 0.8em;
  font-style: italic;
  border-bottom: 1px solid #CCCCCC;
}
.modal-comment__datetime--blank {
  margin: 5px 0 15px 0;
  height: 9px;
  width: 100px;
}
.modal-comment__text-line {
  height: 12px;
  border-radius: 100px;
  margin: 10px 0;
  min-width: 100px;
}
.modal-comment__content {
  font-size: 0.9285714286em;
  padding: 0.5em 0;
}

.modal-people__container {
  margin: 5px 0;
}
.modal-people__icon--blank {
  background: none;
  color: #444444;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-people--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-people__author--blank {
  height: 12px;
  width: 200px;
  margin: 5px 0;
}

.modal-file__icon--blank {
  background: none;
  color: #444444;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-file--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}
.modal-file__title--blank {
  height: 12px;
  width: 200px;
  margin: 5px 0;
}

.meeting-agenda-header__title {
  font-weight: 900;
}

.queue-detail__glyph--marketing {
  color: #A2466C;
}
.queue-detail__glyph--digital {
  color: #26536C;
}
.queue-detail__glyph--software-development {
  color: #26536C;
}
.queue-detail__glyph--human-resources {
  color: #00A5B6;
}
.queue-detail__glyph--professional-development {
  color: #64A31B;
}
.queue-detail__glyph--strategic-supplier {
  color: #3497E5;
}
.queue-detail__glyph--finance-and-operations {
  color: #FF7200;
}

.item-header__container {
  margin-top: 1em;
}
.item-header__container .files__file-link {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 0.75em;
  display: block;
}
.item-header__title {
  font-size: 1.25em;
  border-bottom: 1px solid #444444;
  color: #444444;
}
.item-header__description {
  color: #555555;
}
.item-header__note {
  color: #555555;
}
.item-header__note-text {
  font-size: 0.8571428571em;
}

.queue-detail {
  color: #666666;
  word-break: break-word;
}
.queue-detail__id {
  font-family: "Varela Round", sans-serif;
  font-weight: 600;
  color: #1376BA;
}
.queue-detail__title {
  color: #555555;
  font-family: "Varela Round", sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.5em;
  text-transform: none;
}
.queue-detail__title--secondary {
  font-weight: 400;
}
.queue-detail__description {
  color: #555555;
  font-size: 1em;
}
.queue-detail__objective {
  color: #666666;
  font-size: 1em;
  font-style: italic;
  font-weight: 300;
}
.queue-detail__text {
  font-size: 0.875em;
}
.queue-detail__text--border-bottom {
  border-bottom: 1px solid #CCCCCC;
}
.queue-detail__text--small {
  font-size: 0.75em;
}
.queue-detail__text-title {
  font-size: 0.875em;
  font-weight: 400;
}
.queue-detail__text-title--small {
  font-size: 0.75em;
}
.queue-detail__link {
  color: #9AA5AB;
  padding: 0.3571428571em;
}
.queue-detail__link--flex {
  display: flex;
}
.queue-detail__link:hover {
  color: #1376BA;
  text-decoration: none;
}
.queue-detail__button {
  color: #DEDEDE;
  display: block;
  height: 100%;
  text-align: center;
  transition: 0.3s;
  width: 100%;
}
.queue-detail__button:hover {
  color: #DEDEDE;
  cursor: default;
}
.queue-detail__button--active {
  color: #9AA5AB;
}
.queue-detail__button--active:hover {
  cursor: pointer;
  text-decoration: none;
  color: #1376BA;
  border-radius: 2px 0 0 2px;
  transform: translateY(1px);
  transition: 0.3s;
}
.queue-detail__button--highest {
  color: #F6891F;
}
.queue-detail__button--not-selected {
  color: #CCCCCC;
}
.queue-detail__button--not-selected:hover {
  color: #97C24B;
  transition: 0.3s;
}
.queue-detail__button--selected {
  color: #97C24B;
}
.queue-detail__button--selected:hover {
  color: #97C24B;
  transition: 0.3s;
}
.queue-detail__button--handle {
  cursor: move;
  color: #000000;
}
.queue-detail__button--handle:hover {
  cursor: move;
  color: #353B3B;
}
.queue-detail__glyph {
  flex: 1 0 auto;
  align-self: center;
}
.queue-detail__comment-owner {
  font-family: Lora, serif;
  font-weight: 900;
}
.queue-detail__comment-owner span.glyphicon {
  padding-right: 0.25em;
}
.queue-detail__comment-date {
  font-family: Lora, serif;
  font-weight: 900;
  padding-left: 0.25em;
}
.queue-detail__comment {
  padding-left: 1.5em;
  max-height: 1em;
}
.queue-detail__comment p {
  margin-bottom: 0;
  display: none;
}
.queue-detail__comment p:first-of-type {
  display: block;
}
.queue-detail__status--registered {
  background: #4A88B2;
  color: #FFFFFF;
}

.meeting-agenda__description p:last-of-type {
  margin-bottom: 0;
}
.meeting-agenda__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  min-height: 330px;
  padding: 1.4285714286em;
}
.meeting-agenda__list-item {
  border-radius: 4px;
  border: solid 1px #DEDEDE;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  margin-bottom: 0.3571428571em;
}
.meeting-agenda__list-item:hover {
  cursor: pointer;
  background-color: #F8ECF1;
  border: 1px solid #BE6087;
  border-radius: 4px;
  transition: 0.15s all;
}
.meeting-agenda__link {
  color: #666666;
  display: block;
  padding: 0.8571428571em;
}
.meeting-agenda__link:hover {
  text-decoration: none;
  color: #BE6087;
  transition: 0.15s;
}

/* /////////////////////////////////////
// Pay Invoice
///////////////////////////////////// */
.pay-invoice__wrapper {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  margin-bottom: 38px;
  background: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .pay-invoice__wrapper {
    border-radius: 6px;
  }
}
.pay-invoice__header {
  background: #26536C;
  border-bottom: 1px solid #D6E0E8;
  font-size: 1.2857142857em;
  min-height: 2.5714285714em;
  font-weight: 300;
  color: #FFFFFF;
}
.pay-invoice__header--transactions {
  grid-template-columns: auto 6.4285714286em;
}
@media only screen and (min-width: 768px) {
  .pay-invoice__header {
    border-radius: 6px 6px 0 0;
  }
}
.pay-invoice__header-name {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.pay-invoice__body {
  grid-template-rows: auto;
  grid-gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .pay-invoice__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .pay-invoice__body {
    grid-template-columns: 1fr 2fr;
  }
}
.pay-invoice__sidebar {
  grid-auto-rows: min-content;
}
.pay-invoice__footer {
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  padding: 10px 14px;
  border-radius: 0px 0px 6px 6px;
}
.pay-invoice__nav-row {
  padding: 1em;
}
.pay-invoice__message {
  text-align: center;
}

.pay-invoice-form {
  font-size: 1em;
}
.pay-invoice-form__row {
  grid-template-columns: 1fr;
  padding: 0 0.5em;
}
.pay-invoice-form__row .form__item--row {
  margin-top: 0.25em;
}
@media only screen and (min-width: 1330px) and (max-width: 1999px) {
  .pay-invoice-form__row {
    grid-template-columns: 2fr 3fr 2fr;
    padding: 0.5em;
  }
}
.pay-invoice-form__row--header {
  background: #00A5B6;
  padding: 0;
}
.pay-invoice-form__row--error {
  background: #BD5151;
  color: #F4CA28;
  font-weight: 800;
  padding: 15px;
}

.pay-invoice-view {
  font-size: 1em;
}
.pay-invoice-view__row {
  grid-template-columns: 3fr 2fr 3fr 3fr 2fr 2fr 1fr 2fr;
}
.pay-invoice-view__row:nth-child(even) {
  background: #EFEFEF;
}
.pay-invoice-view__row:last-child {
  border-bottom: 1px solid #D6E0E8;
}
.pay-invoice-view__row--form {
  background: #EAF3FE;
  margin: 1em 0.5em;
  border-radius: 0.3571428571em;
}
.pay-invoice-view__row--header {
  background: #00A5B6;
}
.pay-invoice-view__row--header:last-child {
  border-bottom: none;
}
.pay-invoice-view__row--title {
  padding: 0.5em 1em;
  font-size: 1.25em;
}
.pay-invoice-view__row--imprint {
  background: #FFFFFF !important;
  padding: 0.5em 2em;
}
.pay-invoice-view__row--imprint p {
  font-size: 0.75em;
  line-height: 1em;
}
.pay-invoice-view__row--total {
  background: #FFFFFF !important;
  border-top: 1px solid #D6E0E8;
  padding: 0.5em 0;
}
.pay-invoice-view__row--submit {
  background: #FFFFFF !important;
}
.pay-invoice-view__column {
  grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
}
.pay-invoice-view__cell {
  align-self: center;
  font-weight: 400;
  color: #666666;
  padding: 0.5em;
  text-align: center;
}
.pay-invoice-view__cell--header {
  color: #FFFFFF;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.9em;
}
.pay-invoice-view__cell--placeholder {
  color: #BBBBBB;
  font-weight: 300;
  font-size: 0.9em;
}
.pay-invoice-view__cell--remove {
  cursor: pointer;
}
.pay-invoice-view__container--form {
  padding-bottom: 1em;
}

.pay-invoice__wrapper iframe {
  width: 100%;
}

/* /////////////////////////////////////
// Animations
///////////////////////////////////// */
.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
button:focus {
  outline: none;
}

@media print {
  #hearingAidSales .sub-header {
    top: 0;
    left: 0;
    margin-top: 0px;
  }
  #hearingAidSales .sales-report-body__flash .sales-report-sidebar__category--fuel-time .sales-report-sidebar__category-box {
    height: 5em;
  }
  #hearingAidSales h3 {
    padding-left: 0px !important;
  }
  #hearingAidSales .sales-report-sidebar__category-number--positive {
    color: #5CB85C !important;
  }
  #hearingAidSales .sales-report-sidebar__category-number--negative {
    color: #D15B4F !important;
  }
  #hearingAidSales .page__wrapper {
    max-width: none !important;
  }
  #hearingAidSales .header {
    width: auto !important;
  }
  #hearingAidSales .page__main {
    width: auto !important;
  }
  #hearingAidSales .page__row {
    display: block !important;
  }
  #hearingAidSales .hearing-aid-sales__filters {
    flex-direction: row !important;
    width: 90vw;
    margin-left: 0;
  }
  #hearingAidSales .hearing-aid-sales__commands {
    display: none !important;
  }
  #hearingAidSales .sales-section__nav {
    display: none !important;
  }
  #hearingAidSales .sales-report__stats .sales-report__body {
    width: 800px !important;
  }
  #hearingAidSales .sales-report__stats .c3-custom-chart {
    min-width: 800px !important;
  }
  #hearingAidSales .sales-report__header {
    background: #dcdcdc !important;
    min-height: 2em;
  }
  #hearingAidSales .sales-report__header-transactions {
    display: none;
  }
  #hearingAidSales .sales-report__section {
    margin-top: -10px;
  }
  #hearingAidSales .sales-report-sidebar__category-title {
    background: #a7a7a7 !important;
  }
  #hearingAidSales .sales-report__body {
    display: flex !important;
    padding-top: 0px;
    margin-top: 0px;
  }
  #hearingAidSales .sales-report__sidebar {
    width: 500px !important;
  }
  #hearingAidSales .sales-report__main {
    flex-grow: 1 !important;
  }
  #hearingAidSales .chart__trend {
    width: 550px !important;
  }
  #hearingAidSales .location-summary__table {
    table-layout: inherit;
  }
  #hearingAidSales .location-summary__table td {
    padding: 2px;
  }
  #hearingAidSales .location-summary__table .table-field--chart {
    height: auto;
  }
  #hearingAidSales .location-summary__table .c3-custom-chart {
    transform: scale(0.8);
    transform-origin: top center;
    margin-bottom: -90px;
  }
  #hearingAidSales .location-summary__table td:first-child .grid {
    display: flex;
  }
  #hearingAidSales .location-summary__table .chartColor__box {
    margin-right: 6px;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Premium {
    background: #1EAEFF !important;
    -webkit-print-color-adjust: exact; /* For Webkit-based browsers */
    print-color-adjust: exact; /* Standard property */
  }
  #hearingAidSales .location-summary__table .chartColor__box--Advanced {
    background: #80BD4D !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Basic {
    background: #D87E00 !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Entry {
    background: #E9CA1E !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Access {
    background: #F8076E !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Economy {
    background: #E9CA1E !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--CROS {
    background: #1B75BB !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--OTC {
    background: #9F55D7 !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Unknown {
    background: #5F696F !important;
  }
  #hearingAidSales .location-summary__table .chartColor__box--Unspecified {
    background: #ADB1B9 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Oticon {
    background: #D50D8C !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Phonak {
    background: #7FC241 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Resound {
    background: #D71921 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Widex {
    background: #87693C !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Unitron {
    background: #00CCFF !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Sonic {
    background: #415968 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Signia {
    background: #A12223 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Starkey {
    background: #EBA900 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Premium {
    background: #1EAEFF !important;
    -webkit-print-color-adjust: exact; /* For Webkit-based browsers */
    print-color-adjust: exact; /* Standard property */
  }
  #hearingAidSales .chartColor .chartColor__box--Advanced {
    background: #80BD4D !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Basic {
    background: #D87E00 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Entry {
    background: #E9CA1E !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Access {
    background: #F8076E !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Economy {
    background: #E9CA1E !important;
  }
  #hearingAidSales .chartColor .chartColor__box--CROS {
    background: #1B75BB !important;
  }
  #hearingAidSales .chartColor .chartColor__box--OTC {
    background: #9F55D7 !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Unknown {
    background: #5F696F !important;
  }
  #hearingAidSales .chartColor .chartColor__box--Unspecified {
    background: #ADB1B9 !important;
  }
  #hearingAidSales .sales-report__section {
    page-break-before: always;
  }
  #hearingAidSales .sales-report__section:nth-of-type(1) {
    page-break-before: auto;
  }
  #hearingAidSales .sales-report__vendors .sales-report__wrapper {
    page-break-after: auto;
    margin-bottom: 18px;
  }
  #hearingAidSales .sales-report__wrapper {
    page-break-after: always;
  }
  #hearingAidSales .sales-report__footer--more {
    display: none !important;
  }
  #hearingAidSales .sales-vendor-view__cell {
    padding: 0.3em 0;
  }
}

.hearing-aid-sales__global-loading {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 90, 150, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9;
  color: #FFFFFF;
}
.hearing-aid-sales__global-loading .v-moon2 {
  box-shadow: 0 0 30px #FFFFFF;
  opacity: 1;
}
.hearing-aid-sales__loading-text {
  margin-top: 1em;
}
.hearing-aid-sales__commands {
  display: flex;
  justify-content: center;
}
.hearing-aid-sales__btn-run {
  padding: 0.4285714286em 1.7857142857em;
  font-size: 1em;
}
.hearing-aid-sales__btn-loading {
  padding: 0.4285714286em 2.5em;
  background: #ADB1B9;
  border-color: #ADB1B9;
}
.hearing-aid-sales__filters {
  display: flex;
  flex-direction: column;
  padding: 7px 10px;
  justify-content: center;
  width: 70vw;
  margin-left: -50px;
}
@media only screen and (min-width: 768px) {
  .hearing-aid-sales__filters {
    flex-direction: row;
  }
}
.hearing-aid-sales__filter {
  padding: 15px 18px 10px 18px;
}
.hearing-aid-sales__filter:last-child {
  border-right: none;
}

.sales-report-body {
  padding-top: 40px;
  padding-top: 5px;
}
.sales-report-body__section-header {
  font-weight: 300;
  margin-top: 27px;
}
@media only screen and (min-width: 768px) {
  .sales-report-body__section-header {
    margin-top: 10px;
  }
}
.sales-report-body__section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  padding: 6px 0 8px;
  border-radius: 25px;
  background-color: #666666;
  border: 1px solid #CCCCCC;
  font-family: Lato, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.5714285714em;
  margin-bottom: 1.5714285714em;
  font-size: 16px;
  text-transform: none;
  text-align: center;
}
.sales-report-body .tab-disabled {
  flex-grow: 1;
  padding: 5px;
  margin: 10px;
  background: #C7CEE1;
  border: 1px solid #C7CEE1;
  border-radius: 4px;
  color: #5C8BAD;
  font-size: 14px;
  text-align: center;
  cursor: not-allowed;
}

/* A ROW WITH SELECT BOX */
.filter-selection {
  margin: 0px 8px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  /* THE TITLES NEXT TO SELECT BOXES */
  /* THE CONTENT INSIDE THE V-SELECT */
}
@media only screen and (min-width: 768px) {
  .filter-selection {
    margin-bottom: 0;
  }
}
.filter-selection__select {
  width: auto;
  display: block;
  /* THE ACTUAL V-SELECT BOX REPLACEMENT */
}
.filter-selection__select .dropdown-toggle {
  padding: 8px 24px 8px 12px;
  border-radius: 25px;
}
.filter-selection__select--date input[type=text] {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
}
.filter-selection__title {
  font-size: 1.0714285714em;
  font-weight: 600;
  color: #FFFFFF;
  padding-right: 5px;
  flex-basis: 80px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .filter-selection__title {
    flex-basis: auto;
  }
}
.filter-selection__body {
  flex-grow: 1;
}
.filter-selection .dropdown-toggle .btn-content,
.filter-selection .vdp-datepicker input[type=text] {
  color: #444444;
  font-weight: 400;
}

.sales-nav {
  background: #00A5B6;
  color: #FFFFFF;
  height: 3em;
  max-width: 60em;
  border-radius: 0px;
  margin: 0 auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: 0.2s;
}
@media only screen and (min-width: 768px) {
  .sales-nav.affix-top {
    border-radius: 6px;
  }
}
.sales-nav.affix {
  opacity: 0.9;
  width: 100vw;
  max-width: 100vw;
  transition: 0.2s;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  z-index: 9;
  margin-top: -0.5em;
}
@media only screen and (min-width: 768px) {
  .sales-nav.affix {
    margin-top: 0.1428571429em;
  }
}
@media only screen and (min-width: 1330px) {
  .sales-nav.affix {
    margin-top: 0.4285714286em;
  }
}
.sales-nav__container {
  max-width: 50em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  height: 100%;
  overflow: hidden;
}
.sales-nav__item {
  color: #FFFFFF;
  display: block;
  flex: 1;
  text-align: center;
  line-height: 3em;
}
.sales-nav__item:hover, .sales-nav__item:focus {
  color: #FFFFFF;
  background: #00CDE2;
  text-decoration: none;
}
.sales-nav__anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}
.sales-nav__pill {
  background: #FFFFFF;
  border-radius: 12px;
  color: #444444;
  padding: 0px 7px;
  font-size: 0.8em;
  margin-left: 8px;
  top: -1px;
  position: relative;
}

.sales-report__wrapper {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  margin-bottom: 38px;
  background: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .sales-report__wrapper {
    border-radius: 6px;
  }
}
.sales-report__header {
  background: #26536C;
  border-bottom: 1px solid #D6E0E8;
  font-size: 1.2857142857em;
  min-height: 2.5714285714em;
  font-weight: 300;
  color: #FFFFFF;
}
.sales-report__header--transactions {
  grid-template-columns: auto 6.4285714286em;
}
@media only screen and (min-width: 768px) {
  .sales-report__header {
    border-radius: 6px 6px 0 0;
  }
}
.sales-report__header-name {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.sales-report__header-transactions {
  font-size: 0.8em;
  background: #1376BA;
  border-left: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.sales-report__header-transactions:hover {
  background: #2288CE;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .sales-report__header-transactions {
    border-radius: 0 6px 0 0;
  }
}
.sales-report__header-transactions-icon {
  top: auto;
  margin-right: 0.3571428571em;
}
.sales-report__body {
  grid-template-rows: auto;
  grid-gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .sales-report__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .sales-report__body {
    grid-template-columns: 1fr 2fr;
  }
}
.sales-report__sidebar {
  grid-auto-rows: min-content;
}
.sales-report__footer--more {
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  padding: 10px 14px;
  border-radius: 0px 0px 6px 6px;
  cursor: pointer;
}
.sales-report__footer--more:hover {
  background: #F3FDFE;
}
.sales-report__footer-expandable {
  color: #1376BA;
}
.sales-report__tab-group {
  display: flex;
  width: 100%;
}
.sales-report__tab {
  flex-grow: 1;
  padding: 5px;
  margin: 10px;
  background: transparent;
  border: 1px solid #D6E0E8;
  border-radius: 4px;
  color: #1376BA;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.sales-report__tab.active {
  background: #00A5B6;
  color: #FFFFFF;
  cursor: default;
}
.sales-report__tab.active:hover {
  background: #00A5B6;
  color: #FFFFFF;
}
.sales-report__tab:hover {
  background: #F3FDFE;
  color: #00A5B6;
}
.sales-report__tab-body {
  margin: 0.5em;
  grid-template-rows: auto;
}
@media only screen and (min-width: 1200px) {
  .sales-report__tab-body {
    grid-column-template: 1fr 1fr;
  }
}
.sales-report__tab-body--empty {
  background-image: url("/images/fuel_logo_gray.png");
  background-repeat: no-repeat;
  background-position: center;
}
.sales-report__stats {
  grid-gap: 1em;
  grid-template-rows: repeat(3, minmax(4.2857142857em, 1fr)) 1em;
}
@media only screen and (min-width: 768px) {
  .sales-report__stats {
    grid-template-columns: repeat(3, minmax(4.2857142857em, 1fr));
    grid-template-rows: 1fr 1em;
  }
}
.sales-report__stats-box {
  background: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .sales-report__stats-box {
    border-radius: 6px;
  }
}
.sales-report__stats-disclaimer {
  font-size: 0.75em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .sales-report__stats-disclaimer {
    grid-area: 2/1/3/4;
  }
}

.sales-report-sidebar__category {
  grid-template-columns: 2.5em repeat(auto-fit, minmax(4.2857142857em, 1fr));
  border-bottom: 1px solid #D6E0E8;
  border-right: 1px solid #D6E0E8;
}
.sales-report-sidebar__category--fuel-time .sales-report-sidebar__category-number {
  font-size: 2.125em;
}
.sales-report-sidebar__category--fuel-time .sales-report-sidebar__category-box {
  height: 10.7142857143em;
}
.sales-report-sidebar__category-title {
  background: #00A5B6;
  color: #FFFFFF;
  flex: auto;
  font-size: 0.8571428571em;
  font-family: Lato, sans-serif;
  font-weight: 400;
  height: 100%;
  line-height: 2.75em;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(180deg);
  width: 100%;
  writing-mode: vertical-rl;
}
.sales-report-sidebar__category-title--fuel-time {
  background: #26536C;
}
.sales-report-sidebar__category-box {
  border-right: 1px solid #D6E0E8;
  display: flex;
  flex-direction: column;
  height: 5em;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.sales-report-sidebar__category-box:last-of-type {
  border-right: none;
}
.sales-report-sidebar__category-subtitle {
  color: #888888;
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 1em;
}
.sales-report-sidebar__category-number {
  color: #666666;
  font-family: Lato, sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 1.2857142857em;
}
.sales-report-sidebar__category-number--only {
  font-size: 1.75em;
}
.sales-report-sidebar__category-number--percent {
  text-align: center;
  font-size: 1.4285714286em;
}
.sales-report-sidebar__category-number--positive {
  color: #5CB85C;
}
.sales-report-sidebar__category-number--negative {
  color: #D15B4F;
}

.sales-chart__container {
  grid-auto-rows: auto;
}
@media only screen and (min-width: 1200px) {
  .sales-chart__container {
    grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
  }
}
.sales-chart__chart-wrapper {
  grid-template-columns: 2fr 1fr;
}
.sales-chart__chart-wrapper--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12em;
  flex-direction: column;
}
.sales-chart__chart-wrapper--loading .loadingText {
  color: #444444 !important;
}

.sales-detail-view {
  font-size: 1em;
}
.sales-detail-view__row {
  grid-template-columns: 1fr repeat(3, 3fr);
}
.sales-detail-view__row:nth-child(even) {
  background: #EFEFEF;
}
.sales-detail-view__row:last-child {
  border-bottom: 1px solid #D6E0E8;
}
.sales-detail-view__row--header {
  background: #00A5B6;
}
.sales-detail-view__category {
  border-left: 1px solid #D6E0E8;
  grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
}
.sales-detail-view__category:first-child {
  border-left: none;
}
.sales-detail-view__cell {
  font-weight: 400;
  color: #666666;
  padding: 0.5em 0;
  text-align: center;
}
.sales-detail-view__cell--header {
  color: #FFFFFF;
  font-weight: 300;
}
.sales-detail-view__cell--positive {
  color: #5CB85C;
}
.sales-detail-view__cell--negative {
  color: #D15B4F;
}
.sales-detail-view__cell--prior {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sales-detail-view__cell--prior {
    display: block;
  }
}
.sales-detail-view__cell--change {
  display: none;
}
@media only screen and (min-width: 992px) {
  .sales-detail-view__cell--change {
    display: block;
  }
}

.sales-vendor-view {
  font-size: 1em;
}
.sales-vendor-view__row {
  grid-template-columns: 1fr repeat(3, 3fr);
  border-bottom: 1px solid #D6E0E8;
}
.sales-vendor-view__row--header {
  background: #00A5B6;
}
.sales-vendor-view__category {
  border-left: 1px solid #D6E0E8;
  grid-template-columns: repeat(auto-fit, minmax(4.2857142857em, 1fr));
}
.sales-vendor-view__category:first-child {
  border-left: none;
}
.sales-vendor-view__category-subtitle {
  color: #888888;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 1em;
}
.sales-vendor-view__category-value {
  font-size: 1.2em;
  font-weight: 700;
  color: #3E5473;
}
.sales-vendor-view__category-value--positive {
  color: #5CB85C;
}
.sales-vendor-view__category-value--negative {
  color: #D15B4F;
}
.sales-vendor-view__cell {
  font-weight: 400;
  color: #666666;
  padding: 0.5em 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.sales-vendor-view__cell--header {
  color: #FFFFFF;
  font-weight: 300;
}
.sales-vendor-view__cell--prior {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sales-vendor-view__cell--prior {
    display: flex;
  }
}
.sales-vendor-view__cell--change {
  display: none;
}
@media only screen and (min-width: 992px) {
  .sales-vendor-view__cell--change {
    display: flex;
  }
}

.filter-sales-dates__from-date {
  flex-grow: 0.7;
}
.filter-sales-dates__to-date {
  flex-grow: 0.6;
}

/* /////////////////////////////////////
// Animations
///////////////////////////////////// */
.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* /////////////////////////////////////
// Sales Charts
///////////////////////////////////// */
.c3-custom-chart .c3-line {
  stroke-width: 5px;
}

/* /////////////////////////////////////
// Vue-Datepicker
// Vue-Datepicker component was not working because <header> element it uses would have
// zero height and not be clickable. Solving that here.
///////////////////////////////////// */
.vdp-datepicker__calendar {
  margin-left: -20px;
  width: 210px;
}
.vdp-datepicker__calendar header {
  height: 40px;
}
.vdp-datepicker__calendar .cell {
  padding: 0 15px;
}
.vdp-datepicker__calendar .cell.selected {
  background: #F3FAFF;
  color: #FFFFFF;
}
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #FFFFFF;
}
.vdp-datepicker__clear-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  right: 12px;
  background: #eee;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 100%;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  top: 10px;
  margin-right: 3px;
}
.vdp-datepicker__clear-button:hover {
  opacity: 0.5;
}
.vdp-datepicker__clear-button i {
  font-style: normal;
}
.vdp-datepicker .month,
.vdp-datepicker .year {
  width: 50%;
  font-size: 14px;
  text-align: left;
}
.vdp-datepicker input[type=text] {
  display: inline-block;
  min-width: 6.6em;
  padding: 9px 12px;
  color: #888888;
  font-weight: 300;
}

button:focus {
  outline: none;
}

.sales-report__section.sales-section__nav {
  padding-bottom: 20px;
}

/* /////////////////////////////////////
// Locations Summary
///////////////////////////////////// */
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sales-report__section--location-summary {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .sales-nav__item--LocationSummary {
    display: none;
  }
}

.location-summary__table {
  border: 1px solid #CCCCCC;
  table-layout: fixed;
  width: 100%;
}
.location-summary__table .total-row {
  background: #EFEFEF;
}
.location-summary__table td {
  border: 1px solid #CCCCCC;
  text-align: center;
  padding: 5px;
  min-width: 110px;
}
.location-summary__table td:first-child {
  text-align: left;
  font-weight: 600;
  width: 140px;
}
.location-summary__table td:first-child .total-col {
  text-align: right;
}
.location-summary__table .table-field--chart {
  height: 320px;
  padding: 5px 0;
}
.location-summary__table .table-field--name {
  font-size: 0.8em;
  font-weight: 600;
}
.location-summary__table .chartColor__box {
  margin: 5px 2px;
}
.location-summary__chart {
  position: absolute;
  margin-top: 3px;
  margin-left: 100px;
}
.location-summary--table-wrapper {
  overflow-x: scroll;
  position: relative;
}

body {
  font-size: 16px;
}

.dashboard {
  /* /////////////////////////////////////
  // TODO: check and remove unused
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // TODO: check and remove unused
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // TODO: check and remove unused
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // Dashboard Card Styles - (new 20190315)
  ///////////////////////////////////// */
  /* /////////////////////////////////////
  // END - Dashboard Card Styles - (new 20190315)
  ///////////////////////////////////// */
}
.dashboard__card {
  position: relative;
  min-width: 0;
  background-color: #FFFFFF;
  border-radius: 6px;
  border: none;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
  margin-bottom: 1.5em;
  overflow: hidden;
  min-height: 32.1428571429em;
}
.dashboard__card--no-radius {
  border-radius: 0;
}
@media only screen and (min-width: 769px) {
  .dashboard__card--half-width {
    max-width: 49.22%;
  }
}
.dashboard__card--no-min {
  min-height: 0;
}
.dashboard .loadingText {
  color: #FFFFFF;
  margin-top: 1.0714285714em;
}
.dashboard .loadingBlur {
  filter: blur(5px);
}
.dashboard__card-loading {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  height: 100%;
  background: rgba(0, 90, 150, 0.9);
  justify-content: center;
  align-items: center;
  color: #F9F9F9;
  z-index: 1;
  position: absolute;
  width: 100%;
  backdrop-filter: blur(5px) grayscale(1);
  min-height: 7.1428571429em;
}
.dashboard__audio-kpis__teaser {
  height: 100%;
  flex: 1;
  display: block;
}
.dashboard__audio-kpis__teaser--bg {
  background: url("../../images/card_kpis.png") center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(7px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dashboard__audio-kpis__teaser--content {
  background: rgba(255, 255, 255, 0.65);
  color: #444444;
  display: flex;
  text-align: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 3.5714285714em;
  padding-right: 3.5714285714em;
}
.dashboard__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 1.4285714286em;
  min-height: 27.5em;
}
.dashboard__card-container {
  flex: 1;
  width: 100%;
}
.dashboard__overview > .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dashboard__overview .chart__mix-sales .grid {
  display: flex;
  flex-wrap: wrap;
}
.dashboard__overview .chart__mix-sales .grid .mix__chart {
  text-align: center;
}
.dashboard__card-header {
  padding: 1.4285714286em;
  align-items: center;
}
.dashboard__card-title {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 300;
  font-weight: 300;
  display: inline;
}
.dashboard__card-title-addendum {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 1em;
}
.dashboard__card-title-icon {
  position: absolute;
  top: 1.4285714286em;
  right: 1.4285714286em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.1428571429em;
  height: 2.1428571429em;
  border-radius: 1.0714285714em;
  color: #FFFFFF;
}
.dashboard__card-title-icon--fuel-utilization {
  background: #2288CE;
}
.dashboard__card-title-icon--sales {
  background: #26536C;
}
.dashboard__card-title-icon--audio-kpi {
  background: #BD5151;
}
.dashboard__card-title-icon--library {
  background: #8EADBE;
}
.dashboard__card-title-icon--fuel-funds {
  background-color: #64A31B;
}
.dashboard__card-title-icon--digital-promo {
  background-color: #FF7200;
}
.dashboard__card-title-icon--meeting-agendas {
  background-color: #A2466C;
}
.dashboard__card-body {
  min-height: 330px;
}
.dashboard__card-body--bordered {
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.dashboard__card-body--bordered-top {
  border-bottom: 0;
  border-top: 1px solid #DEDEDE;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.dashboard__card-body--no-min {
  min-height: 0;
}
.dashboard__card-body-col {
  border-right: 1px solid #DEDEDE;
}
.dashboard__card-body-col:last-of-type {
  border-right: none;
}
.dashboard__card-body-col--shaded {
  background: #F9F9F9;
}
.dashboard__card-body-col--fuel-utilization {
  flex: 1;
  min-width: 21.4285714286em;
}
.dashboard__card-footer {
  display: flex;
  justify-content: center;
  padding: 1.4285714286em 0;
  align-items: center;
}
.dashboard__card-link {
  background: #3290C3;
  border-radius: 25px;
  padding: 0.5em 1em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  transition: 0.2s;
}
.dashboard__card-link:hover {
  text-decoration: none;
  background: #2288CE;
  transition: 0.2s;
}
.dashboard__card-link-text {
  font-family: Lato, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0.6em 2em;
}
.dashboard__card-link-text:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.dashboard__no-data {
  font-weight: 100;
  font-size: 1.2857142857em;
  text-align: center;
}
.dashboard .hearingAidSales__filters {
  border-top: none !important;
  justify-content: flex-start;
}
.dashboard__grid {
  flex: 1;
}
.dashboard__grid .grid {
  max-width: 100%;
}
.dashboard__audiology-kpi--container {
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dashboard__audiology-kpi--container {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.dashboard__fuel-funds--container {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dashboard__fuel-funds--container {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.dashboard__connections {
  flex: 1;
  margin: 2.8571428571em 1.4285714286em;
}
@media only screen and (min-width: 0) and (max-width: 575px) {
  .dashboard__connections {
    margin-top: 0;
  }
}
.dashboard__connections .pieTable {
  border-collapse: unset;
}
.dashboard__connections .filter-selection {
  display: flex;
  flex-direction: row;
}

.sales--icon {
  background: #26536C;
}
@media only screen and (min-width: 769px) {
  .sales--icon {
    position: absolute;
    right: 1.4285714286em;
  }
}

.mixes {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
}
.mixes__list--item {
  display: flex;
  width: 100%;
}
.mixes__name {
  flex: 1 0 auto;
  text-align: left;
  padding-left: 1.0714285714em;
}
.mixes__name--heading {
  font-size: 16px;
  font-family: Lato, sans-serif;
  line-height: 2.13;
  font-weight: 600;
  color: #666666;
  flex: 1 0 auto;
}
.mixes__units {
  flex: 1 0 auto;
  text-align: right;
}
.mixes__units--heading {
  font-size: 16px;
  font-family: Lato, sans-serif;
  line-height: 2.13;
  font-weight: 600;
  color: #666666;
  flex: 1 0 auto;
  text-align: right;
}
.mixes__stats {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  width: 50%;
  justify-content: center;
  align-content: center;
  padding-left: 1.0714285714em;
  padding-right: 1.0714285714em;
}
.mixes__graph {
  flex: 1 0 auto;
}
.mixes__titles {
  border-bottom: 1px solid #D2D0C5;
}

.tier-mix__container {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  width: 100%;
}

.filter-sales-dates {
  width: unset;
  flex-basis: unset;
}

.chart__wrapper h3 {
  font-family: Lato, serif !important;
}

/* /////////////////////////////////////
// Dashboard Card - Fuel Utilization Styles
///////////////////////////////////// */
.dash-fuel-utilization__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  min-height: 330px;
}
.dash-fuel-utilization .alert.alert-warning {
  width: 90%;
  position: absolute;
  top: 30%;
  margin-left: 5%;
}
.dash-fuel-utilization__time-stat {
  align-items: center;
  border-bottom: 1px solid #DEDEDE;
  display: flex;
  justify-content: left;
  padding: 0.7142857143em 1.4285714286em;
}
.dash-fuel-utilization__hours {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 3.2142857143em;
  color: #495562;
  margin: 0;
  line-height: normal;
  display: inline;
}
.dash-fuel-utilization__hours-worked {
  font-family: Lato, sans-serif;
  font-size: 1.2857142857em;
  color: #888888;
  margin: 0;
  line-height: normal;
  display: inline;
  font-weight: 400;
  margin-left: 0.7142857143em;
}
.dash-fuel-utilization__date-range {
  display: flex;
  flex: 1;
  border-bottom: 1px solid #DEDEDE;
  background: #F9F9F9;
}
.dash-fuel-utilization__counters {
  display: flex;
  flex: 1;
  border-bottom: 1px solid #DEDEDE;
  background: #F9F9F9;
}
.dash-fuel-utilization__stats-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
}
.dash-fuel-utilization__count {
  display: inline;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 1.8571428571em;
  color: #61686F;
  margin: 0;
  margin-right: 0.3571428571em;
}
.dash-fuel-utilization__category {
  display: inline;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #888888;
  margin-bottom: 0;
}
.dash-fuel-utilization__order-stats {
  display: flex;
  flex-direction: row;
  padding: 1.0714285714em;
}
.dash-fuel-utilization__container {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.dash-fuel-utilization__container--department {
  flex: 2;
  text-align: left;
}
.dash-fuel-utilization__container-header {
  font-family: Lato, sans-serif;
  font-size: 1em;
  margin-bottom: 0.5em;
}
.dash-fuel-utilization__dept-name {
  font-weight: 300;
  font-size: 1.1428571429em;
  font-family: Lato, sans-serif;
  color: #444444;
  margin-bottom: 0.7142857143em;
}
.dash-fuel-utilization__active-stat {
  font-size: 1.1428571429em;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: #495562;
  margin-bottom: 0.7142857143em;
}
.dash-fuel-utilization__completed-stat {
  font-size: 1.1428571429em;
  font-weight: 300;
  font-family: Lato, sans-serif;
  color: #888888;
  margin-bottom: 0.7142857143em;
}
.dash-fuel-utilization__recent-work-orders-header {
  font-size: 0.8571428571em;
  color: #888888;
  font-family: Lato, sans-serif;
  font-weight: 300;
  padding: 1.4285714286em;
  padding-bottom: 0.7142857143em;
  text-transform: uppercase;
}
.dash-fuel-utilization__work-orders {
  display: flex;
  flex-direction: column;
  padding: 0.7142857143em 1.4285714286em;
}
.dash-fuel-utilization__work-order {
  display: flex;
  flex-direction: row;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  padding: 0.8571428571em;
  margin-bottom: 0.3571428571em;
  height: 50px;
  align-items: center;
}
.dash-fuel-utilization__work-order-name {
  text-align: left;
  color: #444444;
  line-height: 1.43;
  flex: 4;
  padding-right: 0.7142857143em;
}
.dash-fuel-utilization__work-order-status {
  font-size: 0.8571428571em;
  color: #666666;
  display: flex;
  align-items: center;
  line-height: 1.43;
  flex: 1;
  height: 3.5714285714em;
  padding-left: 1.0714285714em;
  border-left: solid 4px #666666;
}
.dash-fuel-utilization__work-order-status--member-review {
  border-left: solid 4px #3290C3;
}
.dash-fuel-utilization__work-order-status--in-progress {
  border-left: solid 4px #F88900;
}
.dash-fuel-utilization__work-order-status--complete {
  border-left: solid 4px #64A31B;
}

/* /////////////////////////////////////
// Dashboard Card - Hearing Aid Activity Styles
///////////////////////////////////// */
.dash-hearing-aid-activity {
  /* /////////////////////////////////////
  // TODO: check and remove unused
  ///////////////////////////////////// */
}
.dash-hearing-aid-activity__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 330px;
}
.dash-hearing-aid-activity__content-container .hearingAidSales__filters {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .dash-hearing-aid-activity__content-container {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dash-hearing-aid-activity__content-container {
    flex-direction: column-reverse;
  }
}
.dash-hearing-aid-activity__content-container .mix__chart {
  flex: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dash-hearing-aid-activity__content-container .hearingAidSales__filters {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .dash-hearing-aid-activity__content-container .hearingAidSales__filters {
    flex-direction: column;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dash-hearing-aid-activity__content-container .filter__title {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .dash-hearing-aid-activity__content-container .filter__title {
    display: none;
  }
}
.dash-hearing-aid-activity__content-container .filter-sales-dates-container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .dash-hearing-aid-activity__content-container .filter-sales-dates-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .dash-hearing-aid-activity__content-container .filter-sales-dates-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 0) and (max-width: 374px) {
  .dash-hearing-aid-activity__content-container .filter-sales-dates-container {
    flex-direction: column;
  }
}
.dash-hearing-aid-activity__content-container .filter-sales-dates-container .filter-selection {
  flex: 1;
}
.dash-hearing-aid-activity__content-container .filter__sales-range {
  max-width: unset;
  padding: 0;
}
.dash-hearing-aid-activity__content-charts {
  padding-left: 1.4285714286em;
}
.dash-hearing-aid-activity__overview-filters {
  height: 20.7142857143em;
  border-left: 1px solid #DEDEDE;
  text-align: center;
  padding: 1.7857142857em;
  padding-right: 0;
}
.dash-hearing-aid-activity__overview-filters--instructions {
  font-family: Lato, sans-serif;
  font-weight: 300;
  line-height: 1.33;
  font-size: 1.0714285714em;
  color: #666666;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dash-hearing-aid-activity__overview-filters {
    height: auto;
    padding: 0.7142857143em;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .dash-hearing-aid-activity__overview-filters {
    height: auto;
    padding: 0.7142857143em;
    text-align: left;
  }
}
/* /////////////////////////////////////
// Dashboard Card - Audiology KPI styles
///////////////////////////////////// */
.dash-audiology-kpi__content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}
.dash-audiology-kpi__content-col-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 1.4285714286em;
  min-height: 330px;
}
.dash-audiology-kpi__year {
  width: 100%;
  flex: 1 0 auto;
}
.dash-audiology-kpi__date {
  font-family: Lato, sans-serif;
  font-size: 2.1428571429em;
  font-weight: 900;
  color: #61686F;
  margin-top: -5px;
  display: inline;
}
.dash-audiology-kpi__category {
  width: 50%;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 2;
  color: #8B8B8B;
  flex: 1 0 auto;
  text-align: left;
}
.dash-audiology-kpi__value {
  width: 50%;
  position: relative;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 2;
  font-weight: 600;
  color: #8B8B8B;
  flex: 1 0 auto;
  text-align: right;
}

/* /////////////////////////////////////
// Dashboard Card - Library Styles
///////////////////////////////////// */
.dash-library__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  min-height: 330px;
  padding: 1.4285714286em;
}
.dash-library__content-container--no-min {
  min-height: 0;
}
.dash-library__list-item {
  border-radius: 4px;
  border: solid 1px #DEDEDE;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  margin-bottom: 0.3571428571em;
}
.dash-library__list-item:hover {
  cursor: pointer;
  background-color: #F3FAFF;
  border: 1px solid #3290C3;
  border-radius: 4px;
  transition: 0.15s all;
}
.dash-library__link {
  color: #666666;
  display: block;
  padding: 0.8571428571em;
}
.dash-library__link:hover {
  text-decoration: none;
  color: #0474BD;
  transition: 0.15s;
}

/* /////////////////////////////////////
// Dashboard Card - Meeting Agenda Styles
///////////////////////////////////// */
.dash-meeting-agenda__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  min-height: 330px;
  padding: 1.4285714286em;
}
.dash-meeting-agenda__list-item {
  border-radius: 4px;
  border: solid 1px #DEDEDE;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  margin-bottom: 0.3571428571em;
}
.dash-meeting-agenda__list-item:hover {
  cursor: pointer;
  background-color: #F8ECF1;
  border: 1px solid #BE6087;
  border-radius: 4px;
  transition: 0.15s all;
}
.dash-meeting-agenda__link {
  color: #666666;
  display: block;
  padding: 0.8571428571em;
}
.dash-meeting-agenda__link:hover {
  text-decoration: none;
  color: #BE6087;
  transition: 0.15s;
}

/* /////////////////////////////////////
// Dashboard Card - Fuel Funds Styles
///////////////////////////////////// */
.dash-fuel-funds__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  min-height: 330px;
}
.dash-fuel-funds__content-col-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-fuel-funds__content-charts {
  padding-left: 1.4285714286em;
}
.dash-fuel-funds__total {
  font-size: 4.6428571429em;
  font-family: Lato, sans-serif;
  color: #64A31B;
  display: inline;
}
.dash-fuel-funds__vendors {
  align-content: center;
  flex: auto;
  font-family: Lato, sans-serif;
  min-height: 12em;
  text-align: left;
}
.dash-fuel-funds__vendor {
  display: flex;
  font-size: 14px;
  color: #888888;
  line-height: 2;
  flex: 1 0 auto;
  flex-wrap: nowrap;
}
.dash-fuel-funds__vendor-percentage {
  align-self: center;
  font-size: 16px;
  font-weight: 900;
  color: #555A60;
  line-height: 2;
  padding: 0.25em;
  flex: 0 0 auto;
  width: 30%;
}
.dash-fuel-funds__vendor-name {
  align-self: center;
  color: #888888;
  flex: 1 0 auto;
  font-size: 14px;
  line-height: 2;
  padding: 0.25em;
}

/* /////////////////////////////////////
// Banner Card - Library Styles
///////////////////////////////////// */
.dash-banners__content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
  padding: 1.4285714286em;
  padding-top: 0;
}

.page-login__container {
  background: #063655 url(../images/portal_login_background.jpg) top center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
}
.page-login__frame-intro {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 374px) {
  .page-login__frame-intro {
    margin-top: 3.5714285714em;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .page-login__frame-intro {
    margin-top: 5em;
  }
}
.page-login__browser-alert {
  align-items: center;
  position: relative;
  top: -35px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  width: 40%;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  height: 100px;
  display: none;
}
.page-login__heading {
  font-family: Lora, serif;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 3.4285714286em;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 374px) {
  .page-login__heading {
    font-size: 1.5714285714em;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .page-login__heading {
    font-size: 2em;
    margin-bottom: 1.4285714286em;
  }
}
.page-login__content {
  border-radius: 2em;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  display: inline;
  font-size: 18px;
  margin-bottom: 1.5rem;
  padding: 0.25em 1em;
}
@media only screen and (min-width: 768px) {
  .page-login__content {
    border-left: 4px solid #F88900;
    border-right: 4px solid #F88900;
  }
}
@media only screen and (max-width: 374px) {
  .page-login__content {
    font-size: 0.8571428571em;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .page-login__content {
    font-size: 1em;
    margin-bottom: 1.5em;
  }
}
.page-login__sign-in-row {
  padding: 30px 15px;
  width: 80%;
  margin: 0 auto;
  border-radius: 5px;
}
@media only screen and (max-width: 374px) {
  .page-login__sign-in-row {
    width: 100%;
    margin: 1em auto 0;
  }
}
.page-login__login-input {
  height: 48px;
  opacity: 1;
  border-color: #FFFFFF !important;
  border-radius: 4px !important;
}
.page-login__login-input:focus {
  opacity: 1;
  box-shadow: 0 0 0 2px 0, 123, 255, 0.5;
  border: 1px solid #80BDFF;
  transition: all 0.15s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page-login__login-input {
    margin: 0.7142857143em 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1329px) {
  .page-login__login-input {
    margin: 0.7142857143em 0 !important;
  }
}
.page-login__loader-container {
  margin-top: 3em;
}
.page-login__login-btn {
  border-radius: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border: solid 2px #FFFFFF;
  background-color: #64A31B;
  color: #FFFFFF;
  margin-top: 3em;
  padding: 0.6em 2.5em;
  transition: 0.2s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page-login__login-btn {
    margin: 1.5em auto;
  }
}
.page-login__login-btn:hover {
  padding: 0.6em 2em;
  cursor: pointer;
  transition: all 0.2s;
}
.page-login__login-btn:disabled {
  opacity: 0.5;
}
.page-login__login-btn:disabled:hover {
  padding: 0.6em 2.5em;
  cursor: default;
}
.page-login__trouble-link {
  display: inline-block;
  border-radius: 50px;
  margin: 60px auto 0;
  padding: 0.6em 1.5em;
  transition: 0.1s;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
}
.page-login__trouble-link:hover {
  cursor: pointer;
  text-decoration: none;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: 0.2s;
  padding: 0.6em 2em;
}
.page-login__footer {
  bottom: 10px;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
  position: absolute;
}
@media only screen and (max-width: 374px) {
  .page-login__footer {
    font-size: 0.5714285714em;
  }
}
@media only screen and (min-width: 375px) {
  .page-login__footer {
    font-size: 0.7857142857em;
  }
}

.page-verify__container {
  background: #063655 url(../images/bg_angles_overlay.svg) top center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
}
.page-verify__frame-intro {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  margin-top: 3.5714285714em;
}
@media only screen and (min-width: 375px) {
  .page-verify__frame-intro {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 1330px) {
  .page-verify__frame-intro {
    margin-top: 2.8571428571em;
  }
}
.page-verify__content-wrapper {
  background: #26536C;
  border-radius: 6px;
}
.page-verify__header {
  background: #30638E;
  border-radius: 6px 6px 0 0;
  border-bottom: 3px solid #F88900;
  padding: 15px;
}
@media only screen and (min-width: 0px) {
  .page-verify__header {
    margin-right: -5px;
    margin-left: -5px;
  }
}
.page-verify__header-text {
  color: #FFFFFF;
  font-size: 0.85em;
  vertical-align: middle;
}
.page-verify__content {
  display: flex;
  flex-direction: row;
  background: #DDDDDD;
  flex: 1;
  padding: 15px;
  border-radius: 0 0 6px 6px;
  align-items: center;
  font-family: Lato, sans-serif;
  color: #444444;
  font-size: 16px;
}
@media only screen and (min-width: 0px) {
  .page-verify__content {
    margin-right: -5px;
    margin-left: -5px;
  }
}
.page-verify__content-image {
  margin: 0 auto;
  margin-right: 15px;
  height: auto;
  width: auto;
}
.page-verify__form-container {
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  padding: 1.7857142857em 0;
  padding-bottom: 0;
  flex: 1;
}
@media only screen and (min-width: 576px) {
  .page-verify__form-container {
    padding: 1.7857142857em 0;
  }
}
.page-verify__form {
  display: flex;
  flex-direction: column;
  flex: 5;
}
.page-verify__icon .fa {
  background: #26536C;
  border-radius: 25em;
  color: #FFFFFF;
  padding: 0.5em;
}
@media only screen and (min-width: 0px) {
  .page-verify__icon .fa {
    margin-right: -1.0714285714em;
  }
}
.page-verify__form-item {
  margin-bottom: 1em;
}
.page-verify__form-icons {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
}
.page-verify__form-icons > .fa {
  background: #30638E;
  padding: 10px;
  border-radius: 25px;
}
.page-verify__form-icons > .fa:not(:last-of-type) {
  margin-bottom: 37px;
}
.page-verify--password-visibility {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.page-verify--password-reqs {
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  width: 75%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.page-verify__l-header {
  font-family: Lora, serif;
  color: #FFFFFF;
  font-size: 48px;
}
.page-verify__footer {
  bottom: 10px;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
  position: absolute;
}
@media only screen and (max-width: 374px) {
  .page-verify__footer {
    font-size: 0.5714285714em;
  }
}
@media only screen and (min-width: 375px) {
  .page-verify__footer {
    font-size: 0.7857142857em;
  }
}
.page-verify__verify-input:not(:last-of-type) {
  margin-bottom: 25px;
}
.page-verify__verify-input:focus {
  border: 1px solid #2288CE;
  color: #444444;
  background: #F3FAFF;
}
.page-verify__footer {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
}

.form__item {
  display: flex;
  position: absolute;
  margin-top: 1.4285714286em;
}
.form__item label {
  font-size: 1em;
  margin-bottom: 0.5em;
}
.form__item input {
  margin: auto;
}
.form__item input::-webkit-input-placeholder {
  text-align: center;
}
.form__item input:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}
.form__item input::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}
.form__item input:-ms-input-placeholder {
  text-align: center;
}
.form__item input:focus, .form__item input:hover {
  transition: 0.3s;
  border-color: #66AFE9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.password-reqs__title {
  font-size: 16px;
  margin: 0 auto;
}
.password-reqs__content {
  font-size: 14px;
}
.password-reqs__icon--valid {
  color: #64A31B;
}
.password-reqs__icon--invalid {
  color: #D15B4F;
}

.messenger {
  font-size: 1em;
}
.messenger__title {
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  color: #444444;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2857142857em;
  margin-bottom: 1em;
  padding: 1em 3em;
}
.messenger__body {
  color: #FFFFFF;
}

.browser-alert__icon {
  margin: 15px;
}
.browser-alert__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 2.5;
  color: #444444;
  text-align: left;
  font-size: 14px;
}
.browser-alert__content--header {
  font-size: 14px;
  font-weight: 600;
  color: #444444;
  letter-spacing: 0.18px;
  margin-bottom: 5px;
}
.browser-alert__content--text {
  margin: 0;
}
.browser-alert__link-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-left: 1px solid #DEDEDE;
  border-radius: 0 4px 4px 0;
}
.browser-alert__link-container:hover {
  background: #F3FAFF;
  cursor: pointer;
}
.browser-alert__chrome-icon {
  margin-right: 10px;
}
.browser-alert__link {
  font-size: 14px;
  color: #0474bd;
  line-height: 100px;
  width: 100%;
  padding: 1em;
}
.browser-alert__link:hover {
  text-decoration: none;
}

.bootstrap-select .dropdown-toggle:hover {
  border: 1px solid #2288CE;
  transition: 0.15s;
}
.bootstrap-select .dropdown-toggle:hover::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.115em;
  content: "";
  vertical-align: 0.5em;
  border-top: 6px dashed;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  color: #3290C3;
}

.bootstrap-select .dropdown-toggle:focus {
  border: 1px solid #2288CE;
  background: #F3FAFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  outline: none !important;
}
.bootstrap-select .dropdown-toggle:focus::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.115em;
  content: "";
  vertical-align: 0.5em;
  border-top: 6px dashed;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  color: #3290C3;
}

.btn-group > .btn:first-child {
  right: 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0;
}

.bootstrap-select > .btn:first-child {
  width: auto;
  position: absolute;
}

.dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.115em;
  content: "";
  vertical-align: 0.5em;
  border-top: 6px dashed;
  border-top: 6px solid\9 ;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  color: #666666;
}

.pj__search-container > .fa.fa-search {
  position: relative;
  left: 35px;
  color: #888888;
}

.modal-backdrop {
  z-index: 1050;
  background-color: rgba(41, 55, 71, 0.98);
}

.modal {
  z-index: 1051;
  width: 100%;
  height: 100%;
}

.btn--verify {
  margin-top: 50px;
  background: #0474BD;
}
.btn--verify:hover {
  background-color: #2288CE;
  border: 2px solid #FFFFFF;
  cursor: pointer;
}

/**
 * Takes care of sizing issues in the sales tool
 */
.hearingAidSales__totals .grid {
  max-width: 100%;
}

.hearingAidSales__vendor .grid {
  max-width: 100%;
}

#fuelUtilization .form-control.dropdown-toggle {
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
#fuelUtilization .form-control.dropdown-toggle.inactive {
  opacity: 0.5;
}

.dropdown.document__dropdown > .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-bottom: 1px solid #2288CE;
  transition: 0.15s;
  background-color: #F3FAFF !important;
}

.vdp-datepicker__calendar .cell.selected {
  background: #F3FAFF;
  border: 1px solid #4bd;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #fff;
}

.dropdown-menu > li > a {
  padding: 10px 15px;
  border-radius: 4px;
}

.tooltip > .tooltip-inner {
  padding: 8px !important;
}

.pricing .filter-selection__select .dropdown-toggle {
  border: 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0 auto -webkit-focus-ring-color !important;
  outline-offset: 0 !important;
}

.vdp-datepicker.filter-selection__select.filter-selection__select--date input[type=text] {
  font-size: 14px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  width: 100%;
}

.vdp-datepicker__calendar {
  margin-left: -20px;
  width: 210px;
  /* border: 1px solid #ccc; */
}

.vdp-datepicker__calendar .month, .vdp-datepicker__calendar .year {
  width: 50%;
  font-size: 14px;
  text-align: left;
}

.vdp-datepicker__calendar .cell {
  padding: 0 15px;
}

.member-report-icon.glyphicon.glyphicon-share-alt {
  display: none;
}

.filter-sales-dates-container {
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .filter-sales-dates-container {
    flex-direction: column;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .filter-products {
    flex-direction: column;
  }
}

.hearingAidSales--memberReport .filter__sales-range .filter-selection {
  margin: 10px;
}

.hearingAidSales--memberReport .filter__sales-range .filter-sales-dates__to-date.filter-selection {
  margin-left: 25px;
}

.filter__sales-range {
  max-width: unset;
}

.hearingAidSales--memberReport .filter__sales-range {
  margin-top: 0;
}

.hearingAidSales__filter {
  flex: 1;
}
/*# sourceMappingURL=application.css.map */