@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");
.grid:after, .content__topbar:after, .content__meta-bar:after, .form:after, .form__item--time-entry:after, .form__item--change-owner:after, .form__item--change-status:after, .form__item--after-table:after, .form-section__header:after, .messenger:after {
  content: "";
  display: table;
  clear: both; }

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

.form__item--after-table label, .form__item--after-table select, .form__item--after-table input {
  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--centered, .panel--padded--centered, .panel--unpadded--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-divider-dashed {
  border-bottom: 1px dashed #CCCCCC;
  height: 0.07143em;
  margin: 0.71429em 0;
  width: 100%; }

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

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

.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.07143em !important; }

.h-bottom-pad {
  padding-bottom: 1.07143em !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.07143em; }

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

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

.h-min-padding {
  padding: 0.28571em !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.42857em !important;
  margin-top: .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.71429em; }

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

.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: .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 .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, .panel--centered, .panel--border-top, .panel--border-top--border-bottom, .panel--border-bottom, .panel--border-bottom-light, .panel--border-top-light {
  background: transparent;
  padding-top: 2.14286em;
  box-shadow: 0 0 0; }
  @media (min-width: 769px) {
    .panel, .panel--centered, .panel--border-top, .panel--border-top--border-bottom, .panel--border-bottom, .panel--border-bottom-light, .panel--border-top-light {
      padding-bottom: 1.42857em; } }

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

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

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

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

.panel--unpadded--border-bottom-light--border-top-light, .panel--unpadded--border-top-light, .panel--border-bottom-light--border-top-light, .panel--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: #30303e;
  background: -moz-linear-gradient(0deg, #b2bfc8 0%, #f0f4f6 100%);
  background: -webkit-linear-gradient(0deg, #b2bfc8 0%, #f0f4f6 100%);
  background: linear-gradient(0deg, #b2bfc8 0%, #f0f4f6 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.57143em 0 0.57143em; }
      .page__container--no-padding {
        margin-left: -0.57143em;
        margin-right: -0.57143em; } }
  @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.1236%; }
  .grid__col--0--half {
    width: 3.08989%; }
  .grid__col--1 {
    width: 7.30337%; }
  .grid__col--1--half {
    width: 11.51685%; }
  .grid__col--2 {
    width: 15.73034%; }
  .grid__col--2--half {
    width: 19.94382%; }
  .grid__col--3 {
    width: 24.1573%; }
  .grid__col--3--half {
    width: 28.37079%; }
  .grid__col--4 {
    width: 32.58427%; }
  .grid__col--4--half {
    width: 36.79775%; }
  .grid__col--5 {
    width: 41.01124%; }
  .grid__col--5--half {
    width: 45.22472%; }
  .grid__col--6 {
    width: 49.4382%; }
  .grid__col--6--half {
    width: 53.65169%; }
  .grid__col--7 {
    width: 57.86517%; }
  .grid__col--7--half {
    width: 62.07865%; }
  .grid__col--8 {
    width: 66.29213%; }
  .grid__col--8--half {
    width: 70.50562%; }
  .grid__col--9 {
    width: 74.7191%; }
  .grid__col--9--half {
    width: 78.93258%; }
  .grid__col--10 {
    width: 83.14607%; }
  .grid__col--10--half {
    width: 87.35955%; }
  .grid__col--11 {
    width: 91.57303%; }
  .grid__col--11--half {
    width: 95.78652%; }
  .grid__col--12 {
    width: 100%; }
  .grid__col--12--half {
    width: 104.21348%; } }

.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.1236%; }
    [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.16667%; }
  .grid__col-no-gutter--1 {
    width: 8.33333%; }
  .grid__col-no-gutter--1--half {
    width: 12.5%; }
  .grid__col-no-gutter--2 {
    width: 16.66667%; }
  .grid__col-no-gutter--2--half {
    width: 20.83333%; }
  .grid__col-no-gutter--3 {
    width: 25%; }
  .grid__col-no-gutter--3--half {
    width: 29.16667%; }
  .grid__col-no-gutter--4 {
    width: 33.33333%; }
  .grid__col-no-gutter--4--half {
    width: 37.5%; }
  .grid__col-no-gutter--5 {
    width: 41.66667%; }
  .grid__col-no-gutter--5--half {
    width: 45.83333%; }
  .grid__col-no-gutter--6 {
    width: 50%; }
  .grid__col-no-gutter--6--half {
    width: 54.16667%; }
  .grid__col-no-gutter--7 {
    width: 58.33333%; }
  .grid__col-no-gutter--7--half {
    width: 62.5%; }
  .grid__col-no-gutter--8 {
    width: 66.66667%; }
  .grid__col-no-gutter--8--half {
    width: 70.83333%; }
  .grid__col-no-gutter--9 {
    width: 75%; }
  .grid__col-no-gutter--9--half {
    width: 79.16667%; }
  .grid__col-no-gutter--10 {
    width: 83.33333%; }
  .grid__col-no-gutter--10--half {
    width: 87.5%; }
  .grid__col-no-gutter--11 {
    width: 91.66667%; }
  .grid__col-no-gutter--11--half {
    width: 95.83333%; }
  .grid__col-no-gutter--12 {
    width: 100%; }
  .grid__col-no-gutter--12--half {
    width: 104.16667%; } }

.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.42857em; }
  .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.71429em; }
  .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: .6em 2em;
    margin-top: -12px;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    transition: .2s; }
    .card-link--text:hover {
      color: #fff;
      text-decoration: none;
      background: #2288CE;
      transition: .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.71429em;
  margin-top: 0.28571em;
  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: .3rem .28rem .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: .3em .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; }

h2.table__title, .table__title {
  background: #26536C;
  border: 1px solid #CCCCCC;
  border-radius: 0.71429em 0.71429em 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.71429em 1.42857em;
  border: 0;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 400;
  transition: opacity 0.15s;
  display: block; }
  .form__button:hover {
    opacity: .75;
    box-shadow: 0 0 10px palette(grey, base); }
  .form__button:active {
    opacity: initial; }

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

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

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

.stats__mfg-info h3, .stats__tier-info h3, .stats__dateSelect-info h3 {
  font-weight: 600;
  font-size: 1.42857em; }

.stats__mfg-info tbody, .stats__tier-info tbody, .stats__dateSelect-info tbody {
  border-bottom: 0; }

.stats__mfg-info table tbody tr:nth-child(odd), .stats__tier-info table tbody tr:nth-child(odd), .stats__dateSelect-info table tbody tr:nth-child(odd), .stats__mfg-info table tbody tr:nth-child(even), .stats__tier-info table tbody tr:nth-child(even), .stats__dateSelect-info table tbody tr:nth-child(even) {
  background: transparent; }

.stats__mfg-info .pieTable th, .stats__tier-info .pieTable th, .stats__dateSelect-info .pieTable th {
  font-weight: 500; }

.stats__mfg-info .pieTable td, .stats__tier-info .pieTable td, .stats__dateSelect-info .pieTable td {
  text-align: left; }

.stats__mfg-info .pieTable .text-right, .stats__tier-info .pieTable .text-right, .stats__dateSelect-info .pieTable .text-right {
  text-align: right; }

.stats__mfg-info .pieTable .chartColor, .stats__tier-info .pieTable .chartColor, .stats__dateSelect-info .pieTable .chartColor {
  width: 30px; }

#allergy-kpi-report .benchmark-size__title, .meeting-agenda .modal__item-title, .queue-detail__title {
  color: #1376BA;
  font-family: Lora, serif;
  font-size: 1.57143em;
  font-weight: 900;
  letter-spacing: 0.07143em;
  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--Premium {
    background: #1EAEFF; }
  .chartColor__box--Advanced {
    background: #80BD4D; }
  .chartColor__box--Basic {
    background: #D87E00; }
  .chartColor__box--Entry {
    background: #E9CA1E; }
  .chartColor__box--Economy {
    background: #E9CA1E; }
  .chartColor__box--CROS {
    background: #1B75BB; }

.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.85714em;
      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: black !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.35714em 1.07143em; }

.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.71429em 0; }

.content__title-bar {
  border-bottom: 2px solid #CCCCCC;
  padding: 0.71429em 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.71429em 0; }

.content__callback-bar {
  background: #D15B4F;
  color: #FFFFFF;
  padding: 0.71429em 1.42857em;
  margin: 0.71429em 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.07143em; }
  .content__sidebar--border {
    border-right: 1px solid #CCCCCC; }
  .content__sidebar--member {
    padding-top: 1.6em; }

.content__maincol {
  flex-grow: 1;
  padding-top: 1.07143em; }
  .content__maincol--prospects {
    padding: 0; }
  .content__maincol--border {
    border-left: 1px dotted #ADB1B9;
    padding-left: 2.14286em; }

.content__title {
  color: #888888;
  font-family: Lora, serif;
  font-size: 1.71429em; }
  .content__title span {
    font-size: 1.2em;
    vertical-align: top; }

.content__scorecard {
  margin-bottom: 4.28571em; }

.content__section-title {
  margin: 0;
  padding: 0; }

.meta-bar__item {
  display: inline;
  margin: 0 0.71429em; }

.meta-bar__label {
  display: inline;
  font-weight: 900;
  line-height: 2.57143em; }

.meta-bar__value {
  display: inline;
  line-height: 2.57143em; }
  .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.71429em 0 0.35714em;
  text-decoration: underline;
  text-transform: uppercase; }

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

.maincol__value {
  display: inline; }
  .maincol__value--url {
    border: 1px solid #CCCCCC;
    border-radius: 1.42857em;
    display: block;
    margin: 0.71429em 0;
    padding: 0.71429em; }

.maincol__notes {
  margin-bottom: 2.14286em; }

@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: .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%; }

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

.form__placeholder {
  align-items: center;
  border: 2px dashed #C7CEE1;
  border-radius: 0.71429em;
  display: flex;
  height: 14em;
  justify-content: center;
  margin: 1.78571em 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.71429em; }
  .form__label--fileAttachment {
    display: table-cell; }
  .form__label--inline {
    display: inline; }

.form__form-section--pricing {
  padding: 1.42857em 0 0.71429em; }

.form__form-section--submit {
  padding-top: 2.14286em;
  border-bottom: none;
  border-top: 1px solid #444444; }

.form__input {
  font-size: 1.28571em;
  margin-bottom: 1.11111em;
  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.42857em;
    height: 100%;
    line-height: 1.5em;
    padding: .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.35714em; }
  .form__input--datepicker {
    width: 8.57143em; }
  .form__input--auto {
    width: auto; }
  .form__input--number {
    width: 2.85714em; }

.form__item {
  display: block;
  margin-top: 0.71429em; }
  .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.85714em;
    padding: 0.35714em;
    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.14286em;
    margin-top: 0; }
  .form__item--margin-top {
    margin-top: 1em; }
  .form__item--form-bar {
    width: 95%; }
  .form__item--submit {
    margin-top: 1.42857em;
    padding: 0.85714em 0; }
  .form__item--time-entry input[type=text] {
    width: 6.42857em;
    margin-right: 0.35714em;
    box-shadow: none; }
  .form__item--change-owner {
    margin-right: 0.35714em; }
  .form__item--change-status {
    margin-right: 0.35714em; }
  .form__item--after-table {
    justify-content: flex-end;
    align-items: center; }
    .form__item--after-table label {
      margin-left: 0.21429em; }
    .form__item--after-table select {
      margin-left: 0.21429em; }
    .form__item--after-table input {
      margin-left: 0.21429em; }
  .form__item--reviewer {
    display: none; }
  .form__item--attention {
    display: none; }
  .form__item--files a {
    display: inline-block;
    margin-top: 0.71429em; }
  .form__item--span {
    font-size: 0.85714em; }
  .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.14286em 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.71429em 0; }

.form-table__row {
  border-bottom: 1px solid #CCCCCC; }
  .form-table__row td {
    padding: 0.35714em; }
  .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.14286em;
  padding: 0.14286em;
  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.71429em 0; }

.cell__link {
  color: #000000;
  text-decoration: none;
  display: inline-block; }
  .cell__link--add-note {
    background: #989B8D;
    color: #F2F2F2;
    padding: 0.21429em 0.35714em;
    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.42857em; }
  .select--headshots .btn.dropdown-toggle img {
    background: #CCCCCC;
    margin-right: 0.35714em; }

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

.control__indicator {
  position: absolute;
  top: -0.42857em;
  left: 0;
  height: 1.14286em;
  width: 1.14286em;
  background: #FFFFFF;
  border: 0.07143em 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.07143em 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.28571em;
      top: 0em;
      width: 0.42857em;
      height: 0.71429em;
      border: solid #FFFFFF;
      border-width: 0 0.14286em 0.14286em 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 .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 .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.14286em;
  display: flex; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .header {
      height: 3.21429em; } }
  @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.07143em; } }
    @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.07143em;
        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.07143em; } }
    @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.42857em; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .header__logo-img {
        width: 7.85714em; } }
    @media only screen and (min-width: 768px) and (max-width: 1329px) {
      .header__logo-img {
        width: 10.35714em; } }
  .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.14286em 1.71429em 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.28571em !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: .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.28571em;
    font-family: Lato, sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    transition: .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.28571em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  line-height: 22px;
  transition: .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; }

.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: .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 .15s, visibility .15s; }
  .tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .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.64286em;
  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.28571em; }
  .modal__header--rm-bg {
    background: #394045;
    background: -moz-linear-gradient(45deg, #394045 0%, #5f6b75 100%);
    background: -webkit-linear-gradient(45deg, #394045 0%, #5f6b75 100%);
    background: linear-gradient(45deg, #394045 0%, #5f6b75 100%); }
  .modal__header--am-bg {
    background: #354450;
    background: -moz-linear-gradient(45deg, #354450 0%, #4f6577 100%);
    background: -webkit-linear-gradient(45deg, #354450 0%, #4f6577 100%);
    background: linear-gradient(45deg, #354450 0%, #4f6577 100%); }
  .modal__header--vendor-bg {
    background: #cedfed;
    background: -moz-linear-gradient(45deg, #cedfed 0%, #fff1df 100%);
    background: -webkit-linear-gradient(45deg, #cedfed 0%, #fff1df 100%);
    background: linear-gradient(45deg, #cedfed 0%, #fff1df 100%); }
  .modal__header--angles {
    background: url("../images/modal-angles.svg") no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 14.28571em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.78571em;
    padding-bottom: 0.71429em;
    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.71429em;
  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: .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.07143em; }

.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: .7;
    font-size: 10em; }
  .modal__contact-row--input {
    flex: 1;
    height: 3.71429em;
    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: .5em;
  padding: .5em;
  border-radius: .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: .25em; }

.modal__vendor-doc-download {
  flex: 1 0 auto; }

.modal__vendor-doc-description {
  font-size: 0.85714em;
  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.42857em;
  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: .5em; }

.modal__download-btn {
  width: 14.64286em;
  height: 2.5em;
  border-radius: 100px;
  background: #0474BD;
  color: #FFFFFF;
  transition: .2s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-top: 1.78571em;
  position: relative; }

.modal__vendor--logo {
  max-width: 22.85714em;
  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.42857em; }

.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: .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: .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.21429em;
  max-width: 3.21429em;
  top: 4.14286em;
  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.57143em;
      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.85714em;
    max-width: 14.85714em;
    background-color: #444444;
    will-change: top;
    -webkit-transform: translate3d(0, 0, 0);
    pointer-events: initial;
    overflow: unset; }
    .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: .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.07143em; }
        @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: .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: .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.21429em; }
  .sidebar__signout {
    background: #BD5151; }
    .sidebar__signout:hover .sidebar__signout-icon {
      padding-left: 0.71429em;
      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__signout-text {
    display: none; }

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

.sidebar-mobile {
  position: fixed;
  height: 3.57143em;
  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.57143em;
    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.85714em; }
    .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.85714em; }
    .sidebar-mobile__am strong {
      font-size: 1em; }
  .sidebar-mobile__menu-btn {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 1.14286em;
    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.71429em; }

/**
 * 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.28571em;
  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: .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.14286em;
    width: 2.28571em;
    height: 2.28571em;
    border-radius: 1.14286em;
    text-align: center;
    padding: 0.46429em;
    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.42857em; }
  .maincol__table--prospects {
    margin-bottom: 3.57143em; }
  .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.71429em 0 0; }
  .table__title-functions--left {
    left: 0;
    border-right: 1px solid #FFFFFF;
    border-radius: 0.71429em 0 0 0; }
  .table__title-functions--destructive:hover {
    background: #90261E; }
  .table__title-functions a {
    color: #FFFFFF; }

.table__title-function {
  color: #FFFFFF;
  font-size: .75em; }
  .table__title-function span {
    font-size: 1.32em;
    padding: 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.71429em 0.71429em;
  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: .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: .75em;
  text-transform: uppercase; }
  .table__row--head .table__cell--date {
    text-align: center; }
  .table__row--head .table__cell .glyphicon--table-sorter {
    font-size: .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.35714em 0.21429em; }

.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: .25em; }

.table__cell-line-form {
  margin: .25em 0; }

.table__cell {
  font-family: Lato, sans-serif;
  margin: 0.14286em;
  padding: 0.14286em;
  width: 3.57143em; }
  .table__cell--active-sort {
    background: #278AD7; }
  .table__cell--today {
    background: #A5F2B7 !important; }
  .table__cell--small-text {
    font-size: 0.85714em; }
  .table__cell--heading h2 {
    color: #30638E;
    text-transform: uppercase;
    font-size: 1.71429em; }
  .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.85714em; }
  .table__cell--name {
    min-width: 7.85714em; }
  .table__cell--title {
    min-width: 14.28571em; }
  .table__cell--dashboard-title {
    min-width: 21.42857em; }
  .table__cell--link {
    min-width: 7.85714em; }
  .table__cell--description {
    min-width: 17.14286em; }
  .table__cell--full-name {
    min-width: 8.57143em; }
  .table__cell--first-name {
    min-width: 6.42857em;
    text-align: center; }
  .table__cell--email {
    min-width: 7.14286em; }
  .table__cell--phone {
    min-width: 8.57143em; }
  .table__cell--note {
    min-width: 10.71429em; }
  .table__cell--icon {
    color: #666666;
    text-align: center; }
  .table__cell--note-fixed {
    width: 17.85714em; }
  .table__cell--address {
    min-width: 7.14286em; }
  .table__cell--full-address {
    min-width: 10.71429em; }
  .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 .25em; }
  .table__cell--single-action {
    width: 2.0em;
    text-align: center;
    white-space: nowrap; }
    .table__cell--single-action a {
      margin: 0 .25em; }
  .table__cell--binary {
    min-width: 2.85714em;
    width: 2.85714em; }
  .table__cell--medium {
    min-width: 5.71429em;
    width: 5.71429em; }
  .table__cell--small {
    min-width: 3.28571em;
    width: 3.28571em; }
  .table__cell--narrow {
    min-width: 1.42857em;
    width: 1.42857em; }
  .table__cell--check-box {
    min-width: 0.71429em;
    text-align: center;
    width: 0.71429em; }
  .table__cell--icon {
    min-width: 0.71429em;
    width: 0.71429em;
    text-align: center; }
    .table__cell--icon .glyphicon {
      vertical-align: middle; }
  .table__cell--zip-code {
    min-width: 2.85714em; }
  .table__cell--level {
    min-width: 1.42857em; }
    .table__cell--level::before {
      content: '';
      display: inline-block;
      width: 0.71429em;
      height: 0.71429em;
      -moz-border-radius: 0.35714em;
      -webkit-border-radius: 0.35714em;
      border-radius: 0.35714em;
      background-color: #1376BA;
      margin-right: 0.35714em;
      margin-bottom: 0.14286em; }
    .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.71429em;
    text-align: center;
    margin-right: 0.71429em; }
  .table__cell--date-time {
    min-width: 11.42857em;
    text-align: center;
    margin-right: 0.71429em; }
  .table__cell--duration {
    min-width: 5.71429em;
    text-align: right;
    margin-right: 0.71429em; }
  .table__cell--details {
    min-width: 8.57143em; }
  .table__cell--answer {
    min-width: 5.71429em; }
  .table__cell--score {
    min-width: 2.85714em; }
  .table__cell--status {
    text-align: center;
    width: 7.14286em; }
  .table__cell--priority {
    text-align: center;
    width: 7.14286em; }
  .table__cell--property {
    text-align: center;
    width: 7.14286em; }
  .table__cell--prospect-note {
    min-width: 17.85714em; }
  .table__cell--quantity {
    text-align: center;
    min-width: 3.57143em;
    width: 3.57143em; }
  .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.92857em;
    padding: .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.14286em; }
  .cell__link--add-note {
    background: #989B8D;
    color: #F2F2F2;
    padding: 0.21429em 0.35714em;
    float: right; }

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

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

.model-list, .generic-list, .fuel-funds .generic-list {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #CCCCCC; }
  .model-list tr:nth-child(odd), .generic-list tr:nth-child(odd), .fuel-funds .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, .generic-list th, .fuel-funds .generic-list th, .model-list td, .generic-list td, .fuel-funds .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.71429em 0.35714em; }
      .wo-broken-windows .table__row td:first-of-type {
        padding-left: 0.71429em; }
    .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.71429em; }

.table__container.noItems .table__title-functions--right,
.tab__item.noItems .table__title-functions--right {
  border-radius: 0 0.71429em 0.71429em 0; }

.table__container.noItems .table__title-functions--left,
.tab__item.noItems .table__title-functions--left {
  border-radius: 0.71429em 0 0 0.71429em; }

.dashboard__indicator {
  margin: .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.85714em; }
  .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 .15s, visibility .15s; }

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

.manager-tab {
  padding: 0.71429em 0.71429em;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  transition: .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.28571em;
    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: .7; }
  .manager-tab:not(:first-child) {
    margin-top: -0.71429em; }
  .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.28571em; }

.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.57143em; }
  .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.71429em 0.35714em; }
  .fuel-funds .table__row td:first-of-type {
    padding-left: 0.71429em; }

.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.35714em 0.21429em; }

.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.14286em;
  padding: 0.14286em;
  width: 3.57143em; }
  .fuel-funds .table__cell--heading h2 {
    color: #30638E;
    text-transform: uppercase;
    font-size: 1.71429em; }
  .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.85714em; }
  .fuel-funds .table__cell--name {
    min-width: 7.85714em; }
  .fuel-funds .table__cell--title {
    min-width: 14.28571em; }
  .fuel-funds .table__cell--link {
    min-width: 7.85714em; }
  .fuel-funds .table__cell--description {
    min-width: 17.14286em; }
  .fuel-funds .table__cell--full-name {
    min-width: 8.57143em; }
  .fuel-funds .table__cell--first-name {
    min-width: 6.42857em; }
  .fuel-funds .table__cell--email {
    min-width: 7.14286em; }
  .fuel-funds .table__cell--phone {
    min-width: 8.57143em; }
  .fuel-funds .table__cell--note {
    min-width: 10.71429em; }
  .fuel-funds .table__cell--icon {
    color: #666666;
    text-align: center; }
  .fuel-funds .table__cell--note-fixed {
    width: 17.85714em; }
  .fuel-funds .table__cell--address {
    min-width: 7.14286em; }
  .fuel-funds .table__cell--full-address {
    min-width: 10.71429em; }
  .fuel-funds .table__cell--action {
    min-width: 8.57143em;
    text-align: center; }
  .fuel-funds .table__cell--binary {
    min-width: 2.85714em;
    width: 2.85714em; }
  .fuel-funds .table__cell--medium {
    min-width: 5.71429em;
    width: 5.71429em; }
  .fuel-funds .table__cell--small {
    min-width: 2.85714em;
    width: 2.85714em; }
  .fuel-funds .table__cell--narrow {
    min-width: 1.42857em;
    width: 1.42857em; }
  .fuel-funds .table__cell--check-box {
    min-width: 0.71429em;
    width: 0.71429em; }
  .fuel-funds .table__cell--icon {
    min-width: 0.71429em;
    width: 0.71429em;
    text-align: center; }
    .fuel-funds .table__cell--icon .glyphicon {
      vertical-align: middle; }
  .fuel-funds .table__cell--zip-code {
    min-width: 2.85714em; }
  .fuel-funds .table__cell--level {
    min-width: 1.42857em; }
    .fuel-funds .table__cell--level::before {
      content: '';
      display: inline-block;
      width: 0.71429em;
      height: 0.71429em;
      -moz-border-radius: 0.35714em;
      -webkit-border-radius: 0.35714em;
      border-radius: 0.35714em;
      background-color: #1376BA;
      margin-right: 0.35714em;
      margin-bottom: 0.14286em; }
    .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.71429em;
    text-align: right;
    margin-right: 0.71429em; }
  .fuel-funds .table__cell--date-time {
    min-width: 11.42857em;
    text-align: right;
    margin-right: 0.71429em; }
  .fuel-funds .table__cell--duration {
    min-width: 5.71429em;
    text-align: right;
    margin-right: 0.71429em; }
  .fuel-funds .table__cell--details {
    min-width: 8.57143em; }
  .fuel-funds .table__cell--answer {
    min-width: 5.71429em; }
  .fuel-funds .table__cell--score {
    min-width: 2.85714em; }
  .fuel-funds .table__cell--status {
    width: 7.14286em; }
  .fuel-funds .table__cell--prospect-note {
    min-width: 17.85714em; }
  .fuel-funds .table__cell--quantity {
    text-align: center;
    min-width: 3.57143em;
    width: 3.57143em; }
  .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.14286em; }
  .fuel-funds .cell__link--add-note {
    background: #989B8D;
    color: #F2F2F2;
    padding: 0.21429em 0.35714em;
    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.71429em 0 1.42857em 0;
  width: 100%; }
  .fuel-funds .sidebar-table__row {
    border: 1px solid grey; }
  .fuel-funds .sidebar-table__cell {
    border: 1px solid grey;
    padding: 0.71429em;
    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.71429em 0.35714em; }
      .fuel-funds .wo-broken-windows .table__row td:first-of-type {
        padding-left: 0.71429em; }
    .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.28571em;
  min-height: 2.57143em;
  font-weight: 300;
  color: #FFFFFF; }
  .battery-store__header--transactions {
    grid-template-columns: auto 6.42857em; }
  @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: .5em; }

.battery-store__body {
  grid-template-rows: auto;
  grid-gap: .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: .5em;
  font-size: .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 .5em; }
    .battery-order-form__row .form__item--row {
      margin-top: .25em; }
    @media only screen and (min-width: 769px) {
      .battery-order-form__row {
        padding: .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 .5em;
      border-radius: 0.35714em; }
    .battery-order-view__row--header {
      background: #00A5B6; }
      .battery-order-view__row--header:last-child {
        border-bottom: none; }
    .battery-order-view__row--title {
      padding: .5em 1em;
      font-size: 1.25em; }
    .battery-order-view__row--imprint {
      background: #FFFFFF !important;
      padding: .5em 2em; }
      .battery-order-view__row--imprint p {
        font-size: .75em;
        line-height: 1em; }
    .battery-order-view__row--total {
      background: #FFFFFF !important;
      border-top: 1px solid #D6E0E8;
      padding: .5em 0; }
    .battery-order-view__row--submit {
      background: #FFFFFF !important; }
  .battery-order-view__column {
    grid-template-columns: repeat(auto-fit, minmax(4.28571em, 1fr)); }
  .battery-order-view__cell {
    align-self: center;
    font-weight: 400;
    color: #666666;
    padding: .5em;
    text-align: center; }
    .battery-order-view__cell--header {
      color: #FFFFFF;
      font-weight: 300;
      text-transform: uppercase;
      font-size: .9em; }
    .battery-order-view__cell--placeholder {
      color: #BBBBBB;
      font-weight: 300;
      font-size: .9em; }
    .battery-order-view__cell--remove {
      cursor: pointer; }
  .battery-order-view__container--form {
    padding-bottom: 1em; }

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

.bounce-leave-active {
  animation: bounce-in .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--date:after {
    top: 56px; }
  .dashboard .filter-selection__select--date span.vdp-datepicker__clear-button {
    right: 50px;
    top: 48px; }
  .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.21429em; }
  .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.28571em;
    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 .5s; }
  .dashboard .bounce-leave-active {
    animation: bounce-in .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; }

.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.28571em;
  height: 2.71429em;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  border: 2px solid #FFFFFF;
  margin: 0 .5em 1.5em .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.78571em;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 1em;
  font-weight: 500;
  margin: 1.57143em auto;
  padding: 0.42857em 3em 0.57143em;
  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.42857em;
  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.14286em;
  min-width: 17em;
  padding: 1.42857em;
  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.21429em;
    flex: 1; }
  .card__logo-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 1.78571em;
    height: 10.5em; }
  .card__logo {
    height: auto;
    max-height: 10.71429em;
    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.07143em;
    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: .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.07143em;
    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 .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: #c3e5bd !important; }

#allergy-kpi-report .kpi-performance-table__metric--negative {
  background: #f7c0bb !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; }

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.71429em solid #1E507B; }
  #audiologyKPIs .basic-card {
    margin: 1.07143em 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: #ffffce !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.78571em;
    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.28571em; } }
  #audiologyKPIs .audiology-kpis__teaser-message {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 4px;
    background: black;
    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.42857em; }
    #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.28571em; }
    .fuel-funds__main .table__cell--date {
      width: 3.57143em;
      min-width: 3.57143em; }
    .fuel-funds__main .table__cell--amount {
      width: 2.14286em; }
    .fuel-funds__main .table__cell--action {
      width: 2.14286em;
      min-width: 2.14286em;
      text-align: center; }
    .fuel-funds__main > .card-block > .dashboard__card {
      padding: 2.14286em; }
  .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.42857em;
      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.28571em;
    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.28571em;
    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.71429em;
    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.71429em; }
  .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: .85em;
      font-family: Lato, sans-serif;
      font-weight: 400;
      color: #888888; }
    .fuel-funds__card-total--amount {
      font-size: 1.28571em;
      font-family: Lato, sans-serif;
      font-weight: 500;
      color: #444444; }
  .fuel-funds__card {
    padding-top: 0;
    margin-bottom: 1.42857em;
    cursor: default; }
    .fuel-funds__card:hover {
      border-color: #FFFFFF !important; }
    .fuel-funds__card--title {
      margin-top: .75em;
      margin-bottom: .5em;
      font-size: 1.71429em;
      font-weight: 300;
      font-family: Lato, sans-serif;
      color: #444444; }
  .fuel-funds__card-title {
    margin-top: .75em;
    margin-bottom: .5em;
    font-size: 1.71429em;
    font-weight: 300;
    font-family: Lato, sans-serif;
    color: #444444; }
  .fuel-funds .card-footer {
    background: transparent;
    padding-top: 1.78571em;
    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 .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.57143em;
      font-weight: 900;
      color: #444444;
      margin-right: 0.53571em; }
    .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.14286em; } }

.fuel-utilization__nav {
  background: #00a5b6;
  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: .5em 1.5em; }

.fuel-utilization__nav-item {
  color: #FFFFFF;
  padding: 7px 25px;
  text-align: center;
  scroll-behavior: smooth;
  transition: .2s; }
  .fuel-utilization__nav-item:hover, .fuel-utilization__nav-item:focus {
    color: #FFFFFF;
    text-decoration: none;
    background: #00CDE2;
    transition: .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.07143em; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .fuel-utilization__no-data {
      border-radius: 0; } }

.fuel-utilization__search-container {
  padding: 0.71429em; }
  .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 .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: .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: .2s; }

.fuel-utilization .btn-primary:hover {
  background-color: #3290C3;
  border-color: #FFFFFF;
  transition: .1s; }

.fuel-utilization__work-order {
  background: #FFFFFF;
  border-radius: 0.28571em;
  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: .5em;
  padding: .35em 1.75em;
  min-width: 9em;
  width: auto; }

.fuel-utilization-wo__container {
  border-top: 2px solid #FFFFFF;
  padding-top: 1.78571em; }
  @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: .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: -.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: .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: .5em 0 0 0; }
      .fuel-utilization-wo__description p {
        margin-bottom: .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: .5em;
  padding: .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.35714em; } }
  .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.57143em;
  margin-bottom: 1.57143em; }

.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 .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: .5em 0;
    padding: 0.42857em 0.85714em;
    text-transform: uppercase;
    border-radius: 0.28571em; }
    .meeting-agenda__header span {
      font-size: 0.92857em;
      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: .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.92857em; }
  .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.14286em !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: .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.57143em; }

.meeting-agenda .modal-body {
  height: 39.28571em;
  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: .8em;
    padding-top: .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: .5em 1em; }
  .meeting-agenda .modal__wo-note-container {
    padding: .5em; }
  .meeting-agenda .modal__wo-note {
    font-size: .8em;
    padding: .25em .5em .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: .25em .5em;
    font-size: .75em;
    flex: 1;
    text-align: center; }
  .meeting-agenda .modal__item-details {
    font-size: 0.92857em;
    font-family: Lato, sans-serif; }
  .meeting-agenda .modal__item-row {
    padding: 0.28571em 0 0.14286em 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: .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: .25em .5em;
  font-size: .75em; }

.meeting-agenda .files__file-link {
  background: #F5F3FA;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: .25em .5em;
  font-size: .75em;
  display: block;
  white-space: nowrap; }

.meeting-agenda .comment-count {
  background: #F3FAF6;
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  padding: .25em .5em;
  font-size: .75em; }
  .meeting-agenda .comment-count--change {
    font-weight: 900;
    animation: validate-in .3s forwards; }

.modal-comment__container {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  margin: 3px 0;
  padding: .5em 1em .5em .5em;
  animation: validate-in .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: .1;
  animation: fading 1.5s infinite; }

.modal-comment--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: .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: .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.92857em;
  padding: .5em 0; }

.modal-people__container {
  margin: 5px 0; }

.modal-people__icon--blank {
  background: none;
  color: #444444;
  opacity: .1;
  animation: fading 1.5s infinite; }

.modal-people--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: .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: .1;
  animation: fading 1.5s infinite; }

.modal-file--blank {
  display: block;
  background-color: #444444;
  border-radius: 100px;
  opacity: .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: .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.85714em; }

.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.35714em; }
    .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: .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: .3s; }
    .queue-detail__button--highest {
      color: #F6891F; }
    .queue-detail__button--not-selected {
      color: #CCCCCC; }
      .queue-detail__button--not-selected:hover {
        color: #97C24B;
        transition: .3s; }
    .queue-detail__button--selected {
      color: #97C24B; }
      .queue-detail__button--selected:hover {
        color: #97C24B;
        transition: .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: .25em; }
  .queue-detail__comment-date {
    font-family: Lora, serif;
    font-weight: 900;
    padding-left: .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.42857em; }

.meeting-agenda__list-item {
  border-radius: 4px;
  border: solid 1px #DEDEDE;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  margin-bottom: 0.35714em; }
  .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.85714em; }
  .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.28571em;
  min-height: 2.57143em;
  font-weight: 300;
  color: #FFFFFF; }
  .pay-invoice__header--transactions {
    grid-template-columns: auto 6.42857em; }
  @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: .5em; }

.pay-invoice__body {
  grid-template-rows: auto;
  grid-gap: .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-form {
  font-size: 1em; }
  .pay-invoice-form__row {
    grid-template-columns: 1fr;
    padding: 0 .5em; }
    .pay-invoice-form__row .form__item--row {
      margin-top: .25em; }
    @media only screen and (min-width: 1330px) and (max-width: 1999px) {
      .pay-invoice-form__row {
        grid-template-columns: 2fr 3fr 2fr;
        padding: .5em; } }
    .pay-invoice-form__row--header {
      background: #00A5B6;
      padding: 0; }
    .pay-invoice-form__row--error {
      background: #BD5151; }

.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 .5em;
      border-radius: 0.35714em; }
    .pay-invoice-view__row--header {
      background: #00A5B6; }
      .pay-invoice-view__row--header:last-child {
        border-bottom: none; }
    .pay-invoice-view__row--title {
      padding: .5em 1em;
      font-size: 1.25em; }
    .pay-invoice-view__row--imprint {
      background: #FFFFFF !important;
      padding: .5em 2em; }
      .pay-invoice-view__row--imprint p {
        font-size: .75em;
        line-height: 1em; }
    .pay-invoice-view__row--total {
      background: #FFFFFF !important;
      border-top: 1px solid #D6E0E8;
      padding: .5em 0; }
    .pay-invoice-view__row--submit {
      background: #FFFFFF !important; }
  .pay-invoice-view__column {
    grid-template-columns: repeat(auto-fit, minmax(4.28571em, 1fr)); }
  .pay-invoice-view__cell {
    align-self: center;
    font-weight: 400;
    color: #666666;
    padding: .5em;
    text-align: center; }
    .pay-invoice-view__cell--header {
      color: #FFFFFF;
      font-weight: 300;
      text-transform: uppercase;
      font-size: .9em; }
    .pay-invoice-view__cell--placeholder {
      color: #BBBBBB;
      font-weight: 300;
      font-size: .9em; }
    .pay-invoice-view__cell--remove {
      cursor: pointer; }
  .pay-invoice-view__container--form {
    padding-bottom: 1em; }

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

.bounce-leave-active {
  animation: bounce-in .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 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; }
  #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; }
  #hearingAidSales .sales-report__header-transactions {
    display: none; }
  #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 .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--Premium {
    background: #1EAEFF !important; }
  #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--Economy {
    background: #E9CA1E !important; }
  #hearingAidSales .chartColor .chartColor__box--CROS {
    background: #1B75BB !important; }
  #hearingAidSales .sales-report__section {
    page-break-before: always; }
  #hearingAidSales .sales-report__vendors .sales-report__wrapper {
    page-break-after: auto; }
  #hearingAidSales .sales-report__wrapper {
    page-break-after: always; }
  #hearingAidSales .sales-report__footer--more {
    display: none !important; } }

.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;
  margin-bottom: 0.71429em;
  margin-top: 1.78571em; }

.hearing-aid-sales__btn-run {
  padding: 0.42857em 2.5em; }

.hearing-aid-sales__btn-loading {
  padding: 0.42857em 2.5em;
  background: #ADB1B9;
  border-color: #ADB1B9; }

.hearing-aid-sales__filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 28px 10px 22px; }
  @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;
  border-top: 1px dashed #CCCCCC;
  margin-top: 50px;
  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; }

/* A ROW WITH SELECT BOX */
.filter-selection {
  margin-bottom: 0.7em;
  /* THE TITLES NEXT TO SELECT BOXES */
  /* THE CONTENT INSIDE THE V-SELECT */ }
  .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: 1em;
    font-weight: 600;
    color: #FFFFFF; }
  .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: .2s; }
  @media only screen and (min-width: 768px) {
    .sales-nav.affix-top {
      border-radius: 6px; } }
  .sales-nav.affix {
    opacity: .9;
    width: 100vw;
    max-width: 100vw;
    transition: .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.14286em; } }
    @media only screen and (min-width: 1330px) {
      .sales-nav.affix {
        margin-top: 0.42857em; } }
  .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.28571em;
  min-height: 2.57143em;
  font-weight: 300;
  color: #FFFFFF; }
  .sales-report__header--transactions {
    grid-template-columns: auto 6.42857em; }
  @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: .5em; }

.sales-report__header-transactions {
  font-size: .8em;
  background: #1376BA;
  border-left: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  padding-left: .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.35714em; }

.sales-report__body {
  grid-template-rows: auto;
  grid-gap: .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: .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.28571em, 1fr)) 1em; }
  @media only screen and (min-width: 768px) {
    .sales-report__stats {
      grid-template-columns: repeat(3, minmax(4.28571em, 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: .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.28571em, 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.71429em; }

.sales-report-sidebar__category-title {
  background: #00A5B6;
  color: #FFFFFF;
  flex: auto;
  font-size: 0.85714em;
  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.28571em; }
  .sales-report-sidebar__category-number--only {
    font-size: 1.75em; }
  .sales-report-sidebar__category-number--percent {
    text-align: center;
    font-size: 1.42857em; }
  .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.28571em, 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.28571em, 1fr)); }
    .sales-detail-view__category:first-child {
      border-left: none; }
  .sales-detail-view__cell {
    font-weight: 400;
    color: #666666;
    padding: .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.28571em, 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: .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; } }

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

.bounce-leave-active {
  animation: bounce-in .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; }
      .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 {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1;
    flex-wrap: wrap;
    flex: 1;
    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.14286em; }
    .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.07143em; }
  .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); }
  .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.57143em;
      padding-right: 3.57143em; }
  .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.42857em;
    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.42857em;
    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.42857em;
    right: 1.42857em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.14286em;
    height: 2.14286em;
    border-radius: 1.07143em;
    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.42857em; }
  .dashboard__card-footer {
    display: flex;
    justify-content: center;
    padding: 1.42857em 0;
    align-items: center; }
  .dashboard__card-link {
    background: #3290C3;
    border-radius: 25px;
    padding: .5em 1em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    transition: .2s; }
    .dashboard__card-link:hover {
      text-decoration: none;
      background: #2288CE;
      transition: .2s; }
  .dashboard__card-link-text {
    font-family: Lato, sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #FFFFFF;
    padding: .6em 2em; }
    .dashboard__card-link-text:hover {
      color: #FFFFFF;
      text-decoration: none; }
  .dashboard__no-data {
    font-weight: 100;
    font-size: 1.28571em;
    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.85714em 1.42857em; }
    @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.42857em; } }

.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.07143em; }
    .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.07143em;
    padding-right: 1.07143em; }
  .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.71429em 1.42857em; }

.dash-fuel-utilization__hours {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 3.21429em;
  color: #495562;
  margin: 0;
  line-height: normal;
  display: inline; }

.dash-fuel-utilization__hours-worked {
  font-family: Lato, sans-serif;
  font-size: 1.28571em;
  color: #888888;
  margin: 0;
  line-height: normal;
  display: inline;
  font-weight: 400;
  margin-left: 0.71429em; }

.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.85714em;
  color: #61686F;
  margin: 0;
  margin-right: 0.35714em; }

.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.07143em; }

.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: .5em; }

.dash-fuel-utilization__dept-name {
  font-weight: 300;
  font-size: 1.1428571429em;
  font-family: Lato, sans-serif;
  color: #444444;
  margin-bottom: 0.71429em; }

.dash-fuel-utilization__active-stat {
  font-size: 1.14286em;
  font-weight: 600;
  font-family: Lato, sans-serif;
  color: #495562;
  margin-bottom: 0.71429em; }

.dash-fuel-utilization__completed-stat {
  font-size: 1.14286em;
  font-weight: 300;
  font-family: Lato, sans-serif;
  color: #888888;
  margin-bottom: 0.71429em; }

.dash-fuel-utilization__recent-work-orders-header {
  font-size: 0.85714em;
  color: #888888;
  font-family: Lato, sans-serif;
  font-weight: 300;
  padding: 1.42857em;
  padding-bottom: 0.71429em;
  text-transform: uppercase; }

.dash-fuel-utilization__work-orders {
  display: flex;
  flex-direction: column;
  padding: 0.71429em 1.42857em; }

.dash-fuel-utilization__work-order {
  display: flex;
  flex-direction: row;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  padding: 0.85714em;
  margin-bottom: 0.35714em;
  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.71429em; }

.dash-fuel-utilization__work-order-status {
  font-size: 0.85714em;
  color: #666666;
  display: flex;
  align-items: center;
  line-height: 1.43;
  flex: 1;
  height: 3.57143em;
  padding-left: 1.07143em;
  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.42857em; }
  .dash-hearing-aid-activity__overview-filters {
    height: 20.71429em;
    border-left: 1px solid #DEDEDE;
    text-align: center;
    padding: 1.78571em;
    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.07143em;
      color: #666666; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .dash-hearing-aid-activity__overview-filters {
        height: auto;
        padding: 0.71429em;
        text-align: left; } }
    @media only screen and (min-width: 768px) and (max-width: 1329px) {
      .dash-hearing-aid-activity__overview-filters {
        height: auto;
        padding: 0.71429em;
        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.42857em;
  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.14286em;
  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.42857em; }

.dash-library__list-item {
  border-radius: 4px;
  border: solid 1px #DEDEDE;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  margin-bottom: 0.35714em; }
  .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.85714em; }
  .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.42857em; }

.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.35714em; }
  .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.85714em; }
  .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.42857em; }

.dash-fuel-funds__total {
  font-size: 4.64286em;
  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: .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: .25em; }

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

.page-login__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-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.57143em; } }
  @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.42857em;
  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.57143em; } }
  @media only screen and (min-width: 375px) and (max-width: 767px) {
    .page-login__heading {
      font-size: 2em;
      margin-bottom: 1.42857em; } }

.page-login__content {
  border-radius: 2em;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  display: inline;
  font-size: 18px;
  margin-bottom: 1.5rem;
  padding: .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.85714em; } }
  @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.71429em 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1329px) {
    .page-login__login-input {
      margin: 0.71429em 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: .6em 2.5em;
  transition: .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: .6em 2em;
    cursor: pointer;
    transition: all 0.2s; }
  .page-login__login-btn:disabled {
    opacity: .5; }
    .page-login__login-btn:disabled:hover {
      padding: .6em 2.5em;
      cursor: default; }

.page-login__trouble-link {
  display: inline-block;
  border-radius: 50px;
  margin: 60px auto 0;
  padding: .6em 1.5em;
  transition: .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: .2s;
    padding: .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.57143em; } }
  @media only screen and (min-width: 375px) {
    .page-login__footer {
      font-size: 0.78571em; } }

.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.57143em; }
  @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.85714em; } }

.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: .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.78571em 0;
  padding-bottom: 0;
  flex: 1; }
  @media only screen and (min-width: 576px) {
    .page-verify__form-container {
      padding: 1.78571em 0; } }

.page-verify__form {
  display: flex;
  flex-direction: column;
  flex: 5; }

.page-verify__icon .fa {
  background: #26536C;
  border-radius: 25em;
  color: #FFFFFF;
  padding: .5em; }
  @media only screen and (min-width: 0px) {
    .page-verify__icon .fa {
      margin-right: -1.07143em; } }

.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.57143em; } }
  @media only screen and (min-width: 375px) {
    .page-verify__footer {
      font-size: 0.78571em; } }

.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.42857em; }
  .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.28571em;
    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: .115em;
    content: '';
    vertical-align: .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: .115em;
    content: '';
    vertical-align: .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: .115em;
  content: '';
  vertical-align: .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: .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; }