@import url(https://use.typekit.net/sku8ffl.css);
@import url(https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i);
@import url(https://use.typekit.net/sku8ffl.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i);


/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-CustomIconBase {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
}
.barnyard-CustomIconBase--state {
  vertical-align: -0.25em;
}

.barnyard-RotatingIcon > * {
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-AnimalIcon {
  height: 100px;
  width: 100px;
  -webkit-background-size: 1000% 100%;
          background-size: 1000% 100%;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: inline-block;
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/search/species4.png);
}
.barnyard-AnimalIcon--porcine {
  background-position: 0%;
}
.barnyard-AnimalIcon--bovine {
  background-position: 11.11111111%;
}
.barnyard-AnimalIcon--cattle {
  background-position: 11.11111111%;
}
.barnyard-AnimalIcon--equine {
  background-position: 22.22222222%;
}
.barnyard-AnimalIcon--feline {
  background-position: 33.33333333%;
}
.barnyard-AnimalIcon--avian {
  background-position: 44.44444444%;
}
.barnyard-AnimalIcon--poultry {
  background-position: 44.44444444%;
}
.barnyard-AnimalIcon--canine {
  background-position: 55.55555556%;
}
.barnyard-AnimalIcon--mixed {
  background-position: 66.66666667%;
}
.barnyard-AnimalIcon--canine_feline {
  background-position: 77.77777778%;
}
.barnyard-AnimalIcon--bovine_equine {
  background-position: 88.88888889%;
}
.barnyard-AnimalIcon--unknown {
  background-position: 100%;
}
.barnyard-AnimalIcon--xl {
  width: 100px;
  height: 100px;
}
.barnyard-AnimalIcon--lg {
  width: 80px;
  height: 80px;
}
.barnyard-AnimalIcon--md {
  width: 50px;
  height: 50px;
}
.barnyard-AnimalIcon--sm {
  width: 20px;
  height: 20px;
}
.barnyard-AnimalIcon--xs {
  width: 10px;
  height: 10px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Button {
  white-space: nowrap;
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  border: none;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: white;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #4f8cf1;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
}
.barnyard-Button__icon-pre {
  margin-right: 4px;
}
.barnyard-Button__icon-post {
  margin-left: 4px;
}
.barnyard-Button:hover {
  cursor: pointer;
  background: #f4f8fe;
  text-decoration: none;
}
.barnyard-Button--xs {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.barnyard-Button--sm {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  letter-spacing: 0.0125em;
}
.barnyard-Button--md {
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  font-size: 15px;
  letter-spacing: 0.025em;
}
.barnyard-Button--lg {
  height: 46px;
  line-height: 46px;
  padding: 0 21px;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.barnyard-Button--xl {
  height: 55px;
  line-height: 55px;
  padding: 0 28px;
  font-size: 17px;
  letter-spacing: 0.1em;
}
.barnyard-Button--naked {
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--naked:hover {
  color: #467bd4;
}
.barnyard-Button--shaded-light {
  opacity: 0.75;
}
.barnyard-Button--shaded-light:hover {
  opacity: 1;
}
.barnyard-Button--shaded-dark {
  opacity: 0.75;
  color: white;
  background-color: #555a5f;
}
.barnyard-Button--shaded-dark:hover {
  opacity: 1;
  color: white;
  background-color: #555a5f;
}
.barnyard-Button--neutral {
  color: white;
  background: #b8c4ce;
}
.barnyard-Button--neutral:hover {
  background: #a2acb5;
}
.barnyard-Button--neutral--naked {
  color: #b8c4ce;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--neutral--naked:hover {
  color: #a2acb5;
  background: #f9fafb;
}
@-webkit-keyframes neutral-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #b8c4ce;
            box-shadow: 0 0 15px #b8c4ce;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes neutral-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #b8c4ce;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes neutral-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #b8c4ce;
            box-shadow: 0 0 15px #b8c4ce;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--neutral {
  -webkit-animation-name: neutral-pulse;
       -o-animation-name: neutral-pulse;
          animation-name: neutral-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--primary {
  color: white;
  background: #4f8cf1;
}
.barnyard-Button--primary:hover {
  background: #467bd4;
}
.barnyard-Button--primary--naked {
  color: #4f8cf1;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--primary--naked:hover {
  color: #467bd4;
  background: #f4f8fe;
}
@-webkit-keyframes primary-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #4f8cf1;
            box-shadow: 0 0 15px #4f8cf1;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes primary-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #4f8cf1;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes primary-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #4f8cf1;
            box-shadow: 0 0 15px #4f8cf1;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--primary {
  -webkit-animation-name: primary-pulse;
       -o-animation-name: primary-pulse;
          animation-name: primary-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--accent1 {
  color: white;
  background: #e91e63;
}
.barnyard-Button--accent1:hover {
  background: #cd1a57;
}
.barnyard-Button--accent1--naked {
  color: #e91e63;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--accent1--naked:hover {
  color: #cd1a57;
  background: #fef2f6;
}
@-webkit-keyframes accent1-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #e91e63;
            box-shadow: 0 0 15px #e91e63;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes accent1-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #e91e63;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes accent1-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #e91e63;
            box-shadow: 0 0 15px #e91e63;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--accent1 {
  -webkit-animation-name: accent1-pulse;
       -o-animation-name: accent1-pulse;
          animation-name: accent1-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--accent2 {
  color: white;
  background: #68d0e3;
}
.barnyard-Button--accent2:hover {
  background: #5db9ca;
}
.barnyard-Button--accent2--naked {
  color: #68d0e3;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--accent2--naked:hover {
  color: #5db9ca;
  background: #f0fafc;
}
@-webkit-keyframes accent2-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #68d0e3;
            box-shadow: 0 0 15px #68d0e3;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes accent2-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #68d0e3;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes accent2-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #68d0e3;
            box-shadow: 0 0 15px #68d0e3;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--accent2 {
  -webkit-animation-name: accent2-pulse;
       -o-animation-name: accent2-pulse;
          animation-name: accent2-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--success {
  color: white;
  background: #57c559;
}
.barnyard-Button--success:hover {
  background: #4dad4e;
}
.barnyard-Button--success--naked {
  color: #57c559;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--success--naked:hover {
  color: #4dad4e;
  background: #f0faf0;
}
@-webkit-keyframes success-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #57c559;
            box-shadow: 0 0 15px #57c559;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes success-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #57c559;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes success-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #57c559;
            box-shadow: 0 0 15px #57c559;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--success {
  -webkit-animation-name: success-pulse;
       -o-animation-name: success-pulse;
          animation-name: success-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--warning {
  color: white;
  background: #eea314;
}
.barnyard-Button--warning:hover {
  background: #d18f12;
}
.barnyard-Button--warning--naked {
  color: #eea314;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--warning--naked:hover {
  color: #d18f12;
  background: #fef8ec;
}
@-webkit-keyframes warning-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #eea314;
            box-shadow: 0 0 15px #eea314;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes warning-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #eea314;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes warning-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #eea314;
            box-shadow: 0 0 15px #eea314;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--warning {
  -webkit-animation-name: warning-pulse;
       -o-animation-name: warning-pulse;
          animation-name: warning-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--danger {
  color: white;
  background: #eb5252;
}
.barnyard-Button--danger:hover {
  background: #cf4848;
}
.barnyard-Button--danger--naked {
  color: #eb5252;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button--danger--naked:hover {
  color: #cf4848;
  background: #fef3f3;
}
@-webkit-keyframes danger-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #eb5252;
            box-shadow: 0 0 15px #eb5252;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@-o-keyframes danger-pulse {
  from {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    box-shadow: 0 0 15px #eb5252;
  }
  to {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
@keyframes danger-pulse {
  from {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  50% {
    -webkit-box-shadow: 0 0 15px #eb5252;
            box-shadow: 0 0 15px #eb5252;
  }
  to {
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
}
.barnyard-Button--pulse--danger {
  -webkit-animation-name: danger-pulse;
       -o-animation-name: danger-pulse;
          animation-name: danger-pulse;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-Button--full {
  display: block;
  width: 100%;
}
.barnyard-Button--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.barnyard-Button--disabled:hover {
  cursor: not-allowed;
}
.barnyard-Button:disabled {
  opacity: 0.5;
}
.barnyard-Button:disabled:hover {
  cursor: not-allowed;
}
.barnyard-Button--loading {
  -webkit-transition: color 0.1ms;
  -o-transition: color 0.1ms;
  transition: color 0.1ms;
  color: transparent;
}
.barnyard-Button--loading:hover {
  color: transparent;
}
.barnyard-Button--flat {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.barnyard-Button__loader {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #4f8cf1;
}
.barnyard-Button__loader--neutral {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #b8c4ce;
}
.barnyard-Button__loader--primary {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #4f8cf1;
}
.barnyard-Button__loader--accent1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #e91e63;
}
.barnyard-Button__loader--accent2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #68d0e3;
}
.barnyard-Button__loader--success {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #57c559;
}
.barnyard-Button__loader--warning {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #eea314;
}
.barnyard-Button__loader--danger {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #eb5252;
}
.barnyard-Button__loader--color {
  color: white;
}
/***
Circle Button are used for showing items as checked or not.
i.e. lists and supplier order items are two places
***/
.barnyard-ButtonCircle {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #a2acb5;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.barnyard-ButtonCircle:hover {
  background: #f4f8fe;
  color: #467bd4;
}
.barnyard-ButtonCircle--close {
  color: #eb5252;
}
.barnyard-ButtonCircle--close:hover {
  color: #eb5252;
  background: #fef3f3;
}
.barnyard-ButtonCircle--checked {
  color: #57c559;
}
.barnyard-ButtonCircle--checked:hover {
  color: #57c559;
  background: #f0faf0;
}
.barnyard-ButtonCircle--partial {
  color: #eea314;
}
.barnyard-ButtonCircle--partial:hover {
  color: #eea314;
  background: #fef8ec;
}
.barnyard-ButtonCircle--loading {
  color: #4f8cf1;
  cursor: auto;
}
.barnyard-ButtonCircle--loading:hover {
  background: none;
}
.barnyard-ButtonGroup {
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: white;
  display: inline-block;
}
.barnyard-ButtonGroup--full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-ButtonGroup--button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
  border-right: 1px solid #eff2f4;
}
.barnyard-ButtonGroup--button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.barnyard-ButtonGroup--button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: none;
}
.barnyard-ActionButton__overlay .ant-popover-inner-content {
  padding: 0;
}
.barnyard-ActionButton__title {
  padding: 4px 8px;
  font-weight: 600;
}
.barnyard-ActionButton__action {
  display: block;
  color: #555a5f;
  padding: 4px 8px;
  cursor: pointer;
  border-top: 1px solid #eff2f4;
}
.barnyard-ActionButton__action:hover {
  background-color: #f4f8fe;
}
.barnyard-ActionButton__action--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.barnyard-ActionButton__action--disabled:hover {
  background-color: white;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #555a5f;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #555a5f;
  font-size: 16px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #eea314;
  font-size: 16px;
}
.ant-popover-message-title {
  padding-left: 24px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
       -o-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
       -o-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-popover-title {
  color: inherit;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Container {
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 768px) {
  .barnyard-Container {
    padding: 0;
    margin: 0;
  }
}
.barnyard-Container--full {
  max-width: 100%;
  width: 100%;
  padding: 0;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Row {
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.barnyard-Row--end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.barnyard-Row--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.barnyard-Row--edges {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.barnyard-Row--spaces {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.barnyard-Row--top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.barnyard-Row--middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.barnyard-Row--bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.barnyard-Row--stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.barnyard-Row--nowrap {
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.barnyard-Row--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.barnyard-Row--gutter--xs--both {
  margin: -2px;
}
.barnyard-Row--gutter--xs--both > .barnyard-Col {
  padding: 2px;
}
.barnyard-Row--gutter--xs--horizontal {
  margin-left: -2px;
  margin-right: -2px;
}
.barnyard-Row--gutter--xs--horizontal > .barnyard-Col {
  padding-left: 2px;
  padding-right: 2px;
}
.barnyard-Row--gutter--xs--vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.barnyard-Row--gutter--xs--vertical > .barnyard-Col {
  padding-top: 2px;
  padding-bottom: 2px;
}
.barnyard-Row--gutter--sm--both {
  margin: -4px;
}
.barnyard-Row--gutter--sm--both > .barnyard-Col {
  padding: 4px;
}
.barnyard-Row--gutter--sm--horizontal {
  margin-left: -4px;
  margin-right: -4px;
}
.barnyard-Row--gutter--sm--horizontal > .barnyard-Col {
  padding-left: 4px;
  padding-right: 4px;
}
.barnyard-Row--gutter--sm--vertical {
  margin-top: -4px;
  margin-bottom: -4px;
}
.barnyard-Row--gutter--sm--vertical > .barnyard-Col {
  padding-top: 4px;
  padding-bottom: 4px;
}
.barnyard-Row--gutter--md--both {
  margin: -8px;
}
.barnyard-Row--gutter--md--both > .barnyard-Col {
  padding: 8px;
}
.barnyard-Row--gutter--md--horizontal {
  margin-left: -8px;
  margin-right: -8px;
}
.barnyard-Row--gutter--md--horizontal > .barnyard-Col {
  padding-left: 8px;
  padding-right: 8px;
}
.barnyard-Row--gutter--md--vertical {
  margin-top: -8px;
  margin-bottom: -8px;
}
.barnyard-Row--gutter--md--vertical > .barnyard-Col {
  padding-top: 8px;
  padding-bottom: 8px;
}
.barnyard-Row--gutter--lg--both {
  margin: -16px;
}
.barnyard-Row--gutter--lg--both > .barnyard-Col {
  padding: 16px;
}
.barnyard-Row--gutter--lg--horizontal {
  margin-left: -16px;
  margin-right: -16px;
}
.barnyard-Row--gutter--lg--horizontal > .barnyard-Col {
  padding-left: 16px;
  padding-right: 16px;
}
.barnyard-Row--gutter--lg--vertical {
  margin-top: -16px;
  margin-bottom: -16px;
}
.barnyard-Row--gutter--lg--vertical > .barnyard-Col {
  padding-top: 16px;
  padding-bottom: 16px;
}
.barnyard-Row--gutter--xl--both {
  margin: -32px;
}
.barnyard-Row--gutter--xl--both > .barnyard-Col {
  padding: 32px;
}
.barnyard-Row--gutter--xl--horizontal {
  margin-left: -32px;
  margin-right: -32px;
}
.barnyard-Row--gutter--xl--horizontal > .barnyard-Col {
  padding-left: 32px;
  padding-right: 32px;
}
.barnyard-Row--gutter--xl--vertical {
  margin-top: -32px;
  margin-bottom: -32px;
}
.barnyard-Row--gutter--xl--vertical > .barnyard-Col {
  padding-top: 32px;
  padding-bottom: 32px;
}
.barnyard-Col {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.barnyard-Col--span-0 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  max-width: 100%;
}
.barnyard-Col--span-hide {
  display: none;
}
.barnyard-Col--span-show {
  display: block;
}
.barnyard-Col--span-full {
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.barnyard-Col--span-order--12 {
  -webkit-box-ordinal-group: -11;
  -webkit-order: -12;
      -ms-flex-order: -12;
          order: -12;
}
.barnyard-Col--span-order--11 {
  -webkit-box-ordinal-group: -10;
  -webkit-order: -11;
      -ms-flex-order: -11;
          order: -11;
}
.barnyard-Col--span-order--10 {
  -webkit-box-ordinal-group: -9;
  -webkit-order: -10;
      -ms-flex-order: -10;
          order: -10;
}
.barnyard-Col--span-order--9 {
  -webkit-box-ordinal-group: -8;
  -webkit-order: -9;
      -ms-flex-order: -9;
          order: -9;
}
.barnyard-Col--span-order--8 {
  -webkit-box-ordinal-group: -7;
  -webkit-order: -8;
      -ms-flex-order: -8;
          order: -8;
}
.barnyard-Col--span-order--7 {
  -webkit-box-ordinal-group: -6;
  -webkit-order: -7;
      -ms-flex-order: -7;
          order: -7;
}
.barnyard-Col--span-order--6 {
  -webkit-box-ordinal-group: -5;
  -webkit-order: -6;
      -ms-flex-order: -6;
          order: -6;
}
.barnyard-Col--span-order--5 {
  -webkit-box-ordinal-group: -4;
  -webkit-order: -5;
      -ms-flex-order: -5;
          order: -5;
}
.barnyard-Col--span-order--4 {
  -webkit-box-ordinal-group: -3;
  -webkit-order: -4;
      -ms-flex-order: -4;
          order: -4;
}
.barnyard-Col--span-order--3 {
  -webkit-box-ordinal-group: -2;
  -webkit-order: -3;
      -ms-flex-order: -3;
          order: -3;
}
.barnyard-Col--span-order--2 {
  -webkit-box-ordinal-group: -1;
  -webkit-order: -2;
      -ms-flex-order: -2;
          order: -2;
}
.barnyard-Col--span-order--1 {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.barnyard-Col--span-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}
.barnyard-Col--span-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.barnyard-Col--span-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.barnyard-Col--span-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.barnyard-Col--span-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.barnyard-Col--span-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.barnyard-Col--span-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}
.barnyard-Col--span-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}
.barnyard-Col--span-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}
.barnyard-Col--span-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}
.barnyard-Col--span-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}
.barnyard-Col--span-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}
.barnyard-Col--span-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}
.barnyard-Col--span-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333333%;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.barnyard-Col--span-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66666667%;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.barnyard-Col--span-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.barnyard-Col--span-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.barnyard-Col--span-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66666667%;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.barnyard-Col--span-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.barnyard-Col--span-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333333%;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.barnyard-Col--span-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66666667%;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.barnyard-Col--span-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.barnyard-Col--span-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333333%;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.barnyard-Col--span-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66666667%;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.barnyard-Col--span-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 0) {
  .barnyard-Col--xs-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }
  .barnyard-Col--xs-hide {
    display: none;
  }
  .barnyard-Col--xs-show {
    display: block;
  }
  .barnyard-Col--xs-full {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Col--xs-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12;
  }
  .barnyard-Col--xs-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11;
  }
  .barnyard-Col--xs-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10;
  }
  .barnyard-Col--xs-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9;
  }
  .barnyard-Col--xs-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8;
  }
  .barnyard-Col--xs-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7;
  }
  .barnyard-Col--xs-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6;
  }
  .barnyard-Col--xs-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5;
  }
  .barnyard-Col--xs-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4;
  }
  .barnyard-Col--xs-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3;
  }
  .barnyard-Col--xs-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .barnyard-Col--xs-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .barnyard-Col--xs-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .barnyard-Col--xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .barnyard-Col--xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .barnyard-Col--xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .barnyard-Col--xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .barnyard-Col--xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .barnyard-Col--xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .barnyard-Col--xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .barnyard-Col--xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .barnyard-Col--xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .barnyard-Col--xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .barnyard-Col--xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .barnyard-Col--xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .barnyard-Col--xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .barnyard-Col--xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .barnyard-Col--xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .barnyard-Col--xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .barnyard-Col--xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .barnyard-Col--xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .barnyard-Col--xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .barnyard-Col--xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .barnyard-Col--xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .barnyard-Col--xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .barnyard-Col--xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .barnyard-Col--xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .barnyard-Col--sm-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }
  .barnyard-Col--sm-hide {
    display: none;
  }
  .barnyard-Col--sm-show {
    display: block;
  }
  .barnyard-Col--sm-full {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Col--sm-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12;
  }
  .barnyard-Col--sm-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11;
  }
  .barnyard-Col--sm-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10;
  }
  .barnyard-Col--sm-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9;
  }
  .barnyard-Col--sm-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8;
  }
  .barnyard-Col--sm-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7;
  }
  .barnyard-Col--sm-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6;
  }
  .barnyard-Col--sm-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5;
  }
  .barnyard-Col--sm-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4;
  }
  .barnyard-Col--sm-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3;
  }
  .barnyard-Col--sm-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .barnyard-Col--sm-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .barnyard-Col--sm-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .barnyard-Col--sm-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .barnyard-Col--sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .barnyard-Col--sm-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .barnyard-Col--sm-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .barnyard-Col--sm-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .barnyard-Col--sm-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .barnyard-Col--sm-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .barnyard-Col--sm-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .barnyard-Col--sm-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .barnyard-Col--sm-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .barnyard-Col--sm-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .barnyard-Col--sm-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .barnyard-Col--sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .barnyard-Col--sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .barnyard-Col--sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .barnyard-Col--sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .barnyard-Col--sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .barnyard-Col--sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .barnyard-Col--sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .barnyard-Col--sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .barnyard-Col--sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .barnyard-Col--sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .barnyard-Col--sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .barnyard-Col--sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .barnyard-Col--md-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }
  .barnyard-Col--md-hide {
    display: none;
  }
  .barnyard-Col--md-show {
    display: block;
  }
  .barnyard-Col--md-full {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Col--md-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12;
  }
  .barnyard-Col--md-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11;
  }
  .barnyard-Col--md-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10;
  }
  .barnyard-Col--md-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9;
  }
  .barnyard-Col--md-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8;
  }
  .barnyard-Col--md-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7;
  }
  .barnyard-Col--md-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6;
  }
  .barnyard-Col--md-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5;
  }
  .barnyard-Col--md-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4;
  }
  .barnyard-Col--md-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3;
  }
  .barnyard-Col--md-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .barnyard-Col--md-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .barnyard-Col--md-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .barnyard-Col--md-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .barnyard-Col--md-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .barnyard-Col--md-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .barnyard-Col--md-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .barnyard-Col--md-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .barnyard-Col--md-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .barnyard-Col--md-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .barnyard-Col--md-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .barnyard-Col--md-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .barnyard-Col--md-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .barnyard-Col--md-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .barnyard-Col--md-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .barnyard-Col--md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .barnyard-Col--md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .barnyard-Col--md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .barnyard-Col--md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .barnyard-Col--md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .barnyard-Col--md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .barnyard-Col--md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .barnyard-Col--md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .barnyard-Col--md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .barnyard-Col--md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .barnyard-Col--md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .barnyard-Col--md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 900px) {
  .barnyard-Col--lg-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }
  .barnyard-Col--lg-hide {
    display: none;
  }
  .barnyard-Col--lg-show {
    display: block;
  }
  .barnyard-Col--lg-full {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Col--lg-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12;
  }
  .barnyard-Col--lg-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11;
  }
  .barnyard-Col--lg-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10;
  }
  .barnyard-Col--lg-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9;
  }
  .barnyard-Col--lg-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8;
  }
  .barnyard-Col--lg-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7;
  }
  .barnyard-Col--lg-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6;
  }
  .barnyard-Col--lg-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5;
  }
  .barnyard-Col--lg-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4;
  }
  .barnyard-Col--lg-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3;
  }
  .barnyard-Col--lg-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .barnyard-Col--lg-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .barnyard-Col--lg-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .barnyard-Col--lg-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .barnyard-Col--lg-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .barnyard-Col--lg-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .barnyard-Col--lg-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .barnyard-Col--lg-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .barnyard-Col--lg-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .barnyard-Col--lg-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .barnyard-Col--lg-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .barnyard-Col--lg-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .barnyard-Col--lg-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .barnyard-Col--lg-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .barnyard-Col--lg-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .barnyard-Col--lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .barnyard-Col--lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .barnyard-Col--lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .barnyard-Col--lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .barnyard-Col--lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .barnyard-Col--lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .barnyard-Col--lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .barnyard-Col--lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .barnyard-Col--lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .barnyard-Col--lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .barnyard-Col--lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .barnyard-Col--lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .barnyard-Col--xl-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    max-width: 100%;
  }
  .barnyard-Col--xl-hide {
    display: none;
  }
  .barnyard-Col--xl-show {
    display: block;
  }
  .barnyard-Col--xl-full {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Col--xl-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12;
  }
  .barnyard-Col--xl-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11;
  }
  .barnyard-Col--xl-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10;
  }
  .barnyard-Col--xl-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9;
  }
  .barnyard-Col--xl-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8;
  }
  .barnyard-Col--xl-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7;
  }
  .barnyard-Col--xl-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6;
  }
  .barnyard-Col--xl-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5;
  }
  .barnyard-Col--xl-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4;
  }
  .barnyard-Col--xl-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3;
  }
  .barnyard-Col--xl-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2;
  }
  .barnyard-Col--xl-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .barnyard-Col--xl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .barnyard-Col--xl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .barnyard-Col--xl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .barnyard-Col--xl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .barnyard-Col--xl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .barnyard-Col--xl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .barnyard-Col--xl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .barnyard-Col--xl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .barnyard-Col--xl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .barnyard-Col--xl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .barnyard-Col--xl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .barnyard-Col--xl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .barnyard-Col--xl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .barnyard-Col--xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .barnyard-Col--xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .barnyard-Col--xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .barnyard-Col--xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .barnyard-Col--xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .barnyard-Col--xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .barnyard-Col--xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .barnyard-Col--xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .barnyard-Col--xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .barnyard-Col--xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .barnyard-Col--xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .barnyard-Col--xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.barnyard-Col--align--start {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.barnyard-Col--align--center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}
.barnyard-Col--align--end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.barnyard-Layout .barnyard-Footer,
.barnyard-Layout .barnyard-Header,
.barnyard-Layout .barnyard-Content,
.barnyard-Layout .barnyard-Sider {
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px;
  min-width: 0;
}
.barnyard-Layout .barnyard-Footer--flush,
.barnyard-Layout .barnyard-Header--flush,
.barnyard-Layout .barnyard-Content--flush,
.barnyard-Layout .barnyard-Sider--flush {
  padding-top: 0;
  padding-bottom: 0;
}
.barnyard-Layout--right-sider {
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .barnyard-Layout--has-sider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
            flex-direction: row;
  }
  .barnyard-Layout .barnyard-Content {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .barnyard-Layout .barnyard-Sider {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 285px;
        -ms-flex: 0 0 285px;
            flex: 0 0 285px;
    max-width: 285px;
    min-width: 285px;
    width: 285px;
  }
}

.barnyard-Root {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Popconfirm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
}
.barnyard-Popconfirm__content {
  text-align: center;
  max-width: 300px;
}
.barnyard-Popconfirm__description {
  margin-bottom: 12px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Printer {
  display: none;
}
.barnyard-Printer__printer {
  height: 0;
  width: 0;
  position: absolute;
}
.barnyard-Printer__printer--debug {
  display: block;
  position: fixed;
  height: 80%;
  width: 80%;
  top: 100px;
  left: 100px;
  z-index: 100000;
  background-color: white;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Box {
  border: 1px solid #eaeaea;
  padding: 12px;
  background-color: white;
}
.barnyard-Box--border--solid {
  border-style: solid;
}
.barnyard-Box--border--dashed {
  border-style: dashed;
}
.barnyard-Box--border--dotted {
  border-style: dotted;
}
.barnyard-Box--border--none {
  border-style: none;
}
.barnyard-Box--rounded {
  border-radius: 5px;
}
.barnyard-Box--hover--small-shadow {
  -webkit-transition: -webkit-box-shadow 300ms;
  transition: -webkit-box-shadow 300ms;
  -o-transition: box-shadow 300ms;
  transition: box-shadow 300ms;
  transition: box-shadow 300ms, -webkit-box-shadow 300ms;
}
.barnyard-Box--hover--small-shadow:hover {
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-AccentBox {
  position: relative;
  padding-left: 24px;
  overflow-x: hidden;
}
.barnyard-AccentBox__accent {
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
       -o-transform: translateX(-6px);
          transform: translateX(-6px);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: -o-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms, -o-transform 300ms;
}
.barnyard-AccentBox__accent--neutral {
  background-color: #b8c4ce;
}
.barnyard-AccentBox__accent--primary {
  background-color: #4f8cf1;
}
.barnyard-AccentBox__accent--accent1 {
  background-color: #e91e63;
}
.barnyard-AccentBox__accent--accent2 {
  background-color: #68d0e3;
}
.barnyard-AccentBox__accent--success {
  background-color: #57c559;
}
.barnyard-AccentBox__accent--warning {
  background-color: #eea314;
}
.barnyard-AccentBox__accent--danger {
  background-color: #eb5252;
}
.barnyard-AccentBox:hover .barnyard-AccentBox__accent {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ActionBox {
  padding: 0;
}
.barnyard-ActionBox__header {
  padding: 12px;
  background: #f9fafb;
  border-bottom: 1px solid #eaeaea;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.barnyard-ActionBox__header h3 {
  font-weight: 600;
  font-size: 20px;
}
.barnyard-ActionBox__content {
  padding: 12px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-NotificationBanner {
  color: white;
  padding-right: 20px;
  text-align: center;
  font-size: 18px;
  margin-top: 12px;
  width: 100%;
  padding: 15px 20px;
}
.barnyard-NotificationBanner--info {
  background: #4f8cf1;
}
.barnyard-NotificationBanner--danger {
  background: #eb5252;
}
.barnyard-NotificationBanner--warning {
  background: #eea314;
}
.barnyard-NotificationBanner--success {
  background: #57c559;
}
.barnyard-NotificationBadge {
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding-right: 20px;
  border-radius: 3px;
}
.barnyard-NotificationBadge--info {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.barnyard-NotificationBadge--danger {
  color: #eb5252;
  border-color: #eb5252;
}
.barnyard-NotificationBadge--warning {
  color: #eea314;
  border-color: #eea314;
}
.barnyard-NotificationBadge--success {
  color: #57c559;
  border-color: #57c559;
}
.barnyard-NotificationBadge__stripe {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.barnyard-NotificationBadge__stripe--info {
  background-color: #4f8cf1;
}
.barnyard-NotificationBadge__stripe--danger {
  background-color: #eb5252;
}
.barnyard-NotificationBadge__stripe--warning {
  background-color: #eea314;
}
.barnyard-NotificationBadge__stripe--success {
  background-color: #57c559;
}
.barnyard-NotificationBadge__confetti {
  position: absolute;
  top: 50%;
  left: 50%;
}
.barnyard-NotificationBadge.isClickable {
  cursor: pointer;
}
.barnyard-NotificationBadge.isClickable:hover .barnyard-NotificationBadge__stripe {
  -webkit-transform: scaleX(2);
      -ms-transform: scaleX(2);
       -o-transform: scaleX(2);
          transform: scaleX(2);
}
.barnyard-NotificationBadge h1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
}
.barnyard-NotificationBadge h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
}
.barnyard-NotificationBadge h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
}
.barnyard-NotificationBadge p {
  font-size: 15px;
  color: #555a5f;
}
.barnyard-NotificationBadge__icon {
  text-align: center;
  font-size: 24px;
  padding-right: 12px;
}
.barnyard-NotifyBadge-bottom-left,
.barnyard-NotifyBadge-top-left {
  position: fixed;
  z-index: 1001;
  width: 360px;
}
.barnyard-NotifyBadge-bottom-left-notice,
.barnyard-NotifyBadge-top-left-notice {
  margin-bottom: 12px;
  width: 360px;
  position: relative;
}
.barnyard-NotifyBadge-bottom-left-fade-enter,
.barnyard-NotifyBadge-top-left-fade-enter {
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBadge-bottom-left-fade-leave,
.barnyard-NotifyBadge-top-left-fade-leave {
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBadge-bottom-left-fade-enter-active,
.barnyard-NotifyBadge-top-left-fade-enter-active {
  -webkit-animation-name: barnyard-slide-in-right;
       -o-animation-name: barnyard-slide-in-right;
          animation-name: barnyard-slide-in-right;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.barnyard-NotifyBadge-bottom-left-fade-leave-active,
.barnyard-NotifyBadge-top-left-fade-leave-active {
  -webkit-animation-name: barnyard-fade-out;
       -o-animation-name: barnyard-fade-out;
          animation-name: barnyard-fade-out;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.barnyard-NotifyBadge-bottom-left__closeIcon,
.barnyard-NotifyBadge-top-left__closeIcon {
  color: #8a939b;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  cursor: pointer;
  position: absolute;
  padding: 8px;
  top: 0;
  right: 2px;
  z-index: 100;
}
.barnyard-NotifyBadge-bottom-left__closeIcon:hover,
.barnyard-NotifyBadge-top-left__closeIcon:hover {
  color: #555a5f;
}
.barnyard-NotifyBadge-bottom-right,
.barnyard-NotifyBadge-top-right {
  position: fixed;
  z-index: 1001;
  width: 360px;
}
.barnyard-NotifyBadge-bottom-right-notice,
.barnyard-NotifyBadge-top-right-notice {
  margin-bottom: 12px;
  width: 360px;
  position: relative;
}
.barnyard-NotifyBadge-bottom-right-fade-enter,
.barnyard-NotifyBadge-top-right-fade-enter {
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBadge-bottom-right-fade-leave,
.barnyard-NotifyBadge-top-right-fade-leave {
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBadge-bottom-right-fade-enter-active,
.barnyard-NotifyBadge-top-right-fade-enter-active {
  -webkit-animation-name: barnyard-slide-in-left;
       -o-animation-name: barnyard-slide-in-left;
          animation-name: barnyard-slide-in-left;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.barnyard-NotifyBadge-bottom-right-fade-leave-active,
.barnyard-NotifyBadge-top-right-fade-leave-active {
  -webkit-animation-name: barnyard-fade-out;
       -o-animation-name: barnyard-fade-out;
          animation-name: barnyard-fade-out;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.barnyard-NotifyBadge-bottom-right__closeIcon,
.barnyard-NotifyBadge-top-right__closeIcon {
  color: #8a939b;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  cursor: pointer;
  position: absolute;
  padding: 8px;
  top: 0;
  right: 2px;
  z-index: 100;
}
.barnyard-NotifyBadge-bottom-right__closeIcon:hover,
.barnyard-NotifyBadge-top-right__closeIcon:hover {
  color: #555a5f;
}
.barnyard-NotifyBanner {
  position: fixed;
  z-index: 999;
  width: 100%;
}
.barnyard-NotifyBanner-notice {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.barnyard-NotifyBanner-fade-enter {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBanner-fade-leave {
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
       -o-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.barnyard-NotifyBanner-fade-enter-active {
  -webkit-animation-name: barnyard-fade-in;
       -o-animation-name: barnyard-fade-in;
          animation-name: barnyard-fade-in;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.barnyard-NotifyBanner-fade-leave-active {
  -webkit-animation-name: barnyard-fade-out;
       -o-animation-name: barnyard-fade-out;
          animation-name: barnyard-fade-out;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-Overlay__outer {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(85, 90, 95, 0.6);
}
.barnyard-Overlay__outer:hover {
  cursor: pointer;
}
.barnyard-Overlay__title {
  font-size: 28px;
  font-weight: bold;
}
.barnyard-Overlay__close {
  color: #8a939b;
  font-size: 18px;
  line-height: 1;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  cursor: pointer;
  position: absolute;
  padding: 12px;
  top: 0;
  right: 4px;
  z-index: 100;
}
.barnyard-Overlay__close:hover {
  color: #555a5f;
}
.barnyard-Overlay__header {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.barnyard-Overlay__box {
  z-index: 1000;
  position: absolute;
  overflow-y: auto;
  background: white;
  padding: 10px 20px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.barnyard-Overlay__box--left {
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 650px;
}
.barnyard-Overlay__box--right {
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 650px;
}
.barnyard-Overlay__box--top {
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: auto;
  max-width: 650px;
  max-height: 90%;
  border-radius: 0 0 3px 3px;
  margin: 0 auto 0 auto;
}
.barnyard-Overlay__box--bottom {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-width: 650px;
  max-height: 90%;
  border-radius: 3px 3px 0 0;
  margin: 0 auto 0 auto;
}
.barnyard-Overlay__box--center {
  width: 650px;
  max-height: 90%;
  overflow: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 3px;
}
.barnyard-Overlay__box--center--md {
  width: 650px;
}
@media screen and (max-width: 650px) {
  .barnyard-Overlay__box--center--md {
    width: 100%;
  }
}
.barnyard-Overlay__box--center--lg {
  width: 850px;
}
@media screen and (max-width: 850px) {
  .barnyard-Overlay__box--center--lg {
    width: 100%;
  }
}
.barnyard-Overlay__box--center--xl {
  width: 1050px;
}
@media screen and (max-width: 1050px) {
  .barnyard-Overlay__box--center--xl {
    width: 100%;
  }
}
.barnyard-Overlay__box:hover {
  cursor: initial;
}
@-webkit-keyframes barnyard-animation-left {
  0% {
    -webkit-transform: translate(-650px, 0);
            transform: translate(-650px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes barnyard-animation-left {
  0% {
    -o-transform: translate(-650px, 0);
       transform: translate(-650px, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes barnyard-animation-left {
  0% {
    -webkit-transform: translate(-650px, 0);
         -o-transform: translate(-650px, 0);
            transform: translate(-650px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-animation-out-left {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-650px, 0);
            transform: translate(-650px, 0);
    opacity: 0;
  }
}
@-o-keyframes barnyard-animation-out-left {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(-650px, 0);
       transform: translate(-650px, 0);
    opacity: 0;
  }
}
@keyframes barnyard-animation-out-left {
  0% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-650px, 0);
         -o-transform: translate(-650px, 0);
            transform: translate(-650px, 0);
    opacity: 0;
  }
}
.barnyard-Overlay-animation-left-appear {
  -webkit-animation: barnyard-animation-left 600ms;
       -o-animation: barnyard-animation-left 600ms;
          animation: barnyard-animation-left 600ms;
}
.barnyard-Overlay-animation-left-exit {
  -webkit-animation: barnyard-animation-out-left 600ms;
       -o-animation: barnyard-animation-out-left 600ms;
          animation: barnyard-animation-out-left 600ms;
}
@-webkit-keyframes barnyard-animation-right {
  0% {
    -webkit-transform: translate(650px, 0);
            transform: translate(650px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes barnyard-animation-right {
  0% {
    -o-transform: translate(650px, 0);
       transform: translate(650px, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes barnyard-animation-right {
  0% {
    -webkit-transform: translate(650px, 0);
         -o-transform: translate(650px, 0);
            transform: translate(650px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-animation-out-right {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(650px, 0);
            transform: translate(650px, 0);
    opacity: 0;
  }
}
@-o-keyframes barnyard-animation-out-right {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(650px, 0);
       transform: translate(650px, 0);
    opacity: 0;
  }
}
@keyframes barnyard-animation-out-right {
  0% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(650px, 0);
         -o-transform: translate(650px, 0);
            transform: translate(650px, 0);
    opacity: 0;
  }
}
.barnyard-Overlay-animation-right-appear {
  -webkit-animation: barnyard-animation-right 600ms;
       -o-animation: barnyard-animation-right 600ms;
          animation: barnyard-animation-right 600ms;
}
.barnyard-Overlay-animation-right-exit {
  -webkit-animation: barnyard-animation-out-right 600ms;
       -o-animation: barnyard-animation-out-right 600ms;
          animation: barnyard-animation-out-right 600ms;
}
@-webkit-keyframes barnyard-animation-top {
  0% {
    -webkit-transform: translate(0, -350px);
            transform: translate(0, -350px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes barnyard-animation-top {
  0% {
    -o-transform: translate(0, -350px);
       transform: translate(0, -350px);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes barnyard-animation-top {
  0% {
    -webkit-transform: translate(0, -350px);
         -o-transform: translate(0, -350px);
            transform: translate(0, -350px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-animation-out-top {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -350px);
            transform: translate(0, -350px);
    opacity: 0;
  }
}
@-o-keyframes barnyard-animation-out-top {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0, -350px);
       transform: translate(0, -350px);
    opacity: 0;
  }
}
@keyframes barnyard-animation-out-top {
  0% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -350px);
         -o-transform: translate(0, -350px);
            transform: translate(0, -350px);
    opacity: 0;
  }
}
.barnyard-Overlay-animation-top-appear {
  -webkit-animation: barnyard-animation-top 600ms;
       -o-animation: barnyard-animation-top 600ms;
          animation: barnyard-animation-top 600ms;
}
.barnyard-Overlay-animation-top-exit {
  -webkit-animation: barnyard-animation-out-top 600ms;
       -o-animation: barnyard-animation-out-top 600ms;
          animation: barnyard-animation-out-top 600ms;
}
@-webkit-keyframes barnyard-animation-bottom {
  0% {
    -webkit-transform: translate(0, 350px);
            transform: translate(0, 350px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes barnyard-animation-bottom {
  0% {
    -o-transform: translate(0, 350px);
       transform: translate(0, 350px);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes barnyard-animation-bottom {
  0% {
    -webkit-transform: translate(0, 350px);
         -o-transform: translate(0, 350px);
            transform: translate(0, 350px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-animation-out-bottom {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 350px);
            transform: translate(0, 350px);
    opacity: 0;
  }
}
@-o-keyframes barnyard-animation-out-bottom {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0, 350px);
       transform: translate(0, 350px);
    opacity: 0;
  }
}
@keyframes barnyard-animation-out-bottom {
  0% {
    -webkit-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 350px);
         -o-transform: translate(0, 350px);
            transform: translate(0, 350px);
    opacity: 0;
  }
}
.barnyard-Overlay-animation-bottom-appear {
  -webkit-animation: barnyard-animation-bottom 600ms;
       -o-animation: barnyard-animation-bottom 600ms;
          animation: barnyard-animation-bottom 600ms;
}
.barnyard-Overlay-animation-bottom-exit {
  -webkit-animation: barnyard-animation-out-bottom 600ms;
       -o-animation: barnyard-animation-out-bottom 600ms;
          animation: barnyard-animation-out-bottom 600ms;
}
.barnyard-Overlay-animation-center-appear {
  -webkit-animation: barnyard-fade-in 200ms;
       -o-animation: barnyard-fade-in 200ms;
          animation: barnyard-fade-in 200ms;
}
.barnyard-Overlay-animation-center-exit {
  -webkit-animation: barnyard-fade-out 200ms;
       -o-animation: barnyard-fade-out 200ms;
          animation: barnyard-fade-out 200ms;
}
.barnyard-Overlay-overlay-appear {
  -webkit-animation: barnyard-fade-in 600ms;
       -o-animation: barnyard-fade-in 600ms;
          animation: barnyard-fade-in 600ms;
}
.barnyard-Overlay-overlay-exit {
  -webkit-animation: barnyard-fade-out 600ms;
       -o-animation: barnyard-fade-out 600ms;
          animation: barnyard-fade-out 600ms;
}
.barnyard-Overlay-overlay-fast-appear {
  -webkit-animation: barnyard-fade-in 200ms;
       -o-animation: barnyard-fade-in 200ms;
          animation: barnyard-fade-in 200ms;
}
.barnyard-Overlay-overlay-fast-exit {
  -webkit-animation: barnyard-fade-out 200ms;
       -o-animation: barnyard-fade-out 200ms;
          animation: barnyard-fade-out 200ms;
}
.barnyard-NoScroll {
  overflow: hidden;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ActionOverlay {
  padding: 10px 20px;
}
.barnyard-ActionOverlay__box {
  padding: 0;
}
.barnyard-ActionOverlay__title {
  font-size: 28px;
  font-weight: bold;
}
.barnyard-ActionOverlay__description {
  font-size: 16px;
}
.barnyard-ActionOverlay__actions {
  padding: 10px 20px;
  background-color: #f9fafb;
  border-top: 1px solid #eaeaea;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-calendly {
  height: 100%;
}
.barnyard-calendly__outer {
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(85, 90, 95, 0.6);
}
.barnyard-calendly__outer:hover.closeable {
  cursor: pointer;
}
.barnyard-calendly__content {
  position: absolute;
  z-index: 1050;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 75%;
  width: 100%;
  max-width: 1540px;
  margin: auto;
  padding: 0 50px;
}
.barnyard-calendly__iframe {
  width: 100%;
  height: 100%;
  border: none;
  background: white;
}
.barnyard-calendly__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.barnyard-calendly__backContainer {
  padding-top: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #f9fafb;
  font-size: 14px;
}
.barnyard-calendly__backLink {
  cursor: pointer;
}
.barnyard-calendly__backIcon {
  padding-right: 3px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-HoverableMessage {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 300px;
  margin-bottom: 12px;
  bottom: 100%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.barnyard-HoverableMessage__message {
  padding: 0 8px;
  line-height: 1.6;
  background: rgba(85, 90, 95, 0.9);
  border-radius: 3px;
  color: white;
  font-size: 13px;
  font-weight: 600;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.barnyard-HoverableMessage__message::after {
  position: absolute;
  bottom: -4px;
  display: inline-block;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(85, 90, 95, 0.9);
  border-left: 4px solid transparent;
  content: '';
}
.barnyard-HoverableMessage--center {
  left: 0;
  right: 0;
}
.barnyard-HoverableMessage--center .barnyard-HoverableMessage__message {
  float: left;
}
.barnyard-HoverableMessage--center .barnyard-HoverableMessage__message::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.barnyard-HoverableMessage--right {
  right: -8px;
}
.barnyard-HoverableMessage--right .barnyard-HoverableMessage__message {
  right: 0;
  float: right;
}
.barnyard-HoverableMessage--right .barnyard-HoverableMessage__message::after {
  right: 8px;
}
.barnyard-HoverableMessage--left {
  left: -8px;
}
.barnyard-HoverableMessage--left .barnyard-HoverableMessage__message {
  left: 0;
  float: left;
}
.barnyard-HoverableMessage--left .barnyard-HoverableMessage__message::after {
  left: 8px;
}
.barnyard-HoverableMessage--visible {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-HoverableMessage--error .barnyard-HoverableMessage__message {
  background: #eb5252;
}
.barnyard-HoverableMessage--error .barnyard-HoverableMessage__message::after {
  border-top: 4px solid #eb5252;
}
.barnyard-HoverableMessage__wrapper {
  position: relative;
}
.barnyard-HoverableMessage__wrapper:hover .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-HoverableMessage__wrapper:not(:hover) .barnyard-HoverableMessage {
  opacity: 0;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Message {
  padding: 8px;
  font-weight: normal;
  position: relative;
  color: #6e767c;
  background: #f9fafb;
}
.barnyard-Message--border {
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.barnyard-Message--icon {
  color: #b8c4ce;
}
.barnyard-Message--hoverable:hover {
  border-color: #b8c4ce;
}
.barnyard-Message--neutral {
  color: #6e767c;
  background: #f9fafb;
}
.barnyard-Message--neutral--border {
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.barnyard-Message--neutral--icon {
  color: #b8c4ce;
}
.barnyard-Message--neutral--hoverable:hover {
  border-color: #b8c4ce;
}
.barnyard-Message--primary {
  color: #315795;
  background: #f4f8fe;
}
.barnyard-Message--primary--border {
  border: 1px solid #c0d6fa;
  border-radius: 3px;
}
.barnyard-Message--primary--icon {
  color: #4f8cf1;
}
.barnyard-Message--primary--hoverable:hover {
  border-color: #4f8cf1;
}
.barnyard-Message--accent1 {
  color: #871139;
  background: #fef2f6;
}
.barnyard-Message--accent1--border {
  border: 1px solid #f598b7;
  border-radius: 3px;
}
.barnyard-Message--accent1--icon {
  color: #e91e63;
}
.barnyard-Message--accent1--hoverable:hover {
  border-color: #e91e63;
}
.barnyard-Message--accent2 {
  color: #3e7d88;
  background: #f0fafc;
}
.barnyard-Message--accent2--border {
  border: 1px solid #c3ecf4;
  border-radius: 3px;
}
.barnyard-Message--accent2--icon {
  color: #68d0e3;
}
.barnyard-Message--accent2--hoverable:hover {
  border-color: #68d0e3;
}
.barnyard-Message--success {
  color: #316e32;
  background: #f0faf0;
}
.barnyard-Message--success--border {
  border: 1px solid #ade3ae;
  border-radius: 3px;
}
.barnyard-Message--success--icon {
  color: #57c559;
}
.barnyard-Message--success--hoverable:hover {
  border-color: #57c559;
}
.barnyard-Message--warning {
  color: #8a5f0c;
  background: #fef8ec;
}
.barnyard-Message--warning--border {
  border: 1px solid #f7d695;
  border-radius: 3px;
}
.barnyard-Message--warning--icon {
  color: #eea314;
}
.barnyard-Message--warning--hoverable:hover {
  border-color: #eea314;
}
.barnyard-Message--danger {
  color: #883030;
  background: #fef3f3;
}
.barnyard-Message--danger--border {
  border: 1px solid #f6b3b3;
  border-radius: 3px;
}
.barnyard-Message--danger--icon {
  color: #eb5252;
}
.barnyard-Message--danger--hoverable:hover {
  border-color: #eb5252;
}
.barnyard-Message--strong {
  font-weight: bold;
}
.barnyard-Message--center {
  text-align: center;
}
.barnyard-Message--left {
  text-align: left;
}
.barnyard-Message__icon {
  margin-right: 8px;
  top: 2px;
  position: relative;
}
.barnyard-Message h4 {
  font-weight: 600;
  font-size: 16px;
}
.barnyard-Message__close {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 8px;
  -webkit-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}
.barnyard-Message__close:hover {
  opacity: 0.8;
}
.barnyard-Message--hoverable {
  cursor: pointer;
  -webkit-transition: border-color 300ms;
  -o-transition: border-color 300ms;
  transition: border-color 300ms;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-Label > label {
  font-weight: 600;
  color: #8a939b;
  letter-spacing: 0.4px;
  font-size: 14px;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
}
.barnyard-Label__help {
  margin-left: 5px;
}
.barnyard-Label--uppercase > label {
  text-transform: uppercase;
}
.barnyard-Label--inputHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-Label__labelLeft {
  margin-left: auto;
}
.barnyard-Label__labelDescription {
  font-style: italic;
  font-size: 14px;
  color: #8a939b;
}
.barnyard-Label__label-error {
  position: relative;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
}
.barnyard-Label--error > label {
  color: #eb5252;
}
.barnyard-Label--error + .barnyard-Label__labelDescription {
  color: #f07f7f;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-NumberIcon {
  font-size: 14px;
  font-weight: 600;
  background: #cdd6dd;
  color: #fff;
  padding: 2px 4px 2px 4px;
  border-radius: 10px;
  font-style: normal;
}
.barnyard-NumberIcon--neutral {
  background: #b8c4ce;
}
.barnyard-NumberIcon--primary {
  background: #4f8cf1;
}
.barnyard-NumberIcon--accent1 {
  background: #e91e63;
}
.barnyard-NumberIcon--accent2 {
  background: #68d0e3;
}
.barnyard-NumberIcon--success {
  background: #57c559;
}
.barnyard-NumberIcon--warning {
  background: #eea314;
}
.barnyard-NumberIcon--danger {
  background: #eb5252;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-HelpIcon > i {
  font-size: 14px;
  font-weight: 700;
  background: #cdd6dd;
  color: white;
  padding: 2px 4px 2px 4px;
  border-radius: 10px;
  font-style: normal;
}
.barnyard-HelpIcon:hover {
  cursor: help;
}

.barnyard-FadeMoveTransition--bottom-enter {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
      -ms-transform: translate(0, -30px);
       -o-transform: translate(0, -30px);
          transform: translate(0, -30px);
}
.barnyard-FadeMoveTransition--bottom-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 500ms;
  transition: opacity 300ms ease-in, -webkit-transform 500ms;
  -o-transition: opacity 300ms ease-in, -o-transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms, -webkit-transform 500ms, -o-transform 500ms;
}
.barnyard-FadeMoveTransition--bottom-exit {
  opacity: 1;
}
.barnyard-FadeMoveTransition--bottom-exit-active {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
       -o-transform: translate(0, 30px);
          transform: translate(0, 30px);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 400ms;
  transition: opacity 300ms ease-in, -webkit-transform 400ms;
  -o-transition: opacity 300ms ease-in, -o-transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms, -webkit-transform 400ms, -o-transform 400ms;
}
.barnyard-FadeMoveTransition--top-enter {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
       -o-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.barnyard-FadeMoveTransition--top-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 500ms;
  transition: opacity 300ms ease-in, -webkit-transform 500ms;
  -o-transition: opacity 300ms ease-in, -o-transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms, -webkit-transform 500ms, -o-transform 500ms;
}
.barnyard-FadeMoveTransition--top-exit {
  opacity: 1;
}
.barnyard-FadeMoveTransition--top-exit-active {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
      -ms-transform: translate(0, -30px);
       -o-transform: translate(0, -30px);
          transform: translate(0, -30px);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 400ms;
  transition: opacity 300ms ease-in, -webkit-transform 400ms;
  -o-transition: opacity 300ms ease-in, -o-transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms, -webkit-transform 400ms, -o-transform 400ms;
}
.barnyard-FadeMoveTransition--left-enter {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
      -ms-transform: translate(30px, 0);
       -o-transform: translate(30px, 0);
          transform: translate(30px, 0);
}
.barnyard-FadeMoveTransition--left-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 500ms;
  transition: opacity 300ms ease-in, -webkit-transform 500ms;
  -o-transition: opacity 300ms ease-in, -o-transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms, -webkit-transform 500ms, -o-transform 500ms;
}
.barnyard-FadeMoveTransition--left-exit {
  opacity: 1;
}
.barnyard-FadeMoveTransition--left-exit-active {
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
      -ms-transform: translate(-30px, 0);
       -o-transform: translate(-30px, 0);
          transform: translate(-30px, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 400ms;
  transition: opacity 300ms ease-in, -webkit-transform 400ms;
  -o-transition: opacity 300ms ease-in, -o-transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms, -webkit-transform 400ms, -o-transform 400ms;
}
.barnyard-FadeMoveTransition--right-enter {
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
      -ms-transform: translate(-30px, 0);
       -o-transform: translate(-30px, 0);
          transform: translate(-30px, 0);
}
.barnyard-FadeMoveTransition--right-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 500ms;
  transition: opacity 300ms ease-in, -webkit-transform 500ms;
  -o-transition: opacity 300ms ease-in, -o-transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms;
  transition: opacity 300ms ease-in, transform 500ms, -webkit-transform 500ms, -o-transform 500ms;
}
.barnyard-FadeMoveTransition--right-exit {
  opacity: 1;
}
.barnyard-FadeMoveTransition--right-exit-active {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
      -ms-transform: translate(30px, 0);
       -o-transform: translate(30px, 0);
          transform: translate(30px, 0);
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 400ms;
  transition: opacity 300ms ease-in, -webkit-transform 400ms;
  -o-transition: opacity 300ms ease-in, -o-transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms;
  transition: opacity 300ms ease-in, transform 400ms, -webkit-transform 400ms, -o-transform 400ms;
}
.barnyard-SlideInTransition--bottom-enter {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
       -o-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.barnyard-SlideInTransition--bottom-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  -o-transition: -o-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out, -o-transform 500ms ease-out;
}
.barnyard-SlideInTransition--bottom-exit {
  opacity: 1;
}
.barnyard-SlideInTransition--bottom-exit-active {
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.barnyard-SlideInTransition--top-enter {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.barnyard-SlideInTransition--top-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  -o-transition: -o-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out, -o-transform 500ms ease-out;
}
.barnyard-SlideInTransition--top-exit {
  opacity: 1;
}
.barnyard-SlideInTransition--top-exit-active {
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.barnyard-SlideInTransition--left-enter {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
       -o-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.barnyard-SlideInTransition--left-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  -o-transition: -o-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out, -o-transform 500ms ease-out;
}
.barnyard-SlideInTransition--left-exit {
  opacity: 1;
}
.barnyard-SlideInTransition--left-exit-active {
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.barnyard-SlideInTransition--right-enter {
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
       -o-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.barnyard-SlideInTransition--right-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 500ms ease-out;
  transition: -webkit-transform 500ms ease-out;
  -o-transition: -o-transform 500ms ease-out;
  transition: transform 500ms ease-out;
  transition: transform 500ms ease-out, -webkit-transform 500ms ease-out, -o-transform 500ms ease-out;
}
.barnyard-SlideInTransition--right-exit {
  opacity: 1;
}
.barnyard-SlideInTransition--right-exit-active {
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.barnyard-FadeTransition-enter {
  opacity: 0;
}
.barnyard-FadeTransition-enter-active {
  opacity: 1;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.barnyard-FadeTransition-exit {
  opacity: 1;
}
.barnyard-FadeTransition-exit-active {
  opacity: 0;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Tooltip {
  position: relative;
}
.barnyard-Tooltip--inline {
  display: inline;
}
.barnyard-Tooltip--inline-block {
  display: inline-block;
}
.barnyard-Tooltip--block {
  display: block;
}
.barnyard-Tooltip--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-TooltipBox {
  position: absolute;
  z-index: 700;
  width: 300px;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0;
  cursor: auto;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  font-size: 16px;
  background: white;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  padding: 10px;
  text-transform: none;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  color: #555a5f;
  white-space: normal;
}
.barnyard-TooltipBox::before {
  position: absolute;
  z-index: 701;
  display: inline-block;
  content: '';
}
.barnyard-TooltipBox::after {
  z-index: 702;
  position: absolute;
  display: inline-block;
  content: '';
}
.barnyard-TooltipBox--bottom {
  top: 100%;
  margin-top: 14px;
}
.barnyard-TooltipBox--bottom::before {
  top: -11px;
  margin-bottom: -11px;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #eaeaea;
  border-left: 11px solid transparent;
}
.barnyard-TooltipBox--bottom::after {
  top: -9px;
  margin-bottom: -10px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
}
.barnyard-TooltipBox--top {
  bottom: 100%;
  margin-bottom: 14px;
}
.barnyard-TooltipBox--top::before {
  bottom: -11px;
  margin-top: -11px;
  border-right: 11px solid transparent;
  border-top: 11px solid #eaeaea;
  border-left: 11px solid transparent;
}
.barnyard-TooltipBox--top::after {
  bottom: -9px;
  margin-top: -10px;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
}
.barnyard-TooltipBox--left {
  top: 50%;
  right: 100%;
  margin-top: -25px;
  margin-right: 14px;
}
.barnyard-TooltipBox--left::before {
  right: -11px;
  top: 15px;
  margin-left: -11px;
  border-top: 11px solid transparent;
  border-left: 11px solid #eaeaea;
  border-bottom: 11px solid transparent;
}
.barnyard-TooltipBox--left::after {
  right: -9px;
  top: 15px;
  margin-left: -10px;
  border-top: 10px solid transparent;
  border-left: 10px solid white;
  border-bottom: 10px solid transparent;
}
.barnyard-TooltipBox--right {
  top: 50%;
  left: 100%;
  margin-top: -25px;
  margin-left: 14px;
}
.barnyard-TooltipBox--right::before {
  left: -11px;
  top: 15px;
  margin-right: -11px;
  border-top: 11px solid transparent;
  border-right: 11px solid #eaeaea;
  border-bottom: 11px solid transparent;
}
.barnyard-TooltipBox--right::after {
  left: -9px;
  top: 15px;
  margin-right: -10px;
  border-top: 10px solid transparent;
  border-right: 10px solid white;
  border-bottom: 10px solid transparent;
}
.barnyard-TooltipBox--top--right,
.barnyard-TooltipBox--bottom--right {
  left: 50%;
  margin-left: -50px;
}
.barnyard-TooltipBox--top--right::before,
.barnyard-TooltipBox--bottom--right::before {
  left: 40px;
}
.barnyard-TooltipBox--top--right::after,
.barnyard-TooltipBox--bottom--right::after {
  left: 40px;
}
.barnyard-TooltipBox--top--left,
.barnyard-TooltipBox--bottom--left {
  right: 50%;
  margin-right: -50px;
}
.barnyard-TooltipBox--top--left::before,
.barnyard-TooltipBox--bottom--left::before {
  right: 40px;
}
.barnyard-TooltipBox--top--left::after,
.barnyard-TooltipBox--bottom--left::after {
  right: 40px;
}
.barnyard-TooltipBox h1 {
  color: #555a5f;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-BaseInput {
  position: relative;
  clear: both;
}
.barnyard-BaseInput input:focus,
.barnyard-BaseInput select:focus,
.barnyard-BaseInput textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.barnyard-BaseInput--inline {
  display: inline-block;
  min-width: 200px;
  margin-left: 8px;
  margin-right: 8px;
}
.barnyard-BaseInput__close {
  position: absolute;
  right: 11px;
  top: 50%;
  color: #8a939b;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.barnyard-BaseInput__icon {
  position: absolute;
  z-index: 5;
  font-size: 12px;
  text-align: center;
  width: 36px;
  line-height: 38px;
  height: 38px;
  top: 1px;
  border: 1px solid #f9fafb;
  color: #8a939b;
  background-color: #f9fafb;
}
.barnyard-BaseInput__icon--pre {
  border-right: 1px solid #eaeaea;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  left: 1px;
}
.barnyard-BaseInput__icon--post {
  border-left: 1px solid #eaeaea;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  right: 1px;
}
.barnyard-BaseInput__text {
  position: absolute;
  z-index: 5;
  line-height: 38px;
  height: 38px;
  top: 1px;
  color: #8a939b;
  padding-left: 7px;
  padding-right: 4px;
  font-size: 16px;
}
.barnyard-BaseInput__control {
  height: 40px;
  font-size: 16px;
  padding: 0 7px;
  width: 100%;
  border: 1px solid #eaeaea;
  background: white;
  border-radius: 3px;
  position: relative;
  color: #555a5f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.barnyard-BaseInput__control::-webkit-input-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-BaseInput__control:-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-BaseInput__control::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-BaseInput__control:-ms-input-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-BaseInput__control:focus {
  border: 1px solid #4f8cf1;
}
.barnyard-BaseInput__control--has-pre-icon {
  padding-left: 43px;
}
.barnyard-BaseInput__control--has-post-icon {
  padding-right: 43px;
}
.barnyard-BaseInput__control--has-post-icon + .barnyard-PasswordInput__toggler {
  right: 46px;
}
.barnyard-BaseInput__control--disabled {
  background-color: #f5f5f5;
}
.barnyard-BaseInput__control--disabled:hover {
  cursor: not-allowed;
}
.barnyard-BaseInput__antControl--has-pre-icon .ant-input-number-input {
  padding-left: 43px;
}
.barnyard-BaseInput__antControl--has-pre-icon .ant-select-selection__rendered {
  margin-left: 43px;
}
.barnyard-BaseInput__antControl--has-pre-icon .ant-calendar-picker-input {
  padding-left: 43px;
}
.barnyard-BaseInput__antControl--has-post-icon .ant-input-number-input {
  padding-right: 63px;
}
.barnyard-BaseInput__antControl--has-post-icon .ant-select-selection__rendered {
  margin-right: 54px;
}
.barnyard-BaseInput__antControl--has-post-icon .ant-select-arrow {
  right: 47px;
}
.barnyard-BaseInput__antControl--has-post-icon .ant-input-number-handler-wrap {
  right: 36px;
}
.barnyard-BaseInput__antControl--has-post-icon .ant-calendar-picker-input {
  padding-right: 54px;
}
.barnyard-BaseInput__antControl--has-post-icon ~ .barnyard-BaseInput__close {
  right: 43px;
}
.barnyard-BaseInput__antControl .ant-calendar-picker-input {
  border-color: #eaeaea;
}
.barnyard-BaseInput__antControl .ant-input {
  border: 1px solid #eaeaea;
}
.barnyard-BaseInput__antControl .ant-input:hover {
  border: 1px solid #eaeaea;
}
.barnyard-BaseInput__controlWrapper {
  position: relative;
}
.barnyard-BaseInput__controlWrapper:hover .barnyard-BaseInput__close {
  opacity: 1;
}
.barnyard-BaseInput__controlWrapper select.barnyard-BaseInput__control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 28px;
}
.barnyard-BaseInput__controlWrapper select.barnyard-BaseInput__control::-ms-expand {
  display: none;
}
.barnyard-BaseInput--small .barnyard-BaseInput__control {
  height: 30px;
  line-height: 30px;
}
.barnyard-BaseInput--small .barnyard-BaseInput__icon {
  height: 28px;
  line-height: 28px;
}
.barnyard-BaseInput--small .ant-select-selection__rendered {
  line-height: 30px;
}
.barnyard-BaseInput--small .ant-select-selection--single {
  height: 30px;
}
.barnyard-BaseInput--small .ant-input-number {
  height: 30px;
}
.barnyard-BaseInput--small .ant-input-number-input {
  height: 28px;
}
.barnyard-BaseInput--xs .barnyard-BaseInput__control {
  height: 20px;
  line-height: 14px;
  font-size: 14px;
}
.barnyard-BaseInput--xs .barnyard-BaseInput__icon {
  top: 2px;
  height: 18px;
  line-height: 18px;
}
.barnyard-BaseInput--xs .ant-select-selection {
  font-size: 14px;
  line-height: 14px;
}
.barnyard-BaseInput--xs .ant-select-selection__rendered {
  line-height: 14px;
}
.barnyard-BaseInput--xs .ant-select-selection--single {
  height: 20px;
}
.barnyard-BaseInput--xs .ant-input-number {
  height: 20px;
  line-height: 14px;
  font-size: 14px;
}
.barnyard-BaseInput--xs .ant-input-number-input {
  height: 18px;
}
.barnyard-BaseInput--error:hover .barnyard-Label .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-BaseInput--error .barnyard-Label > label {
  color: #eb5252;
}
.barnyard-BaseInput--error .barnyard-BaseInput__text {
  color: #eb5252;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control {
  border: 1px solid #eb5252;
  background: #fef3f3;
  z-index: 1;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control:focus + .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control:not(:focus) + .barnyard-HoverableMessage {
  opacity: 0;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control:hover + .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control::-webkit-input-placeholder {
  color: #eb5252;
  opacity: 1;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control:-moz-placeholder {
  color: #eb5252;
  opacity: 1;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control::-moz-placeholder {
  color: #eb5252;
  opacity: 1;
}
.barnyard-BaseInput--error .barnyard-BaseInput__control:-ms-input-placeholder {
  color: #eb5252;
  opacity: 1;
}
.barnyard-BaseInput--error .barnyard-BaseInput__antControl:hover .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-BaseInput--error .barnyard-BaseInput__icon {
  color: #eb5252;
  background: #fbdcdc;
  border-color: #fbdcdc;
}
.barnyard-BaseInput--error .barnyard-BaseInput__icon--pre {
  border-right: 1px solid #eb5252;
}
.barnyard-BaseInput--error .barnyard-BaseInput__icon--post {
  border-left: 1px solid #eb5252;
}
.barnyard-BaseInput--error .ant-input {
  border: 1px solid #eb5252;
  background: #fef3f3;
  z-index: 1;
}
.barnyard-BaseInput--error .ant-input:hover,
.barnyard-BaseInput--error .ant-input:focus {
  border: 1px solid #eb5252;
}
.barnyard-BaseInput--error .barnyard-MultiCheck {
  border: 1px solid #eb5252;
  background: #fef3f3;
  color: #eb5252 !important;
}
.barnyard-BaseInput--error .barnyard-MultiCheck .barnyard-Check__checkbox {
  border: 1px solid #eb5252 !important;
}
.barnyard-BaseInput--error .barnyard-MultiCheck .barnyard-Check__content {
  color: #eb5252;
}
.barnyard-BaseInput--error .Signup--SpeciesSelect {
  border: 1px solid #eb5252;
  background: #fef3f3;
}
.barnyard-BaseInput--error .ant-radio-group .ant-radio-button-wrapper {
  border: 1px solid #eb5252;
  border-left: 0;
  background: #fef3f3;
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-radio-group .ant-radio-button-wrapper:first-child {
  border-left: 1px solid #eb5252;
}
.barnyard-BaseInput--error .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  content: " ";
  display: block;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  background: #eb5252;
}
.barnyard-BaseInput--error .ant-radio-group .ant-radio-wrapper {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-radio-group .ant-radio-inner {
  border: 1px solid #eb5252 !important;
  background: #fef3f3 !important;
}
.barnyard-BaseInput--error .ant-input-number {
  border: 1px solid #eb5252;
}
.barnyard-BaseInput--error .ant-input-number:hover {
  border: 1px solid #eb5252;
}
.barnyard-BaseInput--error .ant-input-number input {
  background: #fef3f3;
  z-index: 1;
}
.barnyard-BaseInput--error .ant-input-number-focused:hover {
  border-color: #eb5252;
}
.barnyard-BaseInput--error .ant-select-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}
.barnyard-BaseInput--error .ant-select-selection {
  border: 1px solid #eb5252 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #fef3f3;
}
.barnyard-BaseInput--error .ant-select-selection:hover {
  border: 1px solid #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-picker-input {
  border: 1px solid #eb5252;
  background-color: #fef3f3;
}
.barnyard-BaseInput--error .ant-calendar-picker-input::-webkit-input-placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-picker-input::-moz-placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-picker-input::placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-range-picker-input::-moz-placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-range-picker-input::placeholder {
  color: #eb5252;
}
.barnyard-BaseInput--error .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border: 1px solid #eb5252 !important;
}
.barnyard-BaseInput--error .ant-upload {
  background-color: #fef3f3;
  border: 1px solid #eb5252 !important;
}
.barnyard-BaseInput--error .barnyard-SelectDropdownIcon {
  background: #f6b3b3;
  color: #883030;
}
.barnyard-BaseInput--error .ant-switch-checked {
  background-color: #eb5252;
}
.barnyard-BaseInput__tip--right {
  float: right;
}
.barnyard-BaseInput__tip--left {
  float: left;
}
.barnyard-BaseInput__asterisk {
  color: #eb5252;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-SelectDropdownIcon {
  color: #8a939b;
  font-size: 12px;
  pointer-events: none;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 10px;
  display: inline-block;
  margin-top: -3px;
}
.barnyard-SelectDropdownIcon--native {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 12px;
  line-height: 1;
  margin-top: -9px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.barnyard-SelectDropdownIcon--highlight {
  color: #6e767c;
  background-color: #e2e7eb;
}
.barnyard-SelectDropdownIcon__text {
  position: relative;
  top: -1px;
  padding-right: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e2e7eb;
  border-top-width: 1.02px;
  border-radius: 6px;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-selection:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  -o-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #e2e7eb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 40px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 38px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 18px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #b8c4ce;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 6px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 40px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 32px;
  margin-top: 3px;
  line-height: 30px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: #555a5f;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
       -o-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
       -o-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
       -o-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
       -o-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
       -o-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #555a5f;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f8ff;
}
.ant-select-dropdown-menu-item-selected {
  color: #555a5f;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f8ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #4f8cf1;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-select-dropdown-menu {
  margin: 0;
}
.ant-select-dropdown-menu-item-selected {
  font-weight: normal;
  background-color: #f4f8fe;
}
.ant-select-dropdown-menu-item-selected:hover {
  font-weight: normal;
}
.ant-select {
  color: #555a5f;
  width: 100%;
  position: relative;
}
.ant-select-selection {
  border-color: #eaeaea;
  border-radius: 3px;
}
.ant-select-selection:focus,
.ant-select-selection:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #eaeaea;
}
.ant-select-open .ant-select-selection {
  border: 1px solid #4f8cf1;
}
.ant-select:hover {
  border-color: #eaeaea;
}
.ant-select-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-focused .ant-select-selection {
  border-color: #4f8cf1;
}
.ant-select-focused:hover {
  border-color: #4f8cf1;
}
.ant-select-focused + .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
textarea.ant-input {
  resize: vertical;
}
textarea.ant-input:focus {
  border-color: #4f8cf1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*** Gradient Loader ***/
@-webkit-keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes loader-rotate {
  from {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.barnyard-Loading__spinner {
  -webkit-animation: loader-rotate 1.25s linear infinite;
       -o-animation: loader-rotate 1.25s linear infinite;
          animation: loader-rotate 1.25s linear infinite;
  background: #4f8cf1;
  background: -webkit-gradient(linear, left top, left bottom, from(#4f8cf1), color-stop(#4f8cf1), to(#68d0e3));
  background: -webkit-linear-gradient(#4f8cf1, #4f8cf1, #68d0e3);
  background: -o-linear-gradient(#4f8cf1, #4f8cf1, #68d0e3);
  background: linear-gradient(#4f8cf1, #4f8cf1, #68d0e3);
  border-radius: 50%;
  position: relative;
  display: inline-block;
}
.barnyard-Loading__spinner::before,
.barnyard-Loading__spinner::after {
  content: '';
  position: absolute;
}
.barnyard-Loading__spinner::before {
  border-radius: 50%;
  /* stylelint-disable */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0.9))) 0% 0%, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.6))) 100% 0%, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.3))) 100% 100%, -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))) 0% 100%;
  background: -webkit-linear-gradient(bottom, #ffffff 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
  background: -o-linear-gradient(bottom, #ffffff 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, -o-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
  background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
  /* stylelint-enable */
  background-repeat: no-repeat;
  -webkit-background-size: 50% 50%;
          background-size: 50% 50%;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.barnyard-Loading__spinner::after {
  background: white;
  border-radius: 50%;
  top: 3%;
  bottom: 3%;
  left: 3%;
  right: 3%;
}
.barnyard-Loading__spinner--xs {
  height: 18px;
  width: 18px;
}
.barnyard-Loading__spinner--xs::after {
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}
.barnyard-Loading__spinner--sm {
  height: 25px;
  width: 25px;
}
.barnyard-Loading__spinner--md {
  height: 50px;
  width: 50px;
}
.barnyard-Loading__spinner--lg {
  height: 100px;
  width: 100px;
}
.barnyard-Loading--center {
  padding: 40px;
  text-align: center;
}
.barnyard-Loading--inline {
  text-align: center;
}
.barnyard-TextLoading {
  position: relative;
  margin: 0 auto;
  width: 300px;
  text-align: center;
  overflow: hidden;
  height: 150px;
  font-size: 20px;
}
.barnyard-TextLoading__overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), color-stop(40%, transparent), color-stop(60%, transparent), to(#f9fafb));
  background: -webkit-linear-gradient(top, #f9fafb 0%, transparent 40%, transparent 60%, #f9fafb 100%);
  background: -o-linear-gradient(top, #f9fafb 0%, transparent 40%, transparent 60%, #f9fafb 100%);
  background: linear-gradient(to bottom, #f9fafb 0%, transparent 40%, transparent 60%, #f9fafb 100%);
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.barnyard-TextLoading__inner {
  margin-top: -50px;
  line-height: 50px;
}
.barnyard-TextLoading__inner > div {
  height: 50px;
}
.barnyard-TextLoading__inner--animate {
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
       -o-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
}
@-webkit-keyframes float {
  50% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-o-keyframes float {
  50% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
  }
}
@keyframes float {
  50% {
    -webkit-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes size {
  50% {
    background: #4f8cf1;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@-o-keyframes size {
  50% {
    background: #4f8cf1;
    -o-transform: scale(2);
       transform: scale(2);
  }
}
@keyframes size {
  50% {
    background: #4f8cf1;
    -webkit-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
}
.barnyard-BallLoading {
  text-align: center;
  padding: 40px;
}
.barnyard-BallLoading__box {
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
}
.barnyard-BallLoading__ball {
  -webkit-animation: size 1s;
       -o-animation: size 1s;
          animation: size 1s;
  -webkit-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: #c0d6fa;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: auto;
}
.barnyard-BallLoading--bounce .barnyard-BallLoading__box {
  -webkit-animation: float 1s;
       -o-animation: float 1s;
          animation: float 1s;
  -webkit-animation-timing-function: ease-in-out;
       -o-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(1) {
  -webkit-animation-delay: -0.2s;
       -o-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(1) .barnyard-BallLoading__ball {
  -webkit-animation-delay: -0.2s;
       -o-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(2) {
  -webkit-animation-delay: -0.4s;
       -o-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(2) .barnyard-BallLoading__ball {
  -webkit-animation-delay: -0.4s;
       -o-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(3) {
  -webkit-animation-delay: -0.6s;
       -o-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(3) .barnyard-BallLoading__ball {
  -webkit-animation-delay: -0.6s;
       -o-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(4) {
  -webkit-animation-delay: -0.8s;
       -o-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(4) .barnyard-BallLoading__ball {
  -webkit-animation-delay: -0.8s;
       -o-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(5) {
  -webkit-animation-delay: -1s;
       -o-animation-delay: -1s;
          animation-delay: -1s;
}
.barnyard-BallLoading .barnyard-BallLoading__box:nth-child(5) .barnyard-BallLoading__ball {
  -webkit-animation-delay: -1s;
       -o-animation-delay: -1s;
          animation-delay: -1s;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-Check {
  cursor: pointer;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-Check__checkbox {
  display: inline-block;
  border: 1px solid #b8c4ce;
  background: #fff;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
  -o-transition: background 0.2s, box-shadow 0.2s, border 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border 0.2s;
  transition: background 0.2s, box-shadow 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
  color: #fff;
}
.barnyard-Check__checkbox span {
  opacity: 0;
  -webkit-transition: opacity 0.2s, color 0.2s;
  -o-transition: opacity 0.2s, color 0.2s;
  transition: opacity 0.2s, color 0.2s;
}
.barnyard-Check__checkbox--active {
  background: #4f8cf1;
  border: 1px solid transparent;
}
.barnyard-Check__checkbox--active span {
  opacity: 1;
}
.barnyard-Check__checkbox--active:hover {
  background: #467bd4;
}
.barnyard-Check__checkbox--loading {
  border: 1px solid transparent;
}
.barnyard-Check__checkbox:not(.barnyard-Check__checkbox--active):hover {
  -webkit-box-shadow: 0 0 8px #ddd inset;
          box-shadow: 0 0 8px #ddd inset;
}
.barnyard-Check--circle {
  border-radius: 10px;
}
.barnyard-Check__content {
  font-weight: 600;
  color: #8a939b;
  letter-spacing: 0.2px;
  font-size: 14px;
  position: relative;
}
.barnyard-Check--disabled {
  opacity: 0.3;
}
.barnyard-Check--disabled:hover {
  cursor: not-allowed;
}
.barnyard-Check--error .barnyard-Check__checkbox {
  border: 1px solid #eb5252;
  background: #fef3f3;
}
.barnyard-Check--error .barnyard-Check__checkbox--active {
  background: #eb5252;
}
.barnyard-Check--error .barnyard-Check__checkbox--active:hover {
  background: #cf4848;
}
.barnyard-Check--error .barnyard-Check__content {
  color: #eb5252;
}
.barnyard-Check--error:hover .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}

.barnyard-MultiCheck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px !important;
  border: 1px solid transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 40px;
  padding: 4px 11px;
  color: #555a5f;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
}
.ant-input-number::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-input-number::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #7db3ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 6px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 18px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #e2e7eb;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  -o-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333333) rotate(0deg);
      -ms-transform: scale(0.58333333) rotate(0deg);
       -o-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 6px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #e2e7eb;
  border-bottom-right-radius: 6px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-input-number {
  color: #555a5f;
  border-color: #eaeaea;
  width: 100%;
  position: relative;
}
.ant-input-number:focus,
.ant-input-number:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-number-input-wrap:focus,
.ant-input-number-input-wrap:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-number-input {
  padding: 0 7px;
}
.ant-input-number:hover {
  border-color: #eaeaea;
}
.ant-input-number-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #4f8cf1;
}
.ant-input-number-focused:hover {
  border-color: #4f8cf1;
}
.ant-input-number-focused + .barnyard-HoverableMessage {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-PasswordInput--has-meter {
  margin-bottom: 22px;
}
.barnyard-PasswordInput__toggler {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  color: #8a939b;
  z-index: 10;
}
.barnyard-PasswordInput__toggler:hover {
  color: #4f8cf1;
  cursor: pointer;
}
.barnyard-PasswordInput__meterBar {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #57c559;
}
.barnyard-PasswordInput__meterBar.weak .barnyard-PasswordInput__meterBarStep--weak {
  background: #eb5252;
}
.barnyard-PasswordInput__meterBar.average .barnyard-PasswordInput__meterBarStep--weak,
.barnyard-PasswordInput__meterBar.average .barnyard-PasswordInput__meterBarStep--average {
  background: #eea314;
}
.barnyard-PasswordInput__meterBar.strong .barnyard-PasswordInput__meterBarStep--weak,
.barnyard-PasswordInput__meterBar.strong .barnyard-PasswordInput__meterBarStep--average,
.barnyard-PasswordInput__meterBar.strong .barnyard-PasswordInput__meterBarStep--strong {
  background: #ade3ae;
}
.barnyard-PasswordInput__meterBar.xstrong .barnyard-PasswordInput__meterBarStep--weak,
.barnyard-PasswordInput__meterBar.xstrong .barnyard-PasswordInput__meterBarStep--average,
.barnyard-PasswordInput__meterBar.xstrong .barnyard-PasswordInput__meterBarStep--strong,
.barnyard-PasswordInput__meterBar.xstrong .barnyard-PasswordInput__meterBarStep--xstrong {
  background: #57c559;
}
.barnyard-PasswordInput__meterBarStep {
  width: 25%;
  float: left;
  background: #eff2f4;
  height: 3px;
  border-right: 1px solid #f9fafb;
}
.barnyard-PasswordInput__meterText {
  position: absolute;
  right: 0;
  top: 100%;
  font-weight: bold;
  margin-top: 3px;
  font-size: 12px;
}
.barnyard-PasswordInput__meterText.weak {
  color: #eb5252;
}
.barnyard-PasswordInput__meterText.average {
  color: #eea314;
}
.barnyard-PasswordInput__meterText.strong {
  color: #84d586;
}
.barnyard-PasswordInput__meterText.xstrong {
  color: #57c559;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-FormatDateInput {
  border: 1px solid #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 4px;
  border-radius: 3px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: border 300ms;
  -o-transition: border 300ms;
  transition: border 300ms;
  cursor: text;
}
.barnyard-FormatDateInput__input,
.barnyard-FormatDateInput__input:focus {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.barnyard-FormatDateInput__input {
  border-radius: 3px;
  padding-left: 2px;
  width: 20px;
  display: block;
  margin: 0;
}
.barnyard-FormatDateInput__input::-webkit-input-placeholder {
  color: #e2e7eb;
  opacity: 1;
}
.barnyard-FormatDateInput__input:-moz-placeholder {
  color: #e2e7eb;
  opacity: 1;
}
.barnyard-FormatDateInput__input::-moz-placeholder {
  color: #e2e7eb;
  opacity: 1;
}
.barnyard-FormatDateInput__input:-ms-input-placeholder {
  color: #e2e7eb;
  opacity: 1;
}
.barnyard-FormatDateInput__divider {
  font-weight: 900;
  text-align: center;
  font-size: 12px;
}
.barnyard-FormatDateInput--year {
  width: 36px;
}
.barnyard-FormatDateInput--focus {
  border-color: #4f8cf1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Picker-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 294px;
  border-radius: 3px;
  text-align: center;
  border-top: 1px solid #eaeaea;
  padding-top: 8px;
}
.barnyard-Picker-panel:focus {
  outline: none;
}
.barnyard-Picker-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  color: #555a5f;
}
.barnyard-Picker-header button {
  padding: 0;
  color: #b8c4ce;
  line-height: 40px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}
.barnyard-Picker-header button:focus {
  outline: none;
}
.barnyard-Picker-header > button {
  min-width: 1.6em;
  font-size: 18px;
}
.barnyard-Picker-header > button:hover {
  color: #555a5f;
}
.barnyard-Picker-header-view {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
}
.barnyard-Picker-header-view button {
  color: inherit;
  font-weight: inherit;
  cursor: default;
  pointer-events: none;
}
.barnyard-Picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.barnyard-Picker-body {
  padding: 8px 12px;
  padding-top: 0;
}
.barnyard-Picker-content th {
  width: 42px;
  height: 34px;
  color: #555a5f;
  line-height: 34px;
  font-weight: 600;
}
.barnyard-Picker-content td {
  position: relative;
  min-width: 30px;
}
.barnyard-Picker-cell {
  text-align: center;
  padding: 3px 0;
  color: #b8c4ce;
  cursor: pointer;
}
.barnyard-Picker-cell:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
      transform: translateY(-50%);
  content: "";
}
.barnyard-Picker-cell-in-view {
  color: #555a5f;
}
.barnyard-Picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}
.barnyard-Picker-cell-inner:hover {
  background: #f4f8fe;
}
.barnyard-Picker-cell-inner-between {
  background: #f4f8fe;
}
.barnyard-Picker-cell-inner-between:hover {
  background: #dfeafc;
}
.barnyard-Picker-cell-inner-start,
.barnyard-Picker-cell-inner-end,
.barnyard-Picker-cell-inner-selected {
  color: white;
  background: #4f8cf1;
}
.barnyard-Picker-cell-inner-start:hover,
.barnyard-Picker-cell-inner-end:hover,
.barnyard-Picker-cell-inner-selected:hover {
  background-color: #467bd4;
}
.barnyard-Picker-cell-inner-start {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.barnyard-Picker-cell-inner-end {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.barnyard-Picker-cell-inner-selected {
  border-radius: 5px;
}
.barnyard-Picker-cell-disabled {
  color: #b8c4ce;
  background: #f9fafb;
  cursor: not-allowed;
}
.barnyard-Picker-cell-disabled > div:hover {
  background: #f9fafb;
}
.barnyard-Picker__popover {
  font-size: 14px;
}
.barnyard-Picker__quick-dates {
  padding: 10px;
  border-left: 1px solid #eaeaea;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.barnyard-Picker__quick-dates-options {
  width: 100%;
}
.barnyard-Picker__quick-date-apply {
  text-transform: unset;
  font-weight: 600;
  font-size: 14px;
}
.barnyard-Picker__quick-date {
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
  cursor: pointer;
  font-weight: 600;
}
.barnyard-Picker__quick-date svg {
  margin-right: 5px;
}
.barnyard-Picker__quick-date:hover {
  background-color: #f4f8fe;
}
.barnyard-Picker__quick-date--active {
  background-color: #f4f8fe;
  color: #4f8cf1;
}
.barnyard-Picker__quick-date--disabled {
  color: #b8c4ce;
  cursor: not-allowed;
}
.barnyard-Picker__quick-date--disabled:hover {
  background-color: white;
}
.barnyard-Picker__main {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.barnyard-Picker__custom-range {
  padding: 16px;
}
.barnyard-Picker__arrow {
  font-size: 12px;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding: 0 12px;
}
.barnyard-Picker__overlay .ant-popover-inner-content {
  padding: 0;
}
.barnyard-Picker__actions {
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #eaeaea;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #eb5252;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 16px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #4f8cf1;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #f0f8ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
       -o-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
       -o-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
       -o-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
       -o-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-time-picker {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 4px 11px;
  color: #555a5f;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}
.ant-input {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 4px 11px;
  color: #555a5f;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-input::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #555a5f;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #4f8cf1;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #555a5f;
  line-height: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: #555a5f;
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: #555a5f;
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
       -o-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
       -o-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
       -o-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
       -o-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
       -o-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
       -o-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
       -o-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
       -o-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
       -o-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
       -o-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
       -o-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
       -o-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
       -o-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
       -o-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes antMoveDownIn {
  0% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-o-keyframes antMoveDownOut {
  0% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -o-transform: translateY(100%);
       transform: translateY(100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes antMoveLeftIn {
  0% {
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-o-keyframes antMoveLeftOut {
  0% {
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes antMoveRightIn {
  0% {
    -o-transform: translateX(100%);
       transform: translateX(100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-o-keyframes antMoveRightOut {
  0% {
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%);
       transform: translateX(100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-o-keyframes antMoveUpIn {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-o-keyframes antMoveUpOut {
  0% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
    -o-transform-origin: 0 0;
       transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes loadingCircle {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #4f8cf1;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #4f8cf1;
          box-shadow: 0 0 0 0 #4f8cf1;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #4f8cf1;
            box-shadow: 0 0 0 #4f8cf1;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-o-keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #4f8cf1;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #4f8cf1;
            box-shadow: 0 0 0 #4f8cf1;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
       -o-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
       -o-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
       -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
       -o-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
       -o-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
       -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
       -o-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
       -o-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
       -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
       -o-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
       -o-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
       -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-o-keyframes antSlideUpIn {
  0% {
    -o-transform: scaleY(0.8);
       transform: scaleY(0.8);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-o-keyframes antSlideUpOut {
  0% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -o-transform: scaleY(0.8);
       transform: scaleY(0.8);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-o-keyframes antSlideDownIn {
  0% {
    -o-transform: scaleY(0.8);
       transform: scaleY(0.8);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-o-keyframes antSlideDownOut {
  0% {
    -o-transform: scaleY(1);
       transform: scaleY(1);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -o-transform: scaleY(0.8);
       transform: scaleY(0.8);
    -o-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-o-keyframes antSlideLeftIn {
  0% {
    -o-transform: scaleX(0.8);
       transform: scaleX(0.8);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -o-transform: scaleX(1);
       transform: scaleX(1);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
         -o-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-o-keyframes antSlideLeftOut {
  0% {
    -o-transform: scaleX(1);
       transform: scaleX(1);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -o-transform: scaleX(0.8);
       transform: scaleX(0.8);
    -o-transform-origin: 0% 0%;
       transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
         -o-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
         -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-o-keyframes antSlideRightIn {
  0% {
    -o-transform: scaleX(0.8);
       transform: scaleX(0.8);
    -o-transform-origin: 100% 0%;
       transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -o-transform: scaleX(1);
       transform: scaleX(1);
    -o-transform-origin: 100% 0%;
       transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
         -o-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
         -o-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
         -o-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@-o-keyframes antSlideRightOut {
  0% {
    -o-transform: scaleX(1);
       transform: scaleX(1);
    -o-transform-origin: 100% 0%;
       transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -o-transform: scaleX(0.8);
       transform: scaleX(0.8);
    -o-transform-origin: 100% 0%;
       transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
         -o-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
         -o-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
         -o-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
       -o-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@-o-keyframes antSwingIn {
  0%,
  100% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  20% {
    -o-transform: translateX(-10px);
       transform: translateX(-10px);
  }
  40% {
    -o-transform: translateX(10px);
       transform: translateX(10px);
  }
  60% {
    -o-transform: translateX(-5px);
       transform: translateX(-5px);
  }
  80% {
    -o-transform: translateX(5px);
       transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
         -o-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
         -o-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
         -o-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
         -o-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
       -o-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
       -o-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
       -o-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
       -o-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
       -o-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
       -o-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
       -o-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
       -o-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
       -o-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
       -o-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
       -o-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
       -o-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
       -o-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
       -o-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
       -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
       -o-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
       -o-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
       -o-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes antZoomIn {
  0% {
    -o-transform: scale(0.2);
       transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
         -o-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-o-keyframes antZoomOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  100% {
    -o-transform: scale(0.2);
       transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
         -o-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes antZoomBigIn {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-o-keyframes antZoomBigOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-o-keyframes antZoomUpIn {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
         -o-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
         -o-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-o-keyframes antZoomUpOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
  }
  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
         -o-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
         -o-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-o-keyframes antZoomLeftIn {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
         -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
         -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-o-keyframes antZoomLeftOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
  }
  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
         -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
         -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-o-keyframes antZoomRightIn {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 100% 50%;
       transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 100% 50%;
       transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
         -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
         -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-o-keyframes antZoomRightOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 100% 50%;
       transform-origin: 100% 50%;
  }
  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 100% 50%;
       transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
         -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
         -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-o-keyframes antZoomDownIn {
  0% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 50% 100%;
       transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 100%;
       transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@-o-keyframes antZoomDownOut {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    -o-transform-origin: 50% 100%;
       transform-origin: 50% 100%;
  }
  100% {
    -o-transform: scale(0.8);
       transform: scale(0.8);
    -o-transform-origin: 50% 100%;
       transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  -o-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  -o-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-time-picker {
  width: 100%;
}
.ant-time-picker-input {
  border-radius: 3px;
}
.ant-time-picker-input:hover,
.ant-time-picker-input:focus {
  border-color: #eaeaea;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.36s;
  -o-transition: all 0.36s;
  transition: all 0.36s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: #555a5f;
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #4f8cf1;
}
.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
      -ms-transform: scale(0.66667);
       -o-transform: scale(0.66667);
          transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #4f8cf1;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@-o-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -o-transform: rotate(0deg) scale(0.66667);
       transform: rotate(0deg) scale(0.66667);
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  }
  100% {
    -o-transform: rotate(360deg) scale(0.66667);
       transform: rotate(360deg) scale(0.66667);
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
         -o-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
         -o-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-switch {
  background-color: #eff2f4;
}
.ant-switch .ant-switch-inner {
  color: #555a5f;
}
.ant-switch-checked {
  background-color: #4f8cf1;
}
.ant-switch-checked .ant-switch-inner {
  color: #f9fafb;
}
.ant-switch-disabled {
  pointer-events: auto;
  cursor: not-allowed !important;
}
.ant-switch-disabled::after {
  cursor: not-allowed !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #cfe6ff;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #cfe6ff;
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: border-color 0.3s, box-shadow 0.6s, -o-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -o-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #72a3f4;
  outline: none;
  -webkit-box-shadow: 0 0 0 5px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 5px rgba(79, 140, 241, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #4f8cf1;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #a6ceff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #a6ceff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 16px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: #555a5f;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #a7c6f8;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-tooltip {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 11.65685425px;
  height: 11.65685425px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -3.65685425px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-5.82842712px) rotate(45deg);
      -ms-transform: translateY(-5.82842712px) rotate(45deg);
       -o-transform: translateY(-5.82842712px) rotate(45deg);
          transform: translateY(-5.82842712px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -3.65685425px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(5.82842712px) rotate(45deg);
      -ms-transform: translateX(5.82842712px) rotate(45deg);
       -o-transform: translateX(5.82842712px) rotate(45deg);
          transform: translateX(5.82842712px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -3.65685425px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-5.82842712px) rotate(45deg);
      -ms-transform: translateX(-5.82842712px) rotate(45deg);
       -o-transform: translateX(-5.82842712px) rotate(45deg);
          transform: translateX(-5.82842712px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -3.65685425px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(5.82842712px) rotate(45deg);
      -ms-transform: translateY(5.82842712px) rotate(45deg);
       -o-transform: translateY(5.82842712px) rotate(45deg);
          transform: translateY(5.82842712px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-slider-track {
  background-color: #4f8cf1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #467bd4;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #4f8cf1;
}
.ant-slider .ant-slider-handle {
  border-color: #4f8cf1;
  width: 20px;
  height: 20px;
  margin-top: -8px;
}
.ant-slider .ant-slider-handle.ant-tooltip-open {
  border-color: #467bd4;
}
.ant-slider-disabled {
  pointer-events: auto;
  cursor: not-allowed !important;
}
.ant-slider-disabled::after {
  cursor: not-allowed !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #e2e7eb;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #4f8cf1;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #e2e7eb;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #396dcc;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #7db3ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #7db3ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 18px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 16px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 6px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
       -o-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: #555a5f;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f0f8ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #eb5252;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #eb5252;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 28px;
  font-size: 16px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #eb5252;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: -webkit-calc(100% - 24px);
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #57c559;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
       -o-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
       -o-animation-name: uploadAnimateIn;
          animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
       -o-animation-name: uploadAnimateOut;
          animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
       -o-animation-name: uploadAnimateInlineIn;
          animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
       -o-animation-name: uploadAnimateInlineOut;
          animation-name: uploadAnimateInlineOut;
}
@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-o-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-o-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-o-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@-o-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
       -o-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
       -o-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.Barnyard-UploadInput.fullWidth > .ant-upload {
  width: 100%;
}
.Barnyard-UploadInput.fullWidth > .ant-upload-list {
  width: 100%;
}
.Barnyard-UploadInput.fullWidth > .ant-upload-list > .ant-upload-list-item {
  width: 100%;
}
.Barnyard-UploadInput.fullWidth > .ant-upload-list > .ant-upload-list-item > .ant-upload-list-item-info {
  width: 104px;
  margin: auto;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-TextDropdownInput__dropdown .ant-calendar-input-wrap {
  display: none;
}
.barnyard-TextDropdownInput__dropdown .ant-calendar-footer-extra {
  float: none;
}
.barnyard-TextDropdownInput__select,
.barnyard-TextDropdownInput__datepicker {
  height: 0;
  min-height: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-TextDropdownInput__select > div,
.barnyard-TextDropdownInput__datepicker > div {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.barnyard-TextDropdownInput__options {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  position: relative;
  width: 0;
}
.barnyard-TextDropdownInput__options .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.barnyard-TextDropdownInput__dropdown-box {
  background-color: white;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  position: absolute;
}
.barnyard-TextDropdownInput__clear {
  border-top: 1px solid #eaeaea;
  padding: 0 !important;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  color: #4f8cf1;
}
.barnyard-TextDropdownInput__clear:hover {
  background-color: white;
}
.barnyard-TextDropdownInput__clear .anticon {
  display: none !important;
}
.barnyard-TextDropdownText {
  cursor: pointer;
  font-weight: 600;
  position: relative;
}
.barnyard-TextDropdownText__post-text {
  display: inline-block;
}
.barnyard-TextDropdownText__post-text > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.barnyard-TextDropdownText__icon {
  margin-left: 8px;
}
.barnyard-TextDropdownText__icon > * {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.barnyard-TextDropdownText__count {
  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  right: 5px;
  top: -10px;
  height: 15px;
  width: 15px;
  font-size: 12px;
  line-height: 15px;
  border-radius: 15px;
  text-align: center;
  position: absolute;
  font-weight: bold;
  background-color: #e91e63;
  color: white;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #4f8cf1;
}
.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(79, 140, 241, 0.08);
          box-shadow: 0 0 0 3px rgba(79, 140, 241, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #4f8cf1;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
       -o-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #e2e7eb;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #4f8cf1;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #4f8cf1;
}
.ant-radio-checked .ant-radio-inner::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #e2e7eb !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: #555a5f;
  line-height: 30px;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  -o-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: #555a5f;
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 18px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e2e7eb;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #e2e7eb;
  border-radius: 6px 0 0 6px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 6px 6px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 6px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #4f8cf1;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(79, 140, 241, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #4f8cf1;
  background: #fff;
  border-color: #4f8cf1;
  -webkit-box-shadow: -1px 0 0 0 #4f8cf1;
          box-shadow: -1px 0 0 0 #4f8cf1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #4f8cf1 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #4f8cf1;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #7db3ff;
  border-color: #7db3ff;
  -webkit-box-shadow: -1px 0 0 0 #7db3ff;
          box-shadow: -1px 0 0 0 #7db3ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #396dcc;
  border-color: #396dcc;
  -webkit-box-shadow: -1px 0 0 0 #396dcc;
          box-shadow: -1px 0 0 0 #396dcc;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(79, 140, 241, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #4f8cf1;
  border-color: #4f8cf1;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #7db3ff;
  border-color: #7db3ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #396dcc;
  border-color: #396dcc;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(79, 140, 241, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #e2e7eb;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #e2e7eb;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #e2e7eb;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #e2e7eb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@-o-keyframes antRadioEffect {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -o-transform: scale(1.6);
       transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
         -o-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-radio-wrapper,
.ant-radio-button-wrapper {
  color: #555a5f;
}
.ant-radio-button-wrapper-disabled {
  color: #b8c4ce;
}
.ant-radio-button-wrapper {
  border-color: #e2e7eb;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.ant-rate {
  font-size: 17px;
}
.ant-rate-star {
  -webkit-transition: all 0.05s;
  -o-transition: all 0.05s;
  transition: all 0.05s;
  cursor: inherit;
}
.ant-rate-star:not(:last-child) {
  margin-right: 5px;
}
/*** Disabled stars should not grow on hover ***/
.ant-rate-disabled .ant-rate-star {
  cursor: inherit;
}
.ant-rate-disabled .ant-rate-star > div:focus,
.ant-rate-disabled .ant-rate-star > div:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ColorPicker__previewOuter {
  border: 1px solid #eaeaea;
  padding: 4px;
  background: white;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  height: 40px;
  width: 40px;
}
.barnyard-ColorPicker__previewOuter:hover {
  background: #f9fafb;
}
.barnyard-ColorPicker__previewInner {
  height: 100%;
  width: auto;
  border-radius: 4px;
}
.barnyard-ColorPicker__pickerContainer {
  position: absolute;
  z-index: 2;
}
.barnyard-ColorPicker__pickerCover {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.barnyard-UserConfirmExportButton__subheader {
  margin-bottom: 10px;
  font-size: 18px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: -webkit-calc(-2em - 8px);
  margin-right: calc(-2em - 8px);
  padding-right: -webkit-calc(2em + 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
       -o-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
       -o-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@-o-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Progress .ant-progress-text {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
}
.barnyard-Progress .ant-progress-circle-path {
  stroke: #4f8cf1;
}
.barnyard-Progress--success .ant-progress-circle-path {
  stroke: #57c559;
}
.barnyard-Progress--error .ant-progress-circle-path {
  stroke: #eb5252;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Statbox {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.barnyard-Statbox__amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px;
}
.barnyard-Statbox__amount h2 {
  font-size: 2.5rem;
  color: #4f8cf1;
  font-weight: 400;
}
.barnyard-Statbox__info {
  border-top: 1px solid #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.barnyard-Statbox__text {
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}
.barnyard-StatboxGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-StatboxGroup .barnyard-Statbox {
  margin: 10px;
}
.barnyard-StatboxGroup .barnyard-Statbox:first-child {
  margin-left: 0;
}
.barnyard-StatboxGroup .barnyard-Statbox:last-child {
  margin-right: 0;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Tab__pill {
  text-transform: uppercase;
  font-size: 16px;
  padding: 4px 10px;
  letter-spacing: 0.3px;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  cursor: pointer;
}
.barnyard-Tab__pill--active {
  color: white;
  background-color: #4f8cf1;
  border-radius: 12px;
}
.barnyard-Tab a {
  color: unset;
}
.barnyard-TabGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-TabGroup--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.barnyard-TabGroup--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.barnyard-TabGroup > .barnyard-Tab {
  margin: 0 10px;
}
.barnyard-TabGroup > *:first-child {
  margin-left: 0;
}
.barnyard-TabGroup > *:last-child {
  margin-right: 0;
}
.barnyard-TabGroup .barnyard-Button {
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  padding: 0 14px;
}
.barnyard-TabHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Sidebar {
  background: white;
  border: 1px solid #eaeaea;
  margin-bottom: 10px;
  display: block;
}
@media (max-width: 768px) {
  .barnyard-Sidebar__Items--hide {
    display: none;
  }
}
.barnyard-Sidebar__Header {
  padding: 7px 10px;
  color: #555a5f;
  background-color: white;
  font-weight: 600;
  font-size: 16px;
  display: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), /* The second layer */ 0 10px 0 -5px #eee, /* The second layer shadow */ 0 10px 1px -4px rgba(0, 0, 0, 0.15), /* The third layer */ 0 20px 0 -10px #eee, /* The third layer shadow */ 0 20px 1px -9px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), /* The second layer */ 0 10px 0 -5px #eee, /* The second layer shadow */ 0 10px 1px -4px rgba(0, 0, 0, 0.15), /* The third layer */ 0 20px 0 -10px #eee, /* The third layer shadow */ 0 20px 1px -9px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .barnyard-Sidebar__Header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.barnyard-Sidebar__Header--open {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #eaeaea;
}
.barnyard-SidebarItem {
  display: block;
  position: relative;
  padding: 7px 10px;
  color: #555a5f;
  font-weight: 400;
  font-size: 16px;
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}
.barnyard-SidebarItem--active {
  color: #4f8cf1;
  background: #f4f8fe;
}
.barnyard-SidebarItem:hover {
  text-decoration: none;
}
.barnyard-SidebarItem:not(:last-child) {
  border-bottom: 1px solid #f7f7f7;
}
.barnyard-SidebarItem:not(.barnyard-SidebarItem--active):hover {
  background: #f4f8fe;
  cursor: pointer;
}
.barnyard-SidebarItem__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.barnyard-SidebarItem__band {
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  left: 0;
  background-color: #eff2f4;
}
.barnyard-SidebarItem__band--active {
  background-color: #4f8cf1;
}

.barnyard-InlineInputGroup {
  margin: 20px 0;
}
.barnyard-InlineInputGroup__label {
  padding-right: 16px;
}
.barnyard-InlineInputGroup__size {
  width: 250px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #555a5f;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #4f8cf1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #4f8cf1;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #4f8cf1;
}
.ant-pagination-item-active a {
  color: #4f8cf1;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #7db3ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #7db3ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
       -o-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: #4f8cf1;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #555a5f;
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: #555a5f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #7db3ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  outline: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #e2e7eb;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 4px 11px;
  color: #555a5f;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #b8c4ce;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #b8c4ce;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #7db3ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #7db3ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
          box-shadow: 0 0 0 2px rgba(79, 140, 241, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #e2e7eb;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  -o-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 18px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 6px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #4f8cf1;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #e2e7eb;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #e2e7eb;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.barnyard-Pagination .ant-pagination-item {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Heading {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  margin-bottom: 16px;
}
.barnyard-Heading__title {
  background-color: white;
  padding: 12px;
  text-align: center;
}
.barnyard-Heading__title h1 {
  font-weight: 700;
  font-size: 24px;
}
.barnyard-Heading__title h2 {
  font-size: 15px;
  font-weight: 400;
  opacity: 0.8;
}
.barnyard-Heading__menu {
  border-top: 1px solid #eaeaea;
  padding: 12px;
  background-color: white;
}
.barnyard-ActionTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.barnyard-ActionTitle h1 {
  font-weight: bold;
}
.barnyard-ActionTitle__title {
  margin-bottom: 12px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.barnyard-ActionTitle__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.barnyard-ActionTitle__actions > * {
  margin-left: 12px;
  margin-bottom: 12px;
}
.barnyard-ActionBreadcrumbs {
  margin-bottom: 4px;
}
.barnyard-ActionBreadcrumbs__link {
  color: #8a939b;
}
.barnyard-ActionBreadcrumbs__link:hover {
  color: #4f8cf1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Breadcrumbs {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.barnyard-Breadcrumbs__arrow {
  margin: 0 7px;
  color: #b8c4ce;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-CountUpCurrency .dollarSign {
  font-size: 70%;
}
.barnyard-CountUpCurrency .cents {
  font-size: 70%;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Filter__header {
  border-bottom: 1px solid #eaeaea;
  margin-top: 16px;
  margin-bottom: 16px;
}
.barnyard-Filter__title {
  font-weight: 600;
}
.barnyard-Filter__selectors > a {
  cursor: pointer;
}
.barnyard-Filter__selectors > a:not(:last-child)::after {
  color: #eaeaea;
  margin: 0 8px;
  font-weight: 600;
  content: '|';
}
.barnyard-Filter__show-more {
  color: #8a939b;
  font-weight: 600;
  cursor: pointer;
}
.barnyard-MiniBarChart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 60px;
}
.barnyard-MiniBarChart__item {
  border-radius: 4px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #4f8cf1;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}
.barnyard-MiniBarChart__item:not(:last-child) {
  margin-right: 3px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-NoResults {
  padding: 100px;
  text-align: center;
}
.barnyard-NoResults__img {
  max-width: 300px;
  margin: auto;
  margin-bottom: 24px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Image,
.barnyard-SmartImage {
  max-width: 100%;
}
.barnyard-CircleImage {
  width: 100%;
  padding-top: 100%;
  content: '';
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.barnyard-NakedImage--regular {
  display: block;
}
.barnyard-NakedImage--naked {
  display: none;
}

.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ReactTable * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  -webkit-flex: auto 1;
          flex: auto 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}
.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline-width: 0;
}
.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.ReactTable .rt-thead.-header {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}
.ReactTable .rt-thead .rt-tr {
  text-align: center;
}
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding: 5px 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-box-shadow: inset 0 0 0 0 transparent;
          box-shadow: inset 0 0 0 0 transparent;
}
.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  -webkit-box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}
.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-thead .rt-th:focus {
  outline-width: 0;
}
.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}
.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}
.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}
.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102, 102, 102, 0);
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}
.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  -webkit-flex: 99999 1 auto;
          flex: 99999 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}
.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
}
.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
}
.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.ReactTable .rt-th,
.ReactTable .rt-td {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  -webkit-flex: 1 0 0;
          flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-property: width, min-width, padding, opacity;
  -o-transition-property: width, min-width, padding, opacity;
  transition-property: width, min-width, padding, opacity;
}
.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}
.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px;
}
.ReactTable .rt-expander:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
   -o-transform: translate(-50%, -50%) rotate(-90deg);
      transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
   -o-transform: translate(-50%, -50%) rotate(0);
      transform: translate(-50%, -50%) rotate(0);
}
.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10;
}
.ReactTable .rt-tfoot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}
.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, 0.03);
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: rgba(0, 0, 0, 0.05);
}
.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 3px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline-width: 0;
}
.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
  cursor: pointer;
  outline-width: 0;
}
.ReactTable .-pagination .-btn[disabled] {
  opacity: .5;
  cursor: default;
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
}
.ReactTable .-pagination .-center {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  -webkit-flex: 1.5;
          flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}
.ReactTable .-pagination .-pageJump {
  display: inline-block;
}
.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}
.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}
.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-52%);
  -ms-transform: translateY(-52%);
   -o-transform: translateY(-52%);
      transform: translateY(-52%);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}
.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
   -o-transform: translateY(50%);
      transform: translateY(50%);
}
.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Table--small {
  font-size: 15px;
}
.barnyard-Table--medium {
  font-size: 17px;
}
.barnyard-Table__no-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: #b8c4ce;
  text-align: center;
}
.barnyard-Table__no-data__title {
  font-weight: 600;
}
.barnyard-Table__no-data__subtitle {
  margin-top: 5px;
}
.barnyard-Table__no-data__img {
  margin-top: 20px;
  max-width: 250px;
  max-height: 250px;
}
.barnyard-Table__no-data__error {
  background: rgba(255, 255, 255, 0.9);
  padding: 28px;
  border-radius: 3px;
  color: #eb5252;
  font-weight: normal;
}
.barnyard-Table__no-data__error__title {
  font-size: 32px;
  text-align: center;
}
.barnyard-Table--no-boxes {
  border: 0;
  background-color: none;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 900px) {
  .barnyard-Table--no-data-mobile .rt-tr-group:not(:first-of-type) {
    display: none;
  }
}
.barnyard-Table--has-subcomponent .rt-tr {
  cursor: pointer;
}
.barnyard-Table__Nav {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.barnyard-Table__Pagination {
  margin: 12px 0 24px;
}
.barnyard-Table__Filters {
  top: 1px;
  position: relative;
}
.barnyard-Table .rt-th:focus {
  outline: none;
}
.barnyard-Table__Expander {
  margin: 0 10px;
}
.barnyard-Table__SubComponent {
  opacity: 0;
}
.barnyard-Table .ReactTable {
  background-color: white;
  border: 1px solid #eaeaea;
}
.barnyard-Table .ReactTable .rt-expandable {
  max-width: 36px;
}
.barnyard-Table .ReactTable .rt-th {
  padding-top: 16px;
  padding-bottom: 16px;
  border-right: none;
}
.barnyard-Table .ReactTable .rt-tr {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-Table .ReactTable .rt-td {
  padding-top: 12px;
  padding-bottom: 12px;
}
.barnyard-Table .ReactTable .rt-thead.-header {
  font-weight: bold;
  background-color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 2px solid #eaeaea;
}
.barnyard-Table .ReactTable .rt-thead .rt-tr {
  text-align: left;
}
.barnyard-Table .ReactTable .rt-thead .rt-th.-sort-asc,
.barnyard-Table .ReactTable .rt-thead .rt-td.-sort-asc {
  -webkit-box-shadow: inset 0 3px 0 0 #4f8cf1;
          box-shadow: inset 0 3px 0 0 #4f8cf1;
}
.barnyard-Table .ReactTable .rt-thead .rt-th.-sort-desc,
.barnyard-Table .ReactTable .rt-thead .rt-td.-sort-desc {
  -webkit-box-shadow: inset 0 -3px 0 0 #4f8cf1;
          box-shadow: inset 0 -3px 0 0 #4f8cf1;
}
.barnyard-Table .ReactTable.-striped .rt-tr.-odd {
  background: transparent;
}
.barnyard-Table .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: #f4f8fe;
}
.barnyard-Table .ReactTable .rt-mobile {
  display: none;
}
@media only screen and (max-width: 900px) {
  .barnyard-Table .ReactTable {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    background-color: inherit;
  }
  .barnyard-Table .ReactTable .rt-expandable {
    padding-left: 0;
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
        -ms-flex-order: 99;
            order: 99;
    max-width: 100%;
  }
  .barnyard-Table .ReactTable .rt-expandable::after {
    content: 'Show more';
  }
  .barnyard-Table .ReactTable .rt-tr {
    padding: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .barnyard-Table .ReactTable .rt-td {
    text-align: left;
    display: block;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 0 auto !important;
        -ms-flex: 1 0 auto !important;
            flex: 1 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .barnyard-Table .ReactTable .rt-thead,
  .barnyard-Table .ReactTable .rt-tbody {
    min-width: 0 !important;
  }
  .barnyard-Table .ReactTable .rt-mobile {
    display: block;
    font-weight: 600;
  }
  .barnyard-Table .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
    background: white;
  }
  .barnyard-Table .ReactTable .rt-thead {
    display: none;
  }
  .barnyard-Table .ReactTable .rt-tr-group {
    border: 1px solid #eaeaea;
    background-color: white;
    margin-bottom: 24px;
  }
  .barnyard-Table .ReactTable .rt-tr-group:last-child {
    border-bottom: 1px solid #eaeaea;
  }
}
.barnyard-Table--overflow .rt-table {
  overflow: visible;
}
.barnyard-Table--overflow .rt-table .rt-tbody {
  overflow: visible;
}
.barnyard-Table--overflow .rt-table .rt-tbody .rt-td {
  overflow: visible;
}
.barnyard-CellRenderers__chart {
  height: 40px;
}
.barnyard-CellRenderers__image {
  max-width: 80px;
  max-height: 42px;
  margin: 0 auto;
}
.barnyard-CellRenderers__trend {
  -webkit-box-flex: 100;
  -webkit-flex: 100 0 auto;
      -ms-flex: 100 0 auto;
          flex: 100 0 auto;
  width: 100%;
  position: relative;
  height: 26px;
}
.barnyard-CellRenderers__trend-line {
  position: absolute;
  left: 0;
  top: -10px;
  height: 180%;
}
.barnyard-CellRenderers__bool {
  font-size: 14px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-PageCounter {
  font-size: 16px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-Slideshow {
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-animation: barnyard-fade-in 0.6s;
       -o-animation: barnyard-fade-in 0.6s;
          animation: barnyard-fade-in 0.6s;
}
.barnyard-Slideshow__box {
  padding: 0;
  max-width: 600px;
  background: #fcfcfc;
}
.barnyard-Slideshow__content {
  height: 450px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: -12px;
  color: white;
}
.barnyard-Slideshow__holder {
  height: 450px;
  background: #4f8cf1;
}
.barnyard-Slideshow__item {
  max-width: 600px;
  height: 450px;
  float: left;
}
.barnyard-Slideshow--closing {
  -webkit-animation: barnyard-fade-out 0.6s;
       -o-animation: barnyard-fade-out 0.6s;
          animation: barnyard-fade-out 0.6s;
}
@media screen and (max-width: 600px) {
  .barnyard-Slideshow__item {
    max-width: 100vw;
  }
  .barnyard-Slideshow__controls {
    width: 100%;
  }
}
@media screen and (max-height: 500px) {
  .barnyard-Slideshow__box {
    height: 100%;
  }
  .barnyard-Slideshow__controls {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .barnyard-Slideshow__buttons {
    background: #fcfcfc;
    margin-top: -12px;
  }
}
@media screen and (max-height: 600px) {
  .barnyard-Slideshow__buttons {
    padding-bottom: 36px;
  }
}
.barnyard-Slide__title {
  color: white;
  padding: 12px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
}
.barnyard-Slide__description {
  color: #f9fafb;
  padding: 0 12px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 40px;
}
.barnyard-Slide__image {
  padding: 0 12px;
}
.barnyard-Slide__image img {
  margin: 0 auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.barnyard-Slide__image--left {
  padding-left: 0;
}
.barnyard-Slide__image--right {
  padding-right: 0;
}
.barnyard-Slide--no-image {
  text-align: center;
  margin-top: 90px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ShowMore {
  color: #8a939b;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.barnyard-ShowMore:hover {
  color: #555a5f;
  border-bottom: 1px solid #555a5f;
}
.barnyard-ShowMore__fade-out {
  position: absolute;
  left: 0;
  right: 0;
}
.barnyard-ShowMore__fade-out-container {
  position: relative;
}
.barnyard-ShowMore__height {
  overflow: hidden;
}
.barnyard-ShowMore__container {
  padding-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-ShowMore__container--left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.barnyard-ShowMore__container--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.barnyard-ShowMore__container--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #555a5f;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
     -moz-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 18px;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #4f8cf1;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #555a5f;
  font-size: 18px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 16px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #4f8cf1;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #4f8cf1;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #4f8cf1;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #555a5f;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #4f8cf1;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #4f8cf1;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #4f8cf1;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #4f8cf1;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #555a5f;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #4f8cf1;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #4f8cf1;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #eb5252;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #eb5252;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #eb5252;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #eb5252;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #eb5252;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #eb5252;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #4f8cf1;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #4f8cf1;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #4f8cf1;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #4f8cf1;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 16px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #4f8cf1;
  -webkit-transition: width 0.3s, left 0.3s;
  -o-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: -webkit-calc(76%);
    height: calc(76%);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-SearchItem {
  position: relative;
  font-size: 18px;
  padding: 4px 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.barnyard-SearchItem:hover,
.barnyard-SearchItem--active {
  background: #f4f8fe;
}
.barnyard-SearchGroup {
  margin: 12px 0;
}
.barnyard-SearchGroup__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
}
.barnyard-SearchGroup__header {
  color: #8eb5f6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-SearchGroup__title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 12px;
}
.barnyard-SearchGroup__action {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 12px;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  cursor: pointer;
}
.barnyard-SearchGroup__action a {
  color: #f07f7f;
}
.barnyard-SearchGroup__action a:hover {
  color: #eb5252;
}
.barnyard-Search {
  height: 46px;
  width: 100%;
}
.barnyard-Suggest {
  position: relative;
  z-index: 100;
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  margin: 0 -1px;
}
.barnyard-SuggestBox {
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  opacity: 1;
  padding: 0;
  position: relative;
  top: 100%;
  z-index: 10;
}
.barnyard-SearchBar {
  position: relative;
}
.barnyard-SearchBar__input {
  position: relative;
  z-index: 2;
  width: 100%;
  background: white;
  border: none;
  font-size: 20px;
  font-weight: 400;
  padding-left: 12px;
  padding-right: 20px;
  height: 46px;
  line-height: 26px;
  outline: none;
  border-radius: 2px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.barnyard-SearchBar__input::-webkit-input-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-SearchBar__input:-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-SearchBar__input::-moz-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-SearchBar__input:-ms-input-placeholder {
  color: #b8c4ce;
  opacity: 1;
}
.barnyard-SearchBar--show-searchIcon .barnyard-SearchBar__input {
  padding-left: 40px;
}
.barnyard-SearchBar__icon {
  display: inline-block;
  position: absolute;
  z-index: 3;
  width: 40px;
  font-size: 20px;
  text-align: center;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.barnyard-SearchBar__submit.barnyard-Button {
  position: absolute;
  height: 46px;
  line-height: 46px;
  -webkit-box-shadow: none;
          box-shadow: none;
  right: 0;
  top: 0;
  z-index: 2;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.barnyard-SearchBar__submit--naked {
  border-left: 1px solid #eaeaea;
}
.barnyard-SearchBar__clear {
  position: absolute;
  z-index: 7;
  right: 92px;
  top: 50%;
  padding: 5px;
  font-size: 20px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.barnyard-SearchBar__clear--hide-button {
  right: 10px;
}
.barnyard-SearchBar__clear:hover {
  cursor: pointer;
  color: #f07f7f;
}
.barnyard-SearchBar--has-input .barnyard-SearchBar__input {
  padding-right: 117px;
}
.barnyard-SearchBar--hide-button .barnyard-SearchBar__input {
  padding-right: 40px;
}
.barnyard-SearchBar--hide-button .barnyard-SearchBar__clear {
  right: 10px;
}
.barnyard-SearchBar--size--input .barnyard-SearchBar__input {
  height: 40px;
  font-size: 16px;
}
.barnyard-SearchBar--size--input .barnyard-SearchBar__submit.barnyard-Button {
  height: 40px;
  line-height: 40px;
}
.barnyard-SearchBar--has-border .barnyard-SearchBar__input {
  border: 1px solid #eaeaea;
  border-radius: 3px;
}
.barnyard-SearchBar--has-border .barnyard-SearchBar__input:focus {
  border: 1px solid #4f8cf1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Confirm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
}
.barnyard-Confirm__content {
  text-align: center;
  max-width: 800px;
}
.barnyard-Confirm__buttons {
  margin-top: 24px;
  margin-bottom: 12px;
}
.barnyard-Confirm__buttons > * {
  margin-left: 12px;
  margin-right: 12px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*
  conditionally flips the text for the bottom ribbons so that the text
  is not upsidedown
*/
/*
  @ySide => the side of the y-axis (top, bottom)
  @xSide => the side of the x-axis (left, right)
  @rotate => the degrees to rotate
*/
.barnyard-Ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.barnyard-Ribbon__ribbon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 225px;
  padding: 5px 0;
  z-index: 2;
  color: white;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  text-align: center;
}
.barnyard-Ribbon__ribbon--has-description {
  cursor: help;
}
.barnyard-Ribbon__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100px;
  white-space: pre-line;
}
.barnyard-Ribbon__text--thick {
  min-height: 36px;
}
.barnyard-Ribbon__description {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  max-width: 400px;
  font-weight: normal;
}
.barnyard-Ribbon__description--thin {
  min-height: 106px;
}
.barnyard-Ribbon__description--thick {
  min-height: 136px;
}
.barnyard-Ribbon__description__corner {
  position: absolute;
  content: " ";
}
.barnyard-Ribbon__wrapper--neutral .barnyard-Ribbon__ribbon {
  background-color: #b8c4ce;
}
.barnyard-Ribbon__wrapper--neutral .barnyard-Ribbon__description {
  background-color: #f9fafb;
}
.barnyard-Ribbon__wrapper--neutral .barnyard-Ribbon__description__corner {
  border: 94px solid #f9fafb;
}
.barnyard-Ribbon__wrapper--primary .barnyard-Ribbon__ribbon {
  background-color: #4f8cf1;
}
.barnyard-Ribbon__wrapper--primary .barnyard-Ribbon__description {
  background-color: #f4f8fe;
}
.barnyard-Ribbon__wrapper--primary .barnyard-Ribbon__description__corner {
  border: 94px solid #f4f8fe;
}
.barnyard-Ribbon__wrapper--accent1 .barnyard-Ribbon__ribbon {
  background-color: #e91e63;
}
.barnyard-Ribbon__wrapper--accent1 .barnyard-Ribbon__description {
  background-color: #fef2f6;
}
.barnyard-Ribbon__wrapper--accent1 .barnyard-Ribbon__description__corner {
  border: 94px solid #fef2f6;
}
.barnyard-Ribbon__wrapper--accent2 .barnyard-Ribbon__ribbon {
  background-color: #68d0e3;
}
.barnyard-Ribbon__wrapper--accent2 .barnyard-Ribbon__description {
  background-color: #f0fafc;
}
.barnyard-Ribbon__wrapper--accent2 .barnyard-Ribbon__description__corner {
  border: 94px solid #f0fafc;
}
.barnyard-Ribbon__wrapper--success .barnyard-Ribbon__ribbon {
  background-color: #57c559;
}
.barnyard-Ribbon__wrapper--success .barnyard-Ribbon__description {
  background-color: #f0faf0;
}
.barnyard-Ribbon__wrapper--success .barnyard-Ribbon__description__corner {
  border: 94px solid #f0faf0;
}
.barnyard-Ribbon__wrapper--warning .barnyard-Ribbon__ribbon {
  background-color: #eea314;
}
.barnyard-Ribbon__wrapper--warning .barnyard-Ribbon__description {
  background-color: #fef8ec;
}
.barnyard-Ribbon__wrapper--warning .barnyard-Ribbon__description__corner {
  border: 94px solid #fef8ec;
}
.barnyard-Ribbon__wrapper--danger .barnyard-Ribbon__ribbon {
  background-color: #eb5252;
}
.barnyard-Ribbon__wrapper--danger .barnyard-Ribbon__description {
  background-color: #fef3f3;
}
.barnyard-Ribbon__wrapper--danger .barnyard-Ribbon__description__corner {
  border: 94px solid #fef3f3;
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon {
  top: 0;
  left: 0;
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon__ribbon {
  top: 30px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon__ribbon--thick {
  right: -15px;
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon__ribbon--thin {
  right: -5px;
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon__description {
  top: 0;
  left: 94px;
}
.barnyard-Ribbon__wrapper--top-left .barnyard-Ribbon__description__corner {
  bottom: 0;
  left: -94px;
  border-top: 94px solid transparent;
  border-left: 94px solid transparent;
  border-right: 0;
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon {
  top: 0;
  right: 0;
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon__ribbon {
  top: 30px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon__ribbon--thick {
  left: -15px;
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon__ribbon--thin {
  left: -5px;
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon__description {
  top: 0;
  right: 94px;
}
.barnyard-Ribbon__wrapper--top-right .barnyard-Ribbon__description__corner {
  bottom: 0;
  right: -94px;
  border-top: 94px solid transparent;
  border-right: 94px solid transparent;
  border-left: 0;
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon {
  bottom: 0;
  left: 0;
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__ribbon {
  bottom: 30px;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
       -o-transform: rotate(225deg);
          transform: rotate(225deg);
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__ribbon--thick {
  right: -15px;
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__ribbon--thin {
  right: -5px;
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__text {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__description {
  bottom: 0;
  left: 94px;
}
.barnyard-Ribbon__wrapper--bottom-left .barnyard-Ribbon__description__corner {
  top: 0;
  left: -94px;
  border-bottom: 94px solid transparent;
  border-left: 94px solid transparent;
  border-right: 0;
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon {
  bottom: 0;
  right: 0;
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__ribbon {
  bottom: 30px;
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
       -o-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__ribbon--thick {
  left: -15px;
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__ribbon--thin {
  left: -5px;
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__text {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__description {
  bottom: 0;
  right: 94px;
}
.barnyard-Ribbon__wrapper--bottom-right .barnyard-Ribbon__description__corner {
  top: 0;
  right: -94px;
  border-bottom: 94px solid transparent;
  border-right: 94px solid transparent;
  border-left: 0;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-DropdownInformation {
  -webkit-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms;
  position: relative;
  font-weight: normal;
  border-radius: 3px;
  color: #6e767c;
  border: 1px solid #eaeaea;
  background-color: white;
  margin-bottom: 12px;
}
.barnyard-DropdownInformation--pristine {
  border: 1px solid transparent;
  color: white;
}
.barnyard-DropdownInformation--pristine--neutral {
  background: #b8c4ce;
}
.barnyard-DropdownInformation--pristine--primary {
  background: #4f8cf1;
}
.barnyard-DropdownInformation--pristine--accent1 {
  background: #e91e63;
}
.barnyard-DropdownInformation--pristine--accent2 {
  background: #68d0e3;
}
.barnyard-DropdownInformation--pristine--success {
  background: #57c559;
}
.barnyard-DropdownInformation--pristine--warning {
  background: #eea314;
}
.barnyard-DropdownInformation--pristine--danger {
  background: #eb5252;
}
.barnyard-DropdownInformation--pristine--light {
  border: 1px solid #eaeaea;
  color: #6e767c;
}
.barnyard-DropdownInformation--open {
  color: #6e767c;
}
.barnyard-DropdownInformation__title {
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  cursor: pointer;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-DropdownInformation__title__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-DropdownInformation__title__item > svg {
  margin-left: 4px;
}
.barnyard-DropdownInformation__title__new {
  margin-right: 8px;
}
.barnyard-DropdownInformation__body {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  border-radius: 3px;
  overflow: hidden;
  max-height: 0;
}
.barnyard-DropdownInformation__body--open {
  opacity: 1;
  max-height: 1000px;
}
.barnyard-DropdownInformation__body--closed {
  height: 0;
}
.barnyard-DropdownInformation__content {
  padding: 16px 16px 24px;
}
.barnyard-DropdownInformation__navigation {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  font-size: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.barnyard-DropdownInformation__buttons {
  width: 100%;
}
.barnyard-DropdownSlide {
  font-size: 18px;
  font-weight: normal;
}
.barnyard-DropdownSlide h1 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 12px;
}
.barnyard-DropdownSlide img {
  border-radius: 3px;
  background-color: white;
  border: 3px solid #eff2f4;
}
@media screen and (min-width: 900px) {
  .barnyard-DropdownSlide img {
    margin-left: 12px;
  }
}
.barnyard-DropdownSlide strong {
  font-weight: 600;
}
.barnyard-DropdownSlide p {
  margin-bottom: 12px;
}
.barnyard-DropdownSlide a {
  cursor: pointer;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-PageHeaderItem {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  line-height: 80px;
  height: 80px;
  position: relative;
  color: #6e767c;
}
.barnyard-PageHeaderItem a {
  color: inherit;
}
.barnyard-PageHeaderItem__content {
  height: 80px;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
}
.barnyard-PageHeaderItem__content:hover {
  border-bottom: 2px solid #4f8cf1;
  color: #555a5f;
}
.barnyard-PageHeaderItem__content--active {
  border-bottom: 2px solid #a7c6f8;
}
.barnyard-PageHeaderItem__content--mobile {
  display: none;
}
.barnyard-PageHeaderItem__dropdown {
  position: relative;
}
.barnyard-PageHeaderItem__arrow {
  font-size: 18px;
  line-height: 14px;
  margin-left: 4px;
  vertical-align: -2px;
}
.barnyard-PageHeaderItem__box {
  padding: 0;
  margin-top: 2px;
  position: absolute;
  z-index: 10;
  min-width: 200px;
  top: 100%;
  line-height: 20px;
  border-top: 0;
  cursor: initial;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.barnyard-PageHeaderItem__box--left {
  right: 0;
}
.barnyard-PageHeaderItem__box--right {
  left: 0;
}
.barnyard-PageHeaderItem__box--full {
  right: 0;
  left: 0;
}
.barnyard-PageHeaderItem--full {
  position: static;
}
span.barnyard-PageHeaderTag {
  position: absolute;
  top: 16px;
  right: -4px;
}
span.barnyard-PageHeaderTag > span {
  font-size: 10px;
}
span.barnyard-PageHeaderTag > span > span {
  padding: 1px 4px;
  line-height: 1;
}
span.barnyard-PageHeaderTag--count {
  top: 18px;
  line-height: 1.3;
  right: -6px;
  border-radius: 50%;
}
.barnyard-PageHeader {
  border-bottom: 1px solid #eaeaea;
  background-color: white;
  z-index: 9;
  position: relative;
}
.barnyard-PageHeader__dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.barnyard-PageHeader__items > * {
  margin-left: 8px;
  margin-right: 8px;
}
.barnyard-PageHeader__items > *:last-child {
  margin-right: 0;
}
.barnyard-PageHeader__burger-container {
  display: none;
}
.barnyard-PageHeader__wrapper {
  position: relative;
}
.barnyard-PageHeader__wrapper--fixed {
  padding-bottom: 81px;
}
.barnyard-PageHeader__img {
  width: 140px;
  margin: 24px;
  margin-left: 8px;
  margin-right: 8px;
}
.barnyard-PageHeader__img-wrapper {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  max-width: 150px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding-right: 16px;
}
.barnyard-PageHeader__img--mobile {
  display: none;
}
.barnyard-PageHeader__mobile-dropdown {
  visibility: hidden;
  margin-right: 16px;
}
.barnyard-PageHeader__search {
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  border: 1px solid #cdd6dd;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.barnyard-PageHeader__search .barnyard-SearchBar__input {
  background-color: #f9fafb;
}
.barnyard-PageHeader__search:hover,
.barnyard-PageHeader__search--active {
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.barnyard-PageHeader__search:hover .barnyard-SearchBar__input,
.barnyard-PageHeader__search--active .barnyard-SearchBar__input {
  background-color: white;
}
.barnyard-PageHeader__search__wrapper {
  padding-right: 8px;
}
.barnyard-PageHeader__search--animate {
  max-width: 600px;
}
.barnyard-PageHeader__search--animate-active {
  max-width: 800px;
}
.barnyard-PageHeader__search--active {
  border: 1px solid #eaeaea;
}
.barnyard-PageHeader__search .barnyard-Suggest {
  -webkit-animation: barnyard-fade-in 300ms;
       -o-animation: barnyard-fade-in 300ms;
          animation: barnyard-fade-in 300ms;
}
.barnyard-PageHeader__search .barnyard-SuggestBox {
  opacity: 0;
  -webkit-animation: barnyard-fade-in 300ms;
       -o-animation: barnyard-fade-in 300ms;
          animation: barnyard-fade-in 300ms;
  -webkit-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 300ms;
       -o-animation-delay: 300ms;
          animation-delay: 300ms;
}
.barnyard-PageHeader--fixed {
  position: fixed;
  z-index: 600;
  top: 0;
  width: 100%;
}
.barnyard-PageHeader--fixed > div {
  margin-right: -webkit-calc(100% - 100vw);
  margin-right: calc(100% - 100vw);
}
.barnyard-PageHeaderDropdownItem {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  margin: 8px 0;
  display: block;
  text-align: left;
  cursor: pointer;
}
.barnyard-PageHeaderDropdownItem h6 {
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.barnyard-PageHeaderDropdownItem p {
  font-size: 15px;
  color: #6e767c;
  line-height: 1.5;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.barnyard-PageHeaderDropdownContainer {
  padding: 20px;
  width: 500px;
}
.barnyard-PageHeaderDropdownContainer:hover .barnyard-PageHeaderDropdownItem:not(:hover) {
  opacity: 0.6;
}
.barnyard-MobileHeader {
  display: block;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  z-index: 8;
  position: fixed;
  border-bottom: 1px solid #eaeaea;
  padding-top: 80px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.barnyard-MobileHeader--dim * {
  opacity: 0.8;
}
.barnyard-MobileHeader__group {
  border-bottom: 1px dashed #eaeaea;
}
.barnyard-MobileHeader__group:last-child {
  border-bottom: 0;
}
.barnyard-MobileHeader__group a {
  padding: 24px;
  display: block;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  margin-bottom: -2px;
  font-size: 18px;
  font-weight: 400;
  color: #6e767c;
  border-bottom: 2px solid transparent;
}
.barnyard-MobileHeader__group a:hover {
  background: #f9fafb;
  color: #555a5f;
}
.barnyard-MobileHeader__group a:hover .barnyard-PageHeaderItem__content--mobile {
  color: #555a5f;
}
.barnyard-MobileHeader__extra > div {
  border: none;
}
.barnyard-MobileHeader .barnyard-PageHeaderItem {
  padding: 0;
  height: auto;
  line-height: 24px;
}
.barnyard-MobileHeader .barnyard-PageHeaderItem a {
  display: block;
  border-bottom: 0;
  width: 100%;
}
.barnyard-BurgerMenu {
  width: 26px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.barnyard-BurgerMenu__wrapper {
  margin-left: 8px;
  margin-right: 8px;
}
.barnyard-BurgerMenu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #6e767c;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.barnyard-BurgerMenu span:nth-child(1) {
  top: 0;
}
.barnyard-BurgerMenu span:nth-child(2) {
  top: 9px;
}
.barnyard-BurgerMenu span:nth-child(4) {
  top: 18px;
}
.barnyard-BurgerMenu--open > span {
  background: #555a5f !important;
}
.barnyard-BurgerMenu--open > span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.barnyard-BurgerMenu--open > span:nth-child(2) {
  top: 9px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.barnyard-BurgerMenu--open > span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.barnyard-BurgerMenu--open > span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.barnyard-BurgerMenu:hover span {
  background: #555a5f;
}
.barnyard-vetcove-logo {
  display: block;
  height: 30px;
  color: #6e767c;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.barnyard-vetcove-logo--color {
  fill: #52c9df;
}
.barnyard-vetcove-logo--accent {
  fill: currentColor;
}
.barnyard-vetcove-logo:hover {
  color: #565c61;
}
.barnyard-vetcove-logo:hover .barnyard-vetcove-logo--color {
  fill: #28bcd7;
}
.barnyard-PageHeaderLogo {
  display: block;
  width: 100%;
}
.barnyard-PageHeaderLogo--active {
  color: #6e767c !important;
}
.barnyard-PageHeaderLogo--mobile {
  display: none;
  height: 40px;
}
.barnyard-naked-header,
.barnyard-transparent-header {
  margin-top: -84px;
}
.naked-header .barnyard-NakedImage--regular {
  display: none;
}
.naked-header .barnyard-NakedImage--naked {
  display: block;
}
.naked-header .barnyard-PageHeader {
  background-color: transparent;
  background-image: none;
  border-bottom-color: transparent;
}
.naked-header .barnyard-PageHeader .barnyard-SearchBar__input {
  background-color: white;
}
.naked-header .barnyard-PageHeader .barnyard-vetcove-logo {
  color: white;
}
.naked-header .barnyard-PageHeader .barnyard-vetcove-logo:hover {
  color: #caddfb;
}
.naked-header .barnyard-PageHeaderItem__content {
  color: white;
}
.naked-header .barnyard-PageHeaderItem__box {
  background-color: rgba(255, 255, 255, 0.96);
}
.naked-header .rHeader__cash--balance {
  background: rgba(85, 90, 95, 0.4);
}
.naked-header .rHeader__cash--balance:hover {
  background: rgba(85, 90, 95, 0.5);
}
.naked-header .barnyard-BurgerMenu span {
  background: white;
}
.transparent-header .barnyard-PageHeader {
  background-color: transparent;
  background-image: none;
  border-bottom-color: transparent;
}
@media print {
  .barnyard-PageHeader {
    display: none;
  }
}
.dual-header .barnyard-PageHeader {
  border-bottom: 1px solid transparent;
}
.dual-header .barnyard-PageHeader__row {
  border-bottom: 1px solid #eaeaea;
}
.responsive .barnyard-PageHeaderItem--show--xs {
  display: none;
}
@media screen and (min-width: 0) {
  .responsive .barnyard-PageHeaderItem--show--xs {
    display: block;
  }
}
.responsive .barnyard-PageHeaderItem--show--sm {
  display: none;
}
@media screen and (min-width: 600px) {
  .responsive .barnyard-PageHeaderItem--show--sm {
    display: block;
  }
}
.responsive .barnyard-PageHeaderItem--show--md {
  display: none;
}
@media screen and (min-width: 768px) {
  .responsive .barnyard-PageHeaderItem--show--md {
    display: block;
  }
}
.responsive .barnyard-PageHeaderItem--show--lg {
  display: none;
}
@media screen and (min-width: 900px) {
  .responsive .barnyard-PageHeaderItem--show--lg {
    display: block;
  }
}
.responsive .barnyard-PageHeaderItem--show--xl {
  display: none;
}
@media screen and (min-width: 1200px) {
  .responsive .barnyard-PageHeaderItem--show--xl {
    display: block;
  }
}
@media screen and (max-width: 899px) {
  .responsive .barnyard-PageHeaderItem__content {
    display: none;
  }
  .responsive .barnyard-PageHeaderItem__content--mobile {
    display: inline-block;
    padding: 24px;
  }
  .responsive .barnyard-PageHeader__dim {
    background: white;
  }
  .responsive .barnyard-PageHeader__img {
    display: none !important;
    padding-left: 16px;
  }
  .responsive .barnyard-PageHeader__img--mobile {
    display: block;
    width: 48px;
  }
  .responsive .barnyard-PageHeader__img-wrapper {
    padding-left: 16px;
  }
  .responsive .barnyard-PageHeader__img-wrapper--active {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    width: 12px;
  }
  .responsive .barnyard-PageHeader__mobile-dropdown {
    visibility: visible;
  }
  .responsive .barnyard-PageHeader__search {
    max-width: 100%;
  }
  .responsive .barnyard-PageHeader__items-container {
    display: none;
  }
  .responsive .barnyard-PageHeader .barnyard-Suggest {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .responsive .barnyard-BurgerMenu__wrapper {
    margin-left: 16px;
    margin-right: 16px;
  }
  .responsive .barnyard-PageHeaderLogo {
    display: none;
  }
  .responsive .barnyard-PageHeaderLogo--mobile {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .responsive .barnyard-PageHeader__items-container {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .responsive .barnyard-PageHeader__burger-container {
    display: block;
  }
}

.barnyard-PageHeader--valentines-day {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/heart.jpg);
}
.barnyard-PageHeader--st-patricks-day {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/clover.png);
}
.barnyard-PageHeader--fourth-of-july {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/fireworks.png);
}
.barnyard-PageHeader--halloween {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/halloween.png);
  -webkit-background-size: 260px 260px;
          background-size: 260px 260px;
}
.barnyard-PageHeader--thanksgiving {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/thanksgiving.png);
  -webkit-background-size: 280px 280px;
          background-size: 280px 280px;
  background-position: right 0 bottom 22px;
}
.barnyard-PageHeader--christmas {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/holly.png);
  background-position: right 0 bottom 22px;
}
.barnyard-PageHeader--new-years {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/confetti.png);
}
.barnyard-PageHeader--vet-appreciation {
  background-image: url(https://media.vetcove.com/static/dist/node_modules/@vetcove/barnyard/assets/img/headers/seasonal/vet.png);
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Tag {
  display: inline-block;
  font-weight: normal;
  border-radius: 3px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.barnyard-Tag--closeable {
  padding-right: 0;
}
.barnyard-Tag--clickable {
  cursor: pointer;
}
.barnyard-Tag__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.barnyard-Tag--strong {
  font-weight: 600;
}
.barnyard-Tag--fins {
  position: relative;
}
.barnyard-Tag--fins--left {
  margin-left: 7px;
}
.barnyard-Tag--fins--left::after,
.barnyard-Tag--fins--left::before {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  content: ' ';
  position: absolute;
  left: -7px;
  border-style: dashed;
  border-width: 7px;
  border-color: rgba(255, 255, 255, 0);
}
.barnyard-Tag--fins--left::after {
  top: -1px;
  border-top: 14px solid;
}
.barnyard-Tag--fins--left::before {
  bottom: -1px;
  border-bottom: 14px solid;
}
.barnyard-Tag--fins--right {
  margin-right: 7px;
}
.barnyard-Tag--fins--right::after,
.barnyard-Tag--fins--right::before {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  content: ' ';
  position: absolute;
  right: -7px;
  border-style: dashed;
  border-width: 7px;
  border-color: rgba(255, 255, 255, 0);
}
.barnyard-Tag--fins--right::after {
  top: -1px;
  border-top: 14px solid;
}
.barnyard-Tag--fins--right::before {
  bottom: -1px;
  border-bottom: 14px solid;
}
.barnyard-Tag__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.barnyard-Tag--left {
  text-align: left;
}
.barnyard-Tag--center {
  text-align: center;
}
.barnyard-Tag--right {
  text-align: right;
}
.barnyard-Tag--full {
  width: 100%;
}
.barnyard-Tag--size--xs {
  font-size: 12px;
  line-height: 1.2;
}
.barnyard-Tag--size--xs .barnyard-Tag__text {
  padding: 0 4px;
}
.barnyard-Tag--size--xs .barnyard-Tag__close {
  padding: 0 4px;
}
.barnyard-Tag--size--xs .barnyard-Tag__close-icon {
  padding-top: 0;
}
.barnyard-Tag--size--sm {
  font-size: 12px;
  line-height: 1.5;
}
.barnyard-Tag--size--sm .barnyard-Tag__text {
  padding: 1px 4px;
}
.barnyard-Tag--size--sm .barnyard-Tag__close {
  padding: 1px 4px;
}
.barnyard-Tag--size--sm .barnyard-Tag__close-icon {
  padding-top: 1px;
}
.barnyard-Tag--size--md {
  font-size: 14px;
  line-height: 1.5;
}
.barnyard-Tag--size--md .barnyard-Tag__text {
  padding: 2px 8px;
}
.barnyard-Tag--size--md .barnyard-Tag__close {
  padding: 2px 8px;
}
.barnyard-Tag--size--md .barnyard-Tag__close-icon {
  padding-top: 2px;
}
.barnyard-Tag--neutral--fill {
  color: white;
  background-color: #b8c4ce;
  border: 1px solid #b8c4ce;
}
.barnyard-Tag--neutral--fill:hover {
  background-color: #bfcad3;
}
.barnyard-Tag--neutral--fill:hover::after {
  border-top-color: #bfcad3;
}
.barnyard-Tag--neutral--fill:hover::before {
  border-bottom-color: #bfcad3;
}
.barnyard-Tag--neutral--fill::after {
  border-top-color: #b8c4ce;
}
.barnyard-Tag--neutral--fill::before {
  border-bottom-color: #b8c4ce;
}
.barnyard-Tag--neutral--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--neutral--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--neutral--stroke {
  color: #b8c4ce;
  border: 1px solid #b8c4ce;
}
.barnyard-Tag--neutral--stroke::after {
  top: -1px;
}
.barnyard-Tag--neutral--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--neutral--stroke:hover {
  background-color: rgba(184, 196, 206, 0.03);
}
.barnyard-Tag--neutral--stroke .barnyard-Tag__close {
  border-left: 1px solid #b8c4ce;
}
.barnyard-Tag--neutral--stroke .barnyard-Tag__close:hover {
  background-color: #b8c4ce;
  color: white;
}
.barnyard-Tag--primary--fill {
  color: white;
  background-color: #4f8cf1;
  border: 1px solid #4f8cf1;
}
.barnyard-Tag--primary--fill:hover {
  background-color: #6198f2;
}
.barnyard-Tag--primary--fill:hover::after {
  border-top-color: #6198f2;
}
.barnyard-Tag--primary--fill:hover::before {
  border-bottom-color: #6198f2;
}
.barnyard-Tag--primary--fill::after {
  border-top-color: #4f8cf1;
}
.barnyard-Tag--primary--fill::before {
  border-bottom-color: #4f8cf1;
}
.barnyard-Tag--primary--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--primary--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--primary--stroke {
  color: #4f8cf1;
  border: 1px solid #4f8cf1;
}
.barnyard-Tag--primary--stroke::after {
  top: -1px;
}
.barnyard-Tag--primary--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--primary--stroke:hover {
  background-color: rgba(79, 140, 241, 0.03);
}
.barnyard-Tag--primary--stroke .barnyard-Tag__close {
  border-left: 1px solid #4f8cf1;
}
.barnyard-Tag--primary--stroke .barnyard-Tag__close:hover {
  background-color: #4f8cf1;
  color: white;
}
.barnyard-Tag--accent1--fill {
  color: white;
  background-color: #e91e63;
  border: 1px solid #e91e63;
}
.barnyard-Tag--accent1--fill:hover {
  background-color: #eb3473;
}
.barnyard-Tag--accent1--fill:hover::after {
  border-top-color: #eb3473;
}
.barnyard-Tag--accent1--fill:hover::before {
  border-bottom-color: #eb3473;
}
.barnyard-Tag--accent1--fill::after {
  border-top-color: #e91e63;
}
.barnyard-Tag--accent1--fill::before {
  border-bottom-color: #e91e63;
}
.barnyard-Tag--accent1--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--accent1--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--accent1--stroke {
  color: #e91e63;
  border: 1px solid #e91e63;
}
.barnyard-Tag--accent1--stroke::after {
  top: -1px;
}
.barnyard-Tag--accent1--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--accent1--stroke:hover {
  background-color: rgba(233, 30, 99, 0.03);
}
.barnyard-Tag--accent1--stroke .barnyard-Tag__close {
  border-left: 1px solid #e91e63;
}
.barnyard-Tag--accent1--stroke .barnyard-Tag__close:hover {
  background-color: #e91e63;
  color: white;
}
.barnyard-Tag--accent2--fill {
  color: white;
  background-color: #68d0e3;
  border: 1px solid #68d0e3;
}
.barnyard-Tag--accent2--fill:hover {
  background-color: #77d5e6;
}
.barnyard-Tag--accent2--fill:hover::after {
  border-top-color: #77d5e6;
}
.barnyard-Tag--accent2--fill:hover::before {
  border-bottom-color: #77d5e6;
}
.barnyard-Tag--accent2--fill::after {
  border-top-color: #68d0e3;
}
.barnyard-Tag--accent2--fill::before {
  border-bottom-color: #68d0e3;
}
.barnyard-Tag--accent2--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--accent2--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--accent2--stroke {
  color: #68d0e3;
  border: 1px solid #68d0e3;
}
.barnyard-Tag--accent2--stroke::after {
  top: -1px;
}
.barnyard-Tag--accent2--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--accent2--stroke:hover {
  background-color: rgba(104, 208, 227, 0.03);
}
.barnyard-Tag--accent2--stroke .barnyard-Tag__close {
  border-left: 1px solid #68d0e3;
}
.barnyard-Tag--accent2--stroke .barnyard-Tag__close:hover {
  background-color: #68d0e3;
  color: white;
}
.barnyard-Tag--success--fill {
  color: white;
  background-color: #57c559;
  border: 1px solid #57c559;
}
.barnyard-Tag--success--fill:hover {
  background-color: #68cb6a;
}
.barnyard-Tag--success--fill:hover::after {
  border-top-color: #68cb6a;
}
.barnyard-Tag--success--fill:hover::before {
  border-bottom-color: #68cb6a;
}
.barnyard-Tag--success--fill::after {
  border-top-color: #57c559;
}
.barnyard-Tag--success--fill::before {
  border-bottom-color: #57c559;
}
.barnyard-Tag--success--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--success--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--success--stroke {
  color: #57c559;
  border: 1px solid #57c559;
}
.barnyard-Tag--success--stroke::after {
  top: -1px;
}
.barnyard-Tag--success--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--success--stroke:hover {
  background-color: rgba(87, 197, 89, 0.03);
}
.barnyard-Tag--success--stroke .barnyard-Tag__close {
  border-left: 1px solid #57c559;
}
.barnyard-Tag--success--stroke .barnyard-Tag__close:hover {
  background-color: #57c559;
  color: white;
}
.barnyard-Tag--warning--fill {
  color: white;
  background-color: #eea314;
  border: 1px solid #eea314;
}
.barnyard-Tag--warning--fill:hover {
  background-color: #f0ac2b;
}
.barnyard-Tag--warning--fill:hover::after {
  border-top-color: #f0ac2b;
}
.barnyard-Tag--warning--fill:hover::before {
  border-bottom-color: #f0ac2b;
}
.barnyard-Tag--warning--fill::after {
  border-top-color: #eea314;
}
.barnyard-Tag--warning--fill::before {
  border-bottom-color: #eea314;
}
.barnyard-Tag--warning--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--warning--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--warning--stroke {
  color: #eea314;
  border: 1px solid #eea314;
}
.barnyard-Tag--warning--stroke::after {
  top: -1px;
}
.barnyard-Tag--warning--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--warning--stroke:hover {
  background-color: rgba(238, 163, 20, 0.03);
}
.barnyard-Tag--warning--stroke .barnyard-Tag__close {
  border-left: 1px solid #eea314;
}
.barnyard-Tag--warning--stroke .barnyard-Tag__close:hover {
  background-color: #eea314;
  color: white;
}
.barnyard-Tag--danger--fill {
  color: white;
  background-color: #eb5252;
  border: 1px solid #eb5252;
}
.barnyard-Tag--danger--fill:hover {
  background-color: #ed6363;
}
.barnyard-Tag--danger--fill:hover::after {
  border-top-color: #ed6363;
}
.barnyard-Tag--danger--fill:hover::before {
  border-bottom-color: #ed6363;
}
.barnyard-Tag--danger--fill::after {
  border-top-color: #eb5252;
}
.barnyard-Tag--danger--fill::before {
  border-bottom-color: #eb5252;
}
.barnyard-Tag--danger--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--danger--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--danger--stroke {
  color: #eb5252;
  border: 1px solid #eb5252;
}
.barnyard-Tag--danger--stroke::after {
  top: -1px;
}
.barnyard-Tag--danger--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--danger--stroke:hover {
  background-color: rgba(235, 82, 82, 0.03);
}
.barnyard-Tag--danger--stroke .barnyard-Tag__close {
  border-left: 1px solid #eb5252;
}
.barnyard-Tag--danger--stroke .barnyard-Tag__close:hover {
  background-color: #eb5252;
  color: white;
}
.barnyard-Tag--blue--fill {
  color: white;
  background-color: #2e9fff;
  border: 1px solid #2e9fff;
}
.barnyard-Tag--blue--fill:hover {
  background-color: #43a9ff;
}
.barnyard-Tag--blue--fill:hover::after {
  border-top-color: #43a9ff;
}
.barnyard-Tag--blue--fill:hover::before {
  border-bottom-color: #43a9ff;
}
.barnyard-Tag--blue--fill::after {
  border-top-color: #2e9fff;
}
.barnyard-Tag--blue--fill::before {
  border-bottom-color: #2e9fff;
}
.barnyard-Tag--blue--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--blue--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--blue--stroke {
  color: #2e9fff;
  border: 1px solid #2e9fff;
}
.barnyard-Tag--blue--stroke::after {
  top: -1px;
}
.barnyard-Tag--blue--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--blue--stroke:hover {
  background-color: rgba(46, 159, 255, 0.03);
}
.barnyard-Tag--blue--stroke .barnyard-Tag__close {
  border-left: 1px solid #2e9fff;
}
.barnyard-Tag--blue--stroke .barnyard-Tag__close:hover {
  background-color: #2e9fff;
  color: white;
}
.barnyard-Tag--teal--fill {
  color: white;
  background-color: #5bd4c0;
  border: 1px solid #5bd4c0;
}
.barnyard-Tag--teal--fill:hover {
  background-color: #6bd8c6;
}
.barnyard-Tag--teal--fill:hover::after {
  border-top-color: #6bd8c6;
}
.barnyard-Tag--teal--fill:hover::before {
  border-bottom-color: #6bd8c6;
}
.barnyard-Tag--teal--fill::after {
  border-top-color: #5bd4c0;
}
.barnyard-Tag--teal--fill::before {
  border-bottom-color: #5bd4c0;
}
.barnyard-Tag--teal--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--teal--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--teal--stroke {
  color: #5bd4c0;
  border: 1px solid #5bd4c0;
}
.barnyard-Tag--teal--stroke::after {
  top: -1px;
}
.barnyard-Tag--teal--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--teal--stroke:hover {
  background-color: rgba(91, 212, 192, 0.03);
}
.barnyard-Tag--teal--stroke .barnyard-Tag__close {
  border-left: 1px solid #5bd4c0;
}
.barnyard-Tag--teal--stroke .barnyard-Tag__close:hover {
  background-color: #5bd4c0;
  color: white;
}
.barnyard-Tag--violet--fill {
  color: white;
  background-color: #809ae5;
  border: 1px solid #809ae5;
}
.barnyard-Tag--violet--fill:hover {
  background-color: #8da4e8;
}
.barnyard-Tag--violet--fill:hover::after {
  border-top-color: #8da4e8;
}
.barnyard-Tag--violet--fill:hover::before {
  border-bottom-color: #8da4e8;
}
.barnyard-Tag--violet--fill::after {
  border-top-color: #809ae5;
}
.barnyard-Tag--violet--fill::before {
  border-bottom-color: #809ae5;
}
.barnyard-Tag--violet--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--violet--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--violet--stroke {
  color: #809ae5;
  border: 1px solid #809ae5;
}
.barnyard-Tag--violet--stroke::after {
  top: -1px;
}
.barnyard-Tag--violet--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--violet--stroke:hover {
  background-color: rgba(128, 154, 229, 0.03);
}
.barnyard-Tag--violet--stroke .barnyard-Tag__close {
  border-left: 1px solid #809ae5;
}
.barnyard-Tag--violet--stroke .barnyard-Tag__close:hover {
  background-color: #809ae5;
  color: white;
}
.barnyard-Tag--lime--fill {
  color: white;
  background-color: #afcc5a;
  border: 1px solid #afcc5a;
}
.barnyard-Tag--lime--fill:hover {
  background-color: #b7d16b;
}
.barnyard-Tag--lime--fill:hover::after {
  border-top-color: #b7d16b;
}
.barnyard-Tag--lime--fill:hover::before {
  border-bottom-color: #b7d16b;
}
.barnyard-Tag--lime--fill::after {
  border-top-color: #afcc5a;
}
.barnyard-Tag--lime--fill::before {
  border-bottom-color: #afcc5a;
}
.barnyard-Tag--lime--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--lime--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--lime--stroke {
  color: #afcc5a;
  border: 1px solid #afcc5a;
}
.barnyard-Tag--lime--stroke::after {
  top: -1px;
}
.barnyard-Tag--lime--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--lime--stroke:hover {
  background-color: rgba(175, 204, 90, 0.03);
}
.barnyard-Tag--lime--stroke .barnyard-Tag__close {
  border-left: 1px solid #afcc5a;
}
.barnyard-Tag--lime--stroke .barnyard-Tag__close:hover {
  background-color: #afcc5a;
  color: white;
}
.barnyard-Tag--purple--fill {
  color: white;
  background-color: #5969e2;
  border: 1px solid #5969e2;
}
.barnyard-Tag--purple--fill:hover {
  background-color: #6a78e5;
}
.barnyard-Tag--purple--fill:hover::after {
  border-top-color: #6a78e5;
}
.barnyard-Tag--purple--fill:hover::before {
  border-bottom-color: #6a78e5;
}
.barnyard-Tag--purple--fill::after {
  border-top-color: #5969e2;
}
.barnyard-Tag--purple--fill::before {
  border-bottom-color: #5969e2;
}
.barnyard-Tag--purple--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--purple--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--purple--stroke {
  color: #5969e2;
  border: 1px solid #5969e2;
}
.barnyard-Tag--purple--stroke::after {
  top: -1px;
}
.barnyard-Tag--purple--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--purple--stroke:hover {
  background-color: rgba(89, 105, 226, 0.03);
}
.barnyard-Tag--purple--stroke .barnyard-Tag__close {
  border-left: 1px solid #5969e2;
}
.barnyard-Tag--purple--stroke .barnyard-Tag__close:hover {
  background-color: #5969e2;
  color: white;
}
.barnyard-Tag--yellow--fill {
  color: white;
  background-color: #e0c437;
  border: 1px solid #e0c437;
}
.barnyard-Tag--yellow--fill:hover {
  background-color: #e3ca4b;
}
.barnyard-Tag--yellow--fill:hover::after {
  border-top-color: #e3ca4b;
}
.barnyard-Tag--yellow--fill:hover::before {
  border-bottom-color: #e3ca4b;
}
.barnyard-Tag--yellow--fill::after {
  border-top-color: #e0c437;
}
.barnyard-Tag--yellow--fill::before {
  border-bottom-color: #e0c437;
}
.barnyard-Tag--yellow--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--yellow--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--yellow--stroke {
  color: #e0c437;
  border: 1px solid #e0c437;
}
.barnyard-Tag--yellow--stroke::after {
  top: -1px;
}
.barnyard-Tag--yellow--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--yellow--stroke:hover {
  background-color: rgba(224, 196, 55, 0.03);
}
.barnyard-Tag--yellow--stroke .barnyard-Tag__close {
  border-left: 1px solid #e0c437;
}
.barnyard-Tag--yellow--stroke .barnyard-Tag__close:hover {
  background-color: #e0c437;
  color: white;
}
.barnyard-Tag--red--fill {
  color: white;
  background-color: #eb5252;
  border: 1px solid #eb5252;
}
.barnyard-Tag--red--fill:hover {
  background-color: #ed6363;
}
.barnyard-Tag--red--fill:hover::after {
  border-top-color: #ed6363;
}
.barnyard-Tag--red--fill:hover::before {
  border-bottom-color: #ed6363;
}
.barnyard-Tag--red--fill::after {
  border-top-color: #eb5252;
}
.barnyard-Tag--red--fill::before {
  border-bottom-color: #eb5252;
}
.barnyard-Tag--red--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--red--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--red--stroke {
  color: #eb5252;
  border: 1px solid #eb5252;
}
.barnyard-Tag--red--stroke::after {
  top: -1px;
}
.barnyard-Tag--red--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--red--stroke:hover {
  background-color: rgba(235, 82, 82, 0.03);
}
.barnyard-Tag--red--stroke .barnyard-Tag__close {
  border-left: 1px solid #eb5252;
}
.barnyard-Tag--red--stroke .barnyard-Tag__close:hover {
  background-color: #eb5252;
  color: white;
}
.barnyard-Tag--fuchsia--fill {
  color: white;
  background-color: #e91e63;
  border: 1px solid #e91e63;
}
.barnyard-Tag--fuchsia--fill:hover {
  background-color: #eb3473;
}
.barnyard-Tag--fuchsia--fill:hover::after {
  border-top-color: #eb3473;
}
.barnyard-Tag--fuchsia--fill:hover::before {
  border-bottom-color: #eb3473;
}
.barnyard-Tag--fuchsia--fill::after {
  border-top-color: #e91e63;
}
.barnyard-Tag--fuchsia--fill::before {
  border-bottom-color: #e91e63;
}
.barnyard-Tag--fuchsia--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--fuchsia--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--fuchsia--stroke {
  color: #e91e63;
  border: 1px solid #e91e63;
}
.barnyard-Tag--fuchsia--stroke::after {
  top: -1px;
}
.barnyard-Tag--fuchsia--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--fuchsia--stroke:hover {
  background-color: rgba(233, 30, 99, 0.03);
}
.barnyard-Tag--fuchsia--stroke .barnyard-Tag__close {
  border-left: 1px solid #e91e63;
}
.barnyard-Tag--fuchsia--stroke .barnyard-Tag__close:hover {
  background-color: #e91e63;
  color: white;
}
.barnyard-Tag--orange--fill {
  color: white;
  background-color: #eea314;
  border: 1px solid #eea314;
}
.barnyard-Tag--orange--fill:hover {
  background-color: #f0ac2b;
}
.barnyard-Tag--orange--fill:hover::after {
  border-top-color: #f0ac2b;
}
.barnyard-Tag--orange--fill:hover::before {
  border-bottom-color: #f0ac2b;
}
.barnyard-Tag--orange--fill::after {
  border-top-color: #eea314;
}
.barnyard-Tag--orange--fill::before {
  border-bottom-color: #eea314;
}
.barnyard-Tag--orange--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--orange--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--orange--stroke {
  color: #eea314;
  border: 1px solid #eea314;
}
.barnyard-Tag--orange--stroke::after {
  top: -1px;
}
.barnyard-Tag--orange--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--orange--stroke:hover {
  background-color: rgba(238, 163, 20, 0.03);
}
.barnyard-Tag--orange--stroke .barnyard-Tag__close {
  border-left: 1px solid #eea314;
}
.barnyard-Tag--orange--stroke .barnyard-Tag__close:hover {
  background-color: #eea314;
  color: white;
}
.barnyard-Tag--green--fill {
  color: white;
  background-color: #57c559;
  border: 1px solid #57c559;
}
.barnyard-Tag--green--fill:hover {
  background-color: #68cb6a;
}
.barnyard-Tag--green--fill:hover::after {
  border-top-color: #68cb6a;
}
.barnyard-Tag--green--fill:hover::before {
  border-bottom-color: #68cb6a;
}
.barnyard-Tag--green--fill::after {
  border-top-color: #57c559;
}
.barnyard-Tag--green--fill::before {
  border-bottom-color: #57c559;
}
.barnyard-Tag--green--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--green--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--green--stroke {
  color: #57c559;
  border: 1px solid #57c559;
}
.barnyard-Tag--green--stroke::after {
  top: -1px;
}
.barnyard-Tag--green--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--green--stroke:hover {
  background-color: rgba(87, 197, 89, 0.03);
}
.barnyard-Tag--green--stroke .barnyard-Tag__close {
  border-left: 1px solid #57c559;
}
.barnyard-Tag--green--stroke .barnyard-Tag__close:hover {
  background-color: #57c559;
  color: white;
}
.barnyard-Tag--grey--fill {
  color: white;
  background-color: #b8c4ce;
  border: 1px solid #b8c4ce;
}
.barnyard-Tag--grey--fill:hover {
  background-color: #bfcad3;
}
.barnyard-Tag--grey--fill:hover::after {
  border-top-color: #bfcad3;
}
.barnyard-Tag--grey--fill:hover::before {
  border-bottom-color: #bfcad3;
}
.barnyard-Tag--grey--fill::after {
  border-top-color: #b8c4ce;
}
.barnyard-Tag--grey--fill::before {
  border-bottom-color: #b8c4ce;
}
.barnyard-Tag--grey--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--grey--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--grey--stroke {
  color: #b8c4ce;
  border: 1px solid #b8c4ce;
}
.barnyard-Tag--grey--stroke::after {
  top: -1px;
}
.barnyard-Tag--grey--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--grey--stroke:hover {
  background-color: rgba(184, 196, 206, 0.03);
}
.barnyard-Tag--grey--stroke .barnyard-Tag__close {
  border-left: 1px solid #b8c4ce;
}
.barnyard-Tag--grey--stroke .barnyard-Tag__close:hover {
  background-color: #b8c4ce;
  color: white;
}
.barnyard-Tag--black--fill {
  color: white;
  background-color: #555a5f;
  border: 1px solid #555a5f;
}
.barnyard-Tag--black--fill:hover {
  background-color: #666b6f;
}
.barnyard-Tag--black--fill:hover::after {
  border-top-color: #666b6f;
}
.barnyard-Tag--black--fill:hover::before {
  border-bottom-color: #666b6f;
}
.barnyard-Tag--black--fill::after {
  border-top-color: #555a5f;
}
.barnyard-Tag--black--fill::before {
  border-bottom-color: #555a5f;
}
.barnyard-Tag--black--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--black--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--black--stroke {
  color: #555a5f;
  border: 1px solid #555a5f;
}
.barnyard-Tag--black--stroke::after {
  top: -1px;
}
.barnyard-Tag--black--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--black--stroke:hover {
  background-color: rgba(85, 90, 95, 0.03);
}
.barnyard-Tag--black--stroke .barnyard-Tag__close {
  border-left: 1px solid #555a5f;
}
.barnyard-Tag--black--stroke .barnyard-Tag__close:hover {
  background-color: #555a5f;
  color: white;
}
.barnyard-Tag--aaep_color--fill {
  color: white;
  background-color: #FFC733;
  border: 1px solid #FFC733;
}
.barnyard-Tag--aaep_color--fill:hover {
  background-color: #ffcd47;
}
.barnyard-Tag--aaep_color--fill:hover::after {
  border-top-color: #ffcd47;
}
.barnyard-Tag--aaep_color--fill:hover::before {
  border-bottom-color: #ffcd47;
}
.barnyard-Tag--aaep_color--fill::after {
  border-top-color: #FFC733;
}
.barnyard-Tag--aaep_color--fill::before {
  border-bottom-color: #FFC733;
}
.barnyard-Tag--aaep_color--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--aaep_color--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--aaep_color--stroke {
  color: #FFC733;
  border: 1px solid #FFC733;
}
.barnyard-Tag--aaep_color--stroke::after {
  top: -1px;
}
.barnyard-Tag--aaep_color--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--aaep_color--stroke:hover {
  background-color: rgba(255, 199, 51, 0.03);
}
.barnyard-Tag--aaep_color--stroke .barnyard-Tag__close {
  border-left: 1px solid #FFC733;
}
.barnyard-Tag--aaep_color--stroke .barnyard-Tag__close:hover {
  background-color: #FFC733;
  color: white;
}
.barnyard-Tag--aafp_color--fill {
  color: white;
  background-color: #8D33FF;
  border: 1px solid #8D33FF;
}
.barnyard-Tag--aafp_color--fill:hover {
  background-color: #9847ff;
}
.barnyard-Tag--aafp_color--fill:hover::after {
  border-top-color: #9847ff;
}
.barnyard-Tag--aafp_color--fill:hover::before {
  border-bottom-color: #9847ff;
}
.barnyard-Tag--aafp_color--fill::after {
  border-top-color: #8D33FF;
}
.barnyard-Tag--aafp_color--fill::before {
  border-bottom-color: #8D33FF;
}
.barnyard-Tag--aafp_color--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.barnyard-Tag--aafp_color--fill .barnyard-Tag__close:hover {
  border-left: 1px solid white;
}
.barnyard-Tag--aafp_color--stroke {
  color: #8D33FF;
  border: 1px solid #8D33FF;
}
.barnyard-Tag--aafp_color--stroke::after {
  top: -1px;
}
.barnyard-Tag--aafp_color--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--aafp_color--stroke:hover {
  background-color: rgba(141, 51, 255, 0.03);
}
.barnyard-Tag--aafp_color--stroke .barnyard-Tag__close {
  border-left: 1px solid #8D33FF;
}
.barnyard-Tag--aafp_color--stroke .barnyard-Tag__close:hover {
  background-color: #8D33FF;
  color: white;
}
.barnyard-Tag--white--fill {
  color: #6e767c;
  background-color: white;
  border: 1px solid white;
}
.barnyard-Tag--white--fill:hover {
  background-color: #ffffff;
}
.barnyard-Tag--white--fill:hover::after {
  border-top-color: #ffffff;
}
.barnyard-Tag--white--fill:hover::before {
  border-bottom-color: #ffffff;
}
.barnyard-Tag--white--fill::after {
  border-top-color: white;
}
.barnyard-Tag--white--fill::before {
  border-bottom-color: white;
}
.barnyard-Tag--white--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(110, 118, 124, 0.5);
}
.barnyard-Tag--white--fill .barnyard-Tag__close:hover {
  border-left: 1px solid #6e767c;
}
.barnyard-Tag--white--stroke {
  color: #6e767c;
  border: 1px solid #6e767c;
}
.barnyard-Tag--white--stroke::after {
  top: -1px;
}
.barnyard-Tag--white--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--white--stroke:hover {
  background-color: rgba(110, 118, 124, 0.03);
}
.barnyard-Tag--white--stroke .barnyard-Tag__close {
  border-left: 1px solid #6e767c;
}
.barnyard-Tag--white--stroke .barnyard-Tag__close:hover {
  background-color: white;
  color: #6e767c;
}
.barnyard-Tag--off-white--fill {
  color: #6e767c;
  background-color: #eff2f4;
  border: 1px solid #eff2f4;
}
.barnyard-Tag--off-white--fill:hover {
  background-color: #f1f3f5;
}
.barnyard-Tag--off-white--fill:hover::after {
  border-top-color: #f1f3f5;
}
.barnyard-Tag--off-white--fill:hover::before {
  border-bottom-color: #f1f3f5;
}
.barnyard-Tag--off-white--fill::after {
  border-top-color: #eff2f4;
}
.barnyard-Tag--off-white--fill::before {
  border-bottom-color: #eff2f4;
}
.barnyard-Tag--off-white--fill .barnyard-Tag__close {
  border-left: 1px solid rgba(110, 118, 124, 0.5);
}
.barnyard-Tag--off-white--fill .barnyard-Tag__close:hover {
  border-left: 1px solid #6e767c;
}
.barnyard-Tag--off-white--stroke {
  color: #6e767c;
  border: 1px solid #6e767c;
}
.barnyard-Tag--off-white--stroke::after {
  top: -1px;
}
.barnyard-Tag--off-white--stroke::before {
  bottom: -1px;
}
.barnyard-Tag--off-white--stroke:hover {
  background-color: rgba(110, 118, 124, 0.03);
}
.barnyard-Tag--off-white--stroke .barnyard-Tag__close {
  border-left: 1px solid #6e767c;
}
.barnyard-Tag--off-white--stroke .barnyard-Tag__close:hover {
  background-color: #eff2f4;
  color: #6e767c;
}
.barnyard-Tag__close {
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-left: 1px solid transparent;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-LoadingWrapper {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.barnyard-LoadingWrapper--active {
  opacity: 0.25;
}
.barnyard-LoadingWrapper__outer {
  position: relative;
}
.barnyard-LoadingWrapper__display {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.barnyard-LoadingWrapper__error {
  color: #eb5252;
}
.barnyard-LoadingWrapper__error h3 {
  font-weight: normal;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Lightbox {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  /*** Slider formatting ***/
  /*** Slider dots formatting ***/
}
.barnyard-Lightbox__exit {
  font-size: 56px;
  position: absolute;
  z-index: 1000;
  right: 40px;
  top: 30px;
  line-height: 1;
  color: #a2acb5;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  cursor: pointer;
}
.barnyard-Lightbox__exit:hover {
  color: #eb5252;
}
.barnyard-Lightbox__display {
  padding: 20px;
  margin-top: 20px;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.barnyard-Lightbox__display img {
  max-width: 100%;
}
.barnyard-Lightbox__arrow {
  position: absolute;
  display: block;
  top: 50%;
  font-size: 68px;
  font-weight: 100;
  line-height: 1;
  margin-top: -50px;
  padding: 0 20px;
  color: #b8c4ce;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  cursor: pointer;
}
.barnyard-Lightbox__arrow:hover {
  color: #4f8cf1;
}
.barnyard-Lightbox__arrow--next {
  right: 0;
}
.barnyard-Lightbox .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.barnyard-Lightbox .slick-list:focus {
  outline: none;
}
.barnyard-Lightbox .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.barnyard-Lightbox .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.barnyard-Lightbox .slick-slider .slick-track,
.barnyard-Lightbox .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.barnyard-Lightbox .slick-track::before,
.barnyard-Lightbox .slick-track::after {
  display: table;
  content: '';
}
.barnyard-Lightbox .slick-track::after {
  clear: both;
}
.barnyard-Lightbox .slick-loading .slick-track {
  visibility: hidden;
}
.barnyard-Lightbox .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.barnyard-Lightbox [dir='rtl'] .slick-slide {
  float: right;
}
.barnyard-Lightbox .slick-slide.slick-loading img {
  display: none;
}
.barnyard-Lightbox .slick-slide.dragging img {
  pointer-events: none;
}
.barnyard-Lightbox .slick-initialized .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-Lightbox .slick-loading .slick-slide {
  visibility: hidden;
}
.barnyard-Lightbox .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.barnyard-Lightbox .slick-arrow.slick-hidden {
  display: none;
}
.barnyard-Lightbox .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.barnyard-Lightbox .slick-dots {
  position: absolute;
  bottom: -15px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.barnyard-Lightbox .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.barnyard-Lightbox .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.barnyard-Lightbox .slick-dots li button::before {
  font-family: monospace;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "●";
  font-size: 30px;
  text-align: center;
  opacity: 0.25;
  color: #aaa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.barnyard-Lightbox .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #dfeafc;
  text-shadow: -1px -1px 0 #4f8cf1, 1px -1px 0 #4f8cf1, -1px 1px 0 #4f8cf1, 1px 1px 0 #4f8cf1;
}
.barnyard-Lightbox .slick-dots li button:hover,
.barnyard-Lightbox .slick-dots li button:focus {
  outline: none;
}
.barnyard-Lightbox .slick-dots li button:hover::before,
.barnyard-Lightbox .slick-dots li button:focus::before {
  color: #a2acb5;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ImageSlideshow {
  position: relative;
  display: inline-block;
}
.barnyard-ImageSlideshow__button {
  opacity: 0;
  position: absolute;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.barnyard-ImageSlideshow__button--right {
  right: 0;
}
.barnyard-ImageSlideshow__button--left {
  left: 0;
}
.barnyard-ImageSlideshow__button-arrow {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.7;
  padding: 12px;
  font-size: 24px;
  text-align: center;
  border-radius: 3px;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  cursor: pointer;
}
.barnyard-ImageSlideshow__button-arrow:hover {
  opacity: 0.92;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.barnyard-ImageSlideshow__image--zoom {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.barnyard-ImageSlideshow--no-arrows .barnyard-ImageSlideshow__button {
  display: none;
}
.barnyard-ImageSlideshow:hover .barnyard-ImageSlideshow__button {
  opacity: 1;
}
.barnyard-ImageSlideshow__thumbnail {
  width: 50px;
  height: 50px;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  cursor: pointer;
}
.barnyard-ImageSlideshow__thumbnail__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.barnyard-ImageSlideshow__thumbnail-item {
  padding: 8px;
}
.barnyard-ImageSlideshow__thumbnail--active {
  border: 1px solid #4f8cf1;
  -webkit-box-shadow: 0 0 0 1px #4f8cf1;
          box-shadow: 0 0 0 1px #4f8cf1;
}
.barnyard-ImageSlideshow__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.barnyard-ImageSlideshow__container .slick-arrow {
  font-size: 28px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.barnyard-ImageSlideshow__container .slick-arrow:hover {
  color: #4f8cf1;
}
.barnyard-ImageSlideshow__container .slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.barnyard-ImageSlideshow__container .slick-disabled:hover {
  opacity: 0.5;
}
.barnyard-ImageSlideshow__container--bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.barnyard-ImageSlideshow__container--bottom .barnyard-ImageSlideshow__thumbnail__container {
  margin-left: -8px;
}
.barnyard-ImageSlideshow__container--top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.barnyard-ImageSlideshow__container--top .barnyard-ImageSlideshow__thumbnail__container {
  margin-left: -8px;
}
.barnyard-ImageSlideshow__container--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.barnyard-ImageSlideshow__container--right .barnyard-ImageSlideshow__thumbnail__container {
  margin-top: -8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.barnyard-ImageSlideshow__container--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.barnyard-ImageSlideshow__container--left .barnyard-ImageSlideshow__thumbnail__container {
  margin-top: -8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.barnyard-ImageSlideshow__video {
  margin: auto;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  overflow: hidden;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-Nav {
  display: inline-block;
  color: #8a939b;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  padding: 10px 5px;
  white-space: nowrap;
}
.barnyard-Nav a {
  color: #8a939b;
}
.barnyard-Nav--active {
  opacity: 1;
  color: #555a5f;
}
.barnyard-Nav--active a {
  color: #555a5f;
}
.barnyard-Nav--active--neutral {
  border-color: #b8c4ce;
}
.barnyard-Nav--active--primary {
  border-color: #4f8cf1;
}
.barnyard-Nav--active--accent1 {
  border-color: #e91e63;
}
.barnyard-Nav--active--accent2 {
  border-color: #68d0e3;
}
.barnyard-Nav--active--success {
  border-color: #57c559;
}
.barnyard-Nav--active--warning {
  border-color: #eea314;
}
.barnyard-Nav--active--danger {
  border-color: #eb5252;
}
.barnyard-Nav:hover {
  opacity: 1;
  color: #555a5f;
  cursor: pointer;
  text-decoration: none;
}
.barnyard-Nav:hover a {
  color: #555a5f;
}
.barnyard-Nav__icon {
  margin-right: 5px;
}
.barnyard-Nav:not(:last-child) {
  margin-right: 30px;
}
.barnyard-NavGroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-NavGroup--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.barnyard-NavGroup--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.barnyard-Navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #eaeaea;
  padding: 0 20px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-List {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
}
.barnyard-List > span {
  padding: 20px 12px;
}
.barnyard-List.clickable > span:hover {
  cursor: pointer;
}
.barnyard-List.dividers > span:not(:last-child) {
  border-bottom: 1px dashed #eaeaea;
}
.barnyard-List.no-border {
  border: 0;
}
.barnyard-List__empty {
  text-align: center;
  padding: 100px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-DraggableListItem__icon {
  float: left;
  padding-right: 20px;
  padding-top: 7px;
  cursor: move;
  font-size: 23px;
}
.barnyard-DraggableListItem.hover {
  background-color: #fafafa;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-DraggableList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 12px;
}
.barnyard-DraggableList > span {
  padding: 20px 12px;
}
.barnyard-DraggableList.clickable > span:hover {
  cursor: pointer;
}
.barnyard-DraggableList.dividers > span:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.barnyard-DraggableList.no-border {
  border: 0;
  padding: 0;
}
.barnyard-DraggableList__empty {
  text-align: center;
  padding: 100px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-CopyToClipboard {
  position: relative;
  font-size: 14px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.barnyard-CopyToClipboard__content {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.barnyard-CopyToClipboard__text {
  line-height: 38px;
  font-weight: bold;
  padding-left: 7px;
}
.barnyard-CopyToClipboard__icon {
  min-height: 38px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding: 9px 16px;
  background: #f9fafb;
  border-left: 1px solid #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.barnyard-CopyToClipboard--lg {
  font-size: 24px;
  line-height: 1;
}
.barnyard-CopyToClipboard--lg .barnyard-CopyToClipboard__text {
  padding: 14px;
}
.barnyard-CopyToClipboard--lg .barnyard-CopyToClipboard__icon {
  font-size: 20px;
  padding: 9px 24px;
}
.barnyard-CopyToClipboard:hover {
  border: 1px solid #c0d6fa;
}
.barnyard-CopyToClipboard:hover .barnyard-CopyToClipboard__content {
  color: #4f8cf1;
}
.barnyard-CopyToClipboard:hover .barnyard-CopyToClipboard__icon {
  background: #f4f8fe;
  border-left: 1px solid #c0d6fa;
  color: #4f8cf1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@font-face {
  font-family: 'anticon';
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot');
  /* IE9 */
  src: url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff') format('woff'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf') format('truetype'), /* iOS 4.1- */ url('https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont') format('svg');
}
.barnyard-message-fade-in {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 1;
  visibility: visible;
}
.barnyard-message-fade-out {
  opacity: 0;
}
.barnyard-CardForm {
  position: relative;
}
.barnyard-CardForm__input {
  padding: 8px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.barnyard-CardForm__input.disabled {
  background-color: #f5f5f5;
  pointer-events: none;
  cursor: not-allowed;
}
.barnyard-CardForm__loadingIcon {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #4f8cf1;
}
.barnyard-CardForm__error {
  position: absolute;
  color: #eb5252;
  font-weight: 600;
}
.barnyard-CardForm .StripeElement--focus {
  border-color: #4f8cf1;
}
.barnyard-CardForm .StripeElement--invalid {
  border-color: #eb5252;
  color: #eb5252;
}
.barnyard-CardForm .StripeElement--complete {
  border-color: #57c559;
  color: #57c559;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
@-webkit-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes barnyard-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes barnyard-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-o-keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
  }
}
@keyframes barnyard-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.barnyard-Walkthrough {
  background: rgba(85, 90, 95, 0.93);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  -webkit-animation: barnyard-fade-in 0.6s;
       -o-animation: barnyard-fade-in 0.6s;
          animation: barnyard-fade-in 0.6s;
}
.barnyard-Walkthrough__container {
  width: 100%;
  margin: 0 20px;
}
.barnyard-Walkthrough__container.text {
  text-align: center;
}
.barnyard-Walkthrough__container.text .barnyard-Walkthrough__backLink {
  margin: 0 auto;
}
.barnyard-Walkthrough__container.video .barnyard-Walkthrough__content {
  padding-right: 70px;
}
.barnyard-Walkthrough__main {
  max-width: 1540px;
}
.barnyard-Walkthrough__content {
  z-index: 100;
  max-width: 520px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 520px;
      -ms-flex-preferred-size: 520px;
          flex-basis: 520px;
}
.barnyard-Walkthrough__stepper {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-weight: bold;
}
.barnyard-Walkthrough__title {
  color: white;
  font-size: 35px;
  line-height: 1.3;
  font-weight: bold;
}
.barnyard-Walkthrough__description {
  color: white;
  max-width: 600px;
  padding: 5px 0 5px 0;
  font-size: 18px;
  min-height: 160px;
  letter-spacing: 0.25px;
}
.barnyard-Walkthrough--closing {
  -webkit-animation: barnyard-fade-out 0.6s;
       -o-animation: barnyard-fade-out 0.6s;
          animation: barnyard-fade-out 0.6s;
}
.barnyard-Walkthrough__backLinkContainer {
  padding-top: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #f9fafb;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 14px;
  margin-bottom: 10px;
}
.barnyard-Walkthrough__backLinkContainer:hover {
  color: #cdd6dd;
}
.barnyard-Walkthrough__backLink {
  cursor: pointer;
  letter-spacing: 0.5px;
}
.barnyard-Walkthrough__imageCol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* IE10+ CSS styles go here */
}
.barnyard-Walkthrough__divider {
  margin-top: 50px;
  padding-top: 50px;
  margin-bottom: 30px;
  border-top: 1px dashed rgba(255, 255, 255, 0.4);
}
.barnyard-Walkthrough__exit {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.barnyard-Walkthrough__exit a {
  color: #f9fafb;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 5px;
  display: inline-block;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.barnyard-Walkthrough__exit a:hover {
  color: #f6b3b3;
}
.barnyard-WalkthroughContent {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.barnyard-WalkthroughContent__video__container {
  position: relative;
  width: 100%;
}
.barnyard-WalkthroughContent__video__container::before {
  content: "";
  display: block;
  padding-top: 62.79069767%;
}
.barnyard-WalkthroughContent__video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.barnyard-WalkthroughContent__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
}
.barnyard-WalkthroughContent__error {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  color: #eb5252;
  text-align: center;
}
.barnyard-WalkthroughContent__error svg {
  font-size: 32px;
}
.barnyard-WalkthroughContent__error h4 {
  font-weight: bold;
}
.barnyard-WalkthroughContent__replayOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: background 0.4s, color 0.4s;
  -o-transition: background 0.4s, color 0.4s;
  transition: background 0.4s, color 0.4s;
  color: #eff2f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  white-space: nowrap;
  font-size: 20px;
}
.barnyard-WalkthroughContent__replayOverlay.showOverlay {
  background: rgba(85, 90, 95, 0.7);
}
.barnyard-WalkthroughContent__replayOverlay:hover {
  background: rgba(85, 90, 95, 0.5);
  color: #f9fafb;
}
.barnyard-WalkthroughContent__replayIcon {
  margin-bottom: 20px;
  font-size: 42px;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.barnyard-WalkthroughContent__replayIcon:hover {
  cursor: pointer;
  color: #e2e7eb;
}
.barnyard-WalkthroughContent__replayAction {
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.barnyard-WalkthroughContent__replayAction:hover {
  cursor: pointer;
  color: #e2e7eb;
}
.barnyard-WalkthroughContent__progressContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: none;
  width: 100%;
  z-index: 3;
}
.barnyard-WalkthroughContent__progressContainer .progress {
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: fill;
       -o-animation-name: fill;
          animation-name: fill;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#4f8cf1), color-stop(#68d0e3), to(#BFFF00));
  background: -webkit-linear-gradient(left, #4f8cf1, #68d0e3, #BFFF00);
  background: -o-linear-gradient(left, #4f8cf1, #68d0e3, #BFFF00);
  background: linear-gradient(to right, #4f8cf1, #68d0e3, #BFFF00);
}
@-webkit-keyframes fill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes fill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes fill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.barnyard-WalkthroughContent__error {
  color: #eb5252;
}
.barnyard-WalkthroughContent__macbook {
  z-index: 0;
  position: absolute;
  width: 166%;
  max-width: 166%;
  top: -8%;
  left: -33.3%;
}
@media (max-width: 900px) {
  .responsive .barnyard-Walkthrough {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 20px;
  }
  .responsive .barnyard-Walkthrough__container.text {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
  }
  .responsive .barnyard-Walkthrough__container > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .responsive .barnyard-Walkthrough__content {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    max-width: auto;
    margin-bottom: 100px;
  }
}


/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-BackgroundMap {
  background-color: #f9fafb;
  background-repeat: no-repeat;
  position: relative;
}
.barnyard-BackgroundMap__icon {
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #4f8cf1;
  border: 2px solid white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
       -o-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.barnyard-BackgroundMap__empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
       -o-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  font-style: italic;
  color: #a2acb5;
}

.barnyard-Markdown img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-CSVReaderButton__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-PageSubHeader {
  background: white;
  border-bottom: 1px solid #eaeaea;
}
.barnyard-PageSubHeaderItem {
  padding: 16px 5px;
  border-bottom-width: 2px;
}
.barnyard-PageSubHeaderItem:hover {
  color: #4f8cf1;
}
.barnyard-PageSubHeaderItem--active {
  color: #4f8cf1;
}
.barnyard-PageSubHeaderItem:not(:last-child) {
  margin-right: 50px;
}

.barnyard-PDFViewer {
  width: 100%;
  min-height: 1200px;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-StatusFilter {
  padding: 0;
}
.barnyard-StatusFilter__item {
  padding: 12px;
  text-align: center;
  -webkit-transition: background-color 100ms;
  -o-transition: background-color 100ms;
  transition: background-color 100ms;
  cursor: pointer;
}
.barnyard-StatusFilter__item h5 {
  font-size: 28px;
  font-weight: 600;
}
.barnyard-StatusFilter__item h6 {
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #8a939b;
}
.barnyard-StatusFilter__item--neutral h5 {
  color: #b8c4ce;
}
.barnyard-StatusFilter__item--neutral--selected {
  background-color: #f9fafb;
}
.barnyard-StatusFilter__item--neutral:hover {
  background-color: #f9fafb;
}
.barnyard-StatusFilter__item--primary h5 {
  color: #4f8cf1;
}
.barnyard-StatusFilter__item--primary--selected {
  background-color: #f4f8fe;
}
.barnyard-StatusFilter__item--primary:hover {
  background-color: #f4f8fe;
}
.barnyard-StatusFilter__item--accent1 h5 {
  color: #e91e63;
}
.barnyard-StatusFilter__item--accent1--selected {
  background-color: #fef2f6;
}
.barnyard-StatusFilter__item--accent1:hover {
  background-color: #fef2f6;
}
.barnyard-StatusFilter__item--accent2 h5 {
  color: #68d0e3;
}
.barnyard-StatusFilter__item--accent2--selected {
  background-color: #f0fafc;
}
.barnyard-StatusFilter__item--accent2:hover {
  background-color: #f0fafc;
}
.barnyard-StatusFilter__item--success h5 {
  color: #57c559;
}
.barnyard-StatusFilter__item--success--selected {
  background-color: #f0faf0;
}
.barnyard-StatusFilter__item--success:hover {
  background-color: #f0faf0;
}
.barnyard-StatusFilter__item--warning h5 {
  color: #eea314;
}
.barnyard-StatusFilter__item--warning--selected {
  background-color: #fef8ec;
}
.barnyard-StatusFilter__item--warning:hover {
  background-color: #fef8ec;
}
.barnyard-StatusFilter__item--danger h5 {
  color: #eb5252;
}
.barnyard-StatusFilter__item--danger--selected {
  background-color: #fef3f3;
}
.barnyard-StatusFilter__item--danger:hover {
  background-color: #fef3f3;
}
.barnyard-StatusFilter__item:not(:first-child) {
  border-top: 1px solid #eaeaea;
}
.barnyard-StatusFilter__reset {
  border-top: 1px solid #eaeaea;
}
.barnyard-StatusFilter__reset:hover {
  background-color: #f9fafb;
}
.barnyard-StatusFilter__reset a {
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
.barnyard-ErrorPage {
  max-width: 1000px;
  padding: 0 20px;
  text-align: center;
}
.barnyard-ErrorPage__title {
  font-size: 92px;
  font-weight: 900;
}
.barnyard-ErrorPage__description {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 12px;
}
.barnyard-ErrorPage__details {
  font-size: 18px;
}
.barnyard-ErrorPage__children {
  margin-top: 24px;
}
.barnyard-ErrorPage__image {
  width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .barnyard-ErrorPage {
    text-align: left;
    margin: 40px auto;
  }
  .barnyard-ErrorPage__container {
    margin: 40px auto;
  }
}

.LoadingBar-module__container___1Oxqs {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 5px;
  background: #28a9e2;
  background-image: linear-gradient(to right, #2293c3, #28a9e2);
  animation: LoadingBar-module__load___1MfdU 10s normal forwards;
  transform: translateX(-100%);
}
@keyframes LoadingBar-module__load___1MfdU {
  0% {
    transform: translateX(-100%);
  }
  30% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* ==================================== *\
  Global Resets!
\* ==================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* stylelint-disable */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* ==================================== *\
  Type!
\* ==================================== */
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/* stylelint-disable */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ==================================== *\
  Global Resets!
\* ==================================== */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* ------------------------------------ *\
    General Text Formatting
\* ------------------------------------ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
  color: #555a5f;
}
svg {
  color: inherit;
}
/* ------------------------------------ *\
  Headers
\* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
}
/* stylelint-disable selector-list-comma-newline-after */
h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 22px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
/* stylelint-enable selector-list-comma-newline-after */
/* ------------------------------------ *\
  Text Smoothing
\* ------------------------------------ */
.mixin-light-on-dark-smoothing {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.mixin-dark-on-light-smoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.mixin-no-smoothing {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
/* ------------------------------------ *\
  A
\* ------------------------------------ */
a {
  color: #4f8cf1;
  text-decoration: none;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
  cursor: pointer;
}
a.u-div {
  color: #333;
}
a.u-div:hover {
  text-decoration: none;
  color: #333;
}
a,
a:hover,
a:focus,
a:active,
a::after,
a:visited {
  outline: none;
}
a:visited,
a:active,
a::after,
a:focus {
  text-decoration: none;
}
a.u-blackLink {
  color: #444;
}
a.u-blackLink:hover {
  color: #444;
}
a.u-backLink {
  color: #888;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
a.u-backLink:hover {
  text-decoration: none;
  color: #222;
}
a.u-nolink {
  color: #444;
}
a.u-nolink:hover {
  color: #444;
  text-decoration: none;
}
/* ------------------------------------ *\
  P
\* ------------------------------------ */
p.margined {
  margin-bottom: 10px !important;
}
p.weak {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}
p.u-small {
  font-size: 11px;
}
/* ------------------------------------ *\
  Span
\* ------------------------------------ */
span.light {
  color: #999;
  font-size: 90%;
}
/* ------------------------------------ *\
 Lists
\* ------------------------------------ */
ul {
  margin: 0 0 0 15px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}
/* ------------------------------------ *\
  Links
\* ------------------------------------ */
.link {
  color: #467bd4;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
}
.link:hover {
  color: #3a68b2;
  cursor: pointer;
  text-decoration: underline;
}
/* ------------------------------------ *\
 Styling
\* ------------------------------------ */
.u-underline {
  text-decoration: underline;
}
.u-linethrough {
  text-decoration: line-through;
}
/* ------------------------------------ *\
 Ellipsis
\* ------------------------------------ */
.mixin-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ------------------------------------ *\
 Styling
\* ------------------------------------ */
.u-light {
  font-weight: 200;
}
.u-bold {
  font-weight: 700;
}
.u-semiBold {
  font-weight: 600;
}

.color-neutral {
  color: #b8c4ce;
}
.background-neutral {
  background-color: #b8c4ce;
}
.color-neutral-100 {
  color: #f9fafb;
}
.background-neutral-100 {
  background-color: #f9fafb;
}
.color-neutral-200 {
  color: #eff2f4;
}
.background-neutral-200 {
  background-color: #eff2f4;
}
.color-neutral-300 {
  color: #e2e7eb;
}
.background-neutral-300 {
  background-color: #e2e7eb;
}
.color-neutral-400 {
  color: #cdd6dd;
}
.background-neutral-400 {
  background-color: #cdd6dd;
}
.color-neutral-500 {
  color: #b8c4ce;
}
.background-neutral-500 {
  background-color: #b8c4ce;
}
.color-neutral-600 {
  color: #a2acb5;
}
.background-neutral-600 {
  background-color: #a2acb5;
}
.color-neutral-700 {
  color: #8a939b;
}
.background-neutral-700 {
  background-color: #8a939b;
}
.color-neutral-800 {
  color: #6e767c;
}
.background-neutral-800 {
  background-color: #6e767c;
}
.color-neutral-900 {
  color: #555a5f;
}
.background-neutral-900 {
  background-color: #555a5f;
}
.color-primary {
  color: #4f8cf1;
}
.background-primary {
  background-color: #4f8cf1;
}
.color-primary-100 {
  color: #f4f8fe;
}
.background-primary-100 {
  background-color: #f4f8fe;
}
.color-primary-200 {
  color: #dfeafc;
}
.background-primary-200 {
  background-color: #dfeafc;
}
.color-primary-300 {
  color: #c0d6fa;
}
.background-primary-300 {
  background-color: #c0d6fa;
}
.color-primary-400 {
  color: #8eb5f6;
}
.background-primary-400 {
  background-color: #8eb5f6;
}
.color-primary-500 {
  color: #4f8cf1;
}
.background-primary-500 {
  background-color: #4f8cf1;
}
.color-primary-600 {
  color: #467bd4;
}
.background-primary-600 {
  background-color: #467bd4;
}
.color-primary-700 {
  color: #3a68b2;
}
.background-primary-700 {
  background-color: #3a68b2;
}
.color-primary-800 {
  color: #315795;
}
.background-primary-800 {
  background-color: #315795;
}
.color-primary-900 {
  color: #284679;
}
.background-primary-900 {
  background-color: #284679;
}
.color-accent1 {
  color: #e91e63;
}
.background-accent1 {
  background-color: #e91e63;
}
.color-accent1-100 {
  color: #fef2f6;
}
.background-accent1-100 {
  background-color: #fef2f6;
}
.color-accent1-200 {
  color: #fbd7e3;
}
.background-accent1-200 {
  background-color: #fbd7e3;
}
.color-accent1-300 {
  color: #f598b7;
}
.background-accent1-300 {
  background-color: #f598b7;
}
.color-accent1-400 {
  color: #ef5d8f;
}
.background-accent1-400 {
  background-color: #ef5d8f;
}
.color-accent1-500 {
  color: #e91e63;
}
.background-accent1-500 {
  background-color: #e91e63;
}
.color-accent1-600 {
  color: #cd1a57;
}
.background-accent1-600 {
  background-color: #cd1a57;
}
.color-accent1-700 {
  color: #aa1648;
}
.background-accent1-700 {
  background-color: #aa1648;
}
.color-accent1-800 {
  color: #871139;
}
.background-accent1-800 {
  background-color: #871139;
}
.color-accent1-900 {
  color: #670d2c;
}
.background-accent1-900 {
  background-color: #670d2c;
}
.color-accent2 {
  color: #68d0e3;
}
.background-accent2 {
  background-color: #68d0e3;
}
.color-accent2-100 {
  color: #f0fafc;
}
.background-accent2-100 {
  background-color: #f0fafc;
}
.color-accent2-200 {
  color: #dbf4f8;
}
.background-accent2-200 {
  background-color: #dbf4f8;
}
.color-accent2-300 {
  color: #c3ecf4;
}
.background-accent2-300 {
  background-color: #c3ecf4;
}
.color-accent2-400 {
  color: #98dfec;
}
.background-accent2-400 {
  background-color: #98dfec;
}
.color-accent2-500 {
  color: #68d0e3;
}
.background-accent2-500 {
  background-color: #68d0e3;
}
.color-accent2-600 {
  color: #5db9ca;
}
.background-accent2-600 {
  background-color: #5db9ca;
}
.color-accent2-700 {
  color: #4c98a6;
}
.background-accent2-700 {
  background-color: #4c98a6;
}
.color-accent2-800 {
  color: #3e7d88;
}
.background-accent2-800 {
  background-color: #3e7d88;
}
.color-accent2-900 {
  color: #2e5c64;
}
.background-accent2-900 {
  background-color: #2e5c64;
}
.color-success {
  color: #57c559;
}
.background-success {
  background-color: #57c559;
}
.color-success-100 {
  color: #f0faf0;
}
.background-success-100 {
  background-color: #f0faf0;
}
.color-success-200 {
  color: #daf2da;
}
.background-success-200 {
  background-color: #daf2da;
}
.color-success-300 {
  color: #ade3ae;
}
.background-success-300 {
  background-color: #ade3ae;
}
.color-success-400 {
  color: #84d586;
}
.background-success-400 {
  background-color: #84d586;
}
.color-success-500 {
  color: #57c559;
}
.background-success-500 {
  background-color: #57c559;
}
.color-success-600 {
  color: #4dad4e;
}
.background-success-600 {
  background-color: #4dad4e;
}
.color-success-700 {
  color: #409041;
}
.background-success-700 {
  background-color: #409041;
}
.color-success-800 {
  color: #316e32;
}
.background-success-800 {
  background-color: #316e32;
}
.color-success-900 {
  color: #255325;
}
.background-success-900 {
  background-color: #255325;
}
.color-warning {
  color: #eea314;
}
.background-warning {
  background-color: #eea314;
}
.color-warning-100 {
  color: #fef8ec;
}
.background-warning-100 {
  background-color: #fef8ec;
}
.color-warning-200 {
  color: #fbecce;
}
.background-warning-200 {
  background-color: #fbecce;
}
.color-warning-300 {
  color: #f7d695;
}
.background-warning-300 {
  background-color: #f7d695;
}
.color-warning-400 {
  color: #f3bd56;
}
.background-warning-400 {
  background-color: #f3bd56;
}
.color-warning-500 {
  color: #eea314;
}
.background-warning-500 {
  background-color: #eea314;
}
.color-warning-600 {
  color: #d18f12;
}
.background-warning-600 {
  background-color: #d18f12;
}
.color-warning-700 {
  color: #ae770f;
}
.background-warning-700 {
  background-color: #ae770f;
}
.color-warning-800 {
  color: #8a5f0c;
}
.background-warning-800 {
  background-color: #8a5f0c;
}
.color-warning-900 {
  color: #724e0a;
}
.background-warning-900 {
  background-color: #724e0a;
}
.color-danger {
  color: #eb5252;
}
.background-danger {
  background-color: #eb5252;
}
.color-danger-100 {
  color: #fef3f3;
}
.background-danger-100 {
  background-color: #fef3f3;
}
.color-danger-200 {
  color: #fbe0e0;
}
.background-danger-200 {
  background-color: #fbe0e0;
}
.color-danger-300 {
  color: #f6b3b3;
}
.background-danger-300 {
  background-color: #f6b3b3;
}
.color-danger-400 {
  color: #f07f7f;
}
.background-danger-400 {
  background-color: #f07f7f;
}
.color-danger-500 {
  color: #eb5252;
}
.background-danger-500 {
  background-color: #eb5252;
}
.color-danger-600 {
  color: #cf4848;
}
.background-danger-600 {
  background-color: #cf4848;
}
.color-danger-700 {
  color: #ac3c3c;
}
.background-danger-700 {
  background-color: #ac3c3c;
}
.color-danger-800 {
  color: #883030;
}
.background-danger-800 {
  background-color: #883030;
}
.color-danger-900 {
  color: #712727;
}
.background-danger-900 {
  background-color: #712727;
}

/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*------------------------------------*\
   Rise and Enter
\*------------------------------------*/
@keyframes riseandenter {
  0% {
    opacity: 0;
    top: 20px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
    General Text Formatting
\*------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  color: #555a5f;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
}
/*------------------------------------*\
    Headers
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  color: inherit;
}
h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 22px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
.u-light {
  font-weight: 200;
}
/*------------------------------------*\
     Text Smoothing
\*------------------------------------*/
.mixin-light-on-dark-smoothing {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.mixin-dark-on-light-smoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.mixin-no-smoothing {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
/*------------------------------------*\
     A
\*------------------------------------*/
a {
  color: #4f8cf1;
  text-decoration: none;
  transition: color 0.1s;
}
a.u-div {
  color: #333;
}
a.u-div:hover {
  text-decoration: none;
  color: #333;
}
a,
a:hover,
a:focus,
a:active,
a::after,
a:visited {
  outline: none;
}
a:visited,
a:active,
a::after,
a:focus {
  text-decoration: none;
}
a.u-blackLink {
  color: #444;
}
a.u-blackLink:hover {
  color: #444;
}
a.u-backLink {
  color: #888;
  transition: color 0.2s;
}
a.u-backLink:hover {
  text-decoration: none;
  color: #222;
}
a.u-nolink {
  color: #555a5f;
}
a.u-nolink:hover {
  color: #555a5f;
  text-decoration: none;
}
/*------------------------------------*\
    P
\*------------------------------------*/
p.margined {
  margin-bottom: 10px !important;
}
p.weak {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}
p.u-small {
  font-size: 11px;
}
/*------------------------------------*\
  Span
\*------------------------------------*/
span.light {
  color: #999;
  font-size: 90%;
}
/*------------------------------------*\
   Lists
\*------------------------------------*/
ul {
  margin: 0 0 0 15px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}
/*------------------------------------*\
    Links
\*------------------------------------*/
.link {
  color: #30a5df;
  transition: color 0.1s;
}
.link:hover {
  color: #35a9df;
  cursor: pointer;
  text-decoration: underline;
}
/*------------------------------------*\
   Styling
\*------------------------------------*/
.u-underline {
  text-decoration: underline;
}
.u-linethrough {
  text-decoration: line-through;
}
/*------------------------------------*\
   Ellipsis
\*------------------------------------*/
.mixin-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*------------------------------------*\
   Styling
\*------------------------------------*/
.u-light {
  font-weight: 200;
}
.u-semibold {
  font-weight: 600;
}
.u-bold {
  font-weight: 700;
}
.u-ColorMain {
  color: #5ecadf;
}
.u-backgroundColorMain {
  background-color: #5ecadf;
}
.u-gradientDarkenColorMain {
  background: #5ecadf;
  background-image: linear-gradient(to bottom, #5ecadf 0%, #28aec9 100%);
}
.u-gradientLightenColorMain {
  background: #5ecadf;
  background-image: linear-gradient(to bottom, #5ecadf 0%, #9edfec 100%);
}
.u-ColorBlue {
  color: #5cb8e6;
}
.u-backgroundColorBlue {
  background-color: #5cb8e6;
}
.u-gradientDarkenColorBlue {
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #5cb8e6 0%, #2199d5 100%);
}
.u-gradientLightenColorBlue {
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #5cb8e6 0%, #9ed5f0 100%);
}
.u-ColorTeal {
  color: #5bd4c0;
}
.u-backgroundColorTeal {
  background-color: #5bd4c0;
}
.u-gradientDarkenColorTeal {
  background: #5bd4c0;
  background-image: linear-gradient(to bottom, #5bd4c0 0%, #2fb39e 100%);
}
.u-gradientLightenColorTeal {
  background: #5bd4c0;
  background-image: linear-gradient(to bottom, #5bd4c0 0%, #98e4d7 100%);
}
.u-ColorLime {
  color: #afcc5a;
}
.u-backgroundColorLime {
  background-color: #afcc5a;
}
.u-gradientDarkenColorLime {
  background: #afcc5a;
  background-image: linear-gradient(to bottom, #afcc5a 0%, #89a633 100%);
}
.u-gradientLightenColorLime {
  background: #afcc5a;
  background-image: linear-gradient(to bottom, #afcc5a 0%, #cbde94 100%);
}
.u-ColorPurple {
  color: #5969e2;
}
.u-backgroundColorPurple {
  background-color: #5969e2;
}
.u-gradientDarkenColorPurple {
  background: #5969e2;
  background-image: linear-gradient(to bottom, #5969e2 0%, #2337cb 100%);
}
.u-gradientLightenColorPurple {
  background: #5969e2;
  background-image: linear-gradient(to bottom, #5969e2 0%, #9aa4ed 100%);
}
.u-ColorYellow {
  color: #e0c437;
}
.u-backgroundColorYellow {
  background-color: #e0c437;
}
.u-gradientDarkenColorYellow {
  background: #e0c437;
  background-image: linear-gradient(to bottom, #e0c437 0%, #af971b 100%);
}
.u-gradientLightenColorYellow {
  background: #e0c437;
  background-image: linear-gradient(to bottom, #e0c437 0%, #ead879 100%);
}
.u-ColorRed {
  color: #eb5252;
}
.u-backgroundColorRed {
  background-color: #eb5252;
}
.u-gradientDarkenColorRed {
  background: #eb5252;
  background-image: linear-gradient(to bottom, #eb5252 0%, #d81919 100%);
}
.u-gradientLightenColorRed {
  background: #eb5252;
  background-image: linear-gradient(to bottom, #eb5252 0%, #f39797 100%);
}
.u-ColorOrange {
  color: #e5c380;
}
.u-backgroundColorOrange {
  background-color: #e5c380;
}
.u-gradientDarkenColorOrange {
  background: #e5c380;
  background-image: linear-gradient(to bottom, #e5c380 0%, #d8a540 100%);
}
.u-gradientLightenColorOrange {
  background: #e5c380;
  background-image: linear-gradient(to bottom, #e5c380 0%, #f2e1c0 100%);
}
.u-ColorViolet {
  color: #809ae5;
}
.u-backgroundColorViolet {
  background-color: #809ae5;
}
.u-gradientDarkenColorViolet {
  background: #809ae5;
  background-image: linear-gradient(to bottom, #809ae5 0%, #4067d8 100%);
}
.u-gradientLightenColorViolet {
  background: #809ae5;
  background-image: linear-gradient(to bottom, #809ae5 0%, #c0ccf2 100%);
}
.u-ColorGreen {
  color: #57c559;
}
.u-backgroundColorGreen {
  background-color: #57c559;
}
.u-gradientDarkenColorGreen {
  background: #57c559;
  background-image: linear-gradient(to bottom, #57c559 0%, #359a37 100%);
}
.u-gradientLightenColorGreen {
  background: #57c559;
  background-image: linear-gradient(to bottom, #57c559 0%, #90d991 100%);
}
.u-ColorWhite {
  color: #fff;
}
.u-backgroundColorWhite {
  background-color: #fff;
}
.u-gradientDarkenColorWhite {
  background: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #d9d9d9 100%);
}
.u-gradientLightenColorWhite {
  background: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #ffffff 100%);
}
.u-colorMain {
  color: #5ecadf;
}
.u-colorBlue {
  color: #5cb8e6;
}
.u-colorTeal {
  color: #5bd4c0;
}
.u-colorLime {
  color: #afcc5a;
}
.u-colorPurple {
  color: #5969e2;
}
.u-colorYellow {
  color: #e0c437;
}
.u-colorRed {
  color: #eb5252;
}
.u-colorOrange {
  color: #e5c380;
}
.u-colorViolet {
  color: #809ae5;
}
.u-colorGreen {
  color: #57c559;
}
.u-colorWhite {
  color: #fff;
}
/*
  Utilities are intended to be used directly in the
  HTML for one off styling.
*/
/*------------------------------------*\
   Page Adjustements
\*------------------------------------*/
.mixin-inline-block-top,
.u-inlineBlockTop {
  display: inline-block;
  vertical-align: top;
}
.u-inlineBlock {
  display: inline-block;
}
.u-block {
  display: block;
}
.u-relative {
  position: relative;
}
.u-absolute {
  position: absolute;
}
.u-marginCenter {
  margin: 0 auto;
}
/*------------------------------------*\
    Smoothing
\*------------------------------------*/
.u-lightOnDarkSmoothing {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.u-darkOnLightSmoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
/*------------------------------------*\
  Borders
\*------------------------------------*/
.u-borderBottom {
  border-bottom: 1px solid #dadada;
}
.u-borderTop {
  border-top: 1px solid #dadada;
}
/*------------------------------------*\
    Horizontal Navigation
\*------------------------------------*/
.mixin-horizontal-nav,
.u-horizontalNav {
  list-style-type: none;
}
.mixin-horizontal-nav li,
.u-horizontalNav li,
.mixin-horizontal-nav a,
.u-horizontalNav a {
  display: inline-block;
}
/*------------------------------------*\
    Floats
\*------------------------------------*/
.u-floatRight {
  float: right !important;
}
.u-floatLeft {
  float: left !important;
}
/*------------------------------------*\
    Div Formatting
\*------------------------------------*/
.u-divCenter {
  margin: 0 auto;
}
.u-noWordWrap {
  word-wrap: none;
}
/*------------------------------------*\
  Hiding and Showing
\*------------------------------------*/
.u-hidden {
  display: none !important;
}
/*------------------------------------*\
    Fixes
\*------------------------------------*/
.u-clear {
  clear: both;
}
.mixin-floatfix::after,
.u-floatfix::after {
  display: table;
  content: " ";
  clear: both;
}
.mixin-emptyfix:empty,
.u-emptyfix:empty {
  display: none;
}
.mixin-clearfix::after,
.u-clearfix::after {
  content: " ";
  display: table;
}
/*------------------------------------*\
   Fonts
\*------------------------------------*/
.u-lowercase {
  text-transform: lowercase;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-capitalize {
  text-transform: capitalize;
}
.u-center {
  text-align: center;
}
.u-right {
  text-align: right;
}
.u-left {
  text-align: left;
}
.u-justify {
  text-align: justify;
}
.u-bottom {
  text-align: 'bottom';
}
/*------------------------------------*\
  Cursor
\*------------------------------------*/
.u-hoverable:hover {
  cursor: pointer;
}
.u-help:hover {
  cursor: help;
}
/*------------------------------------*\
   Spacing
\*------------------------------------*/
.u-padding-20 {
  padding: -20px !important;
}
.u-paddingTop-20 {
  padding-top: -20px !important;
}
.u-paddingRight-20 {
  padding-right: -20px !important;
}
.u-paddingBottom-20 {
  padding-bottom: -20px !important;
}
.u-paddingLeft-20 {
  padding-left: -20px !important;
}
.u-margin-20 {
  margin: -20px !important;
}
.u-marginTop-20 {
  margin-top: -20px !important;
}
.u-marginRight-20 {
  margin-right: -20px !important;
}
.u-marginBottom-20 {
  margin-bottom: -20px !important;
}
.u-marginLeft-20 {
  margin-left: -20px !important;
}
.u-padding-15 {
  padding: -15px !important;
}
.u-paddingTop-15 {
  padding-top: -15px !important;
}
.u-paddingRight-15 {
  padding-right: -15px !important;
}
.u-paddingBottom-15 {
  padding-bottom: -15px !important;
}
.u-paddingLeft-15 {
  padding-left: -15px !important;
}
.u-margin-15 {
  margin: -15px !important;
}
.u-marginTop-15 {
  margin-top: -15px !important;
}
.u-marginRight-15 {
  margin-right: -15px !important;
}
.u-marginBottom-15 {
  margin-bottom: -15px !important;
}
.u-marginLeft-15 {
  margin-left: -15px !important;
}
.u-padding-10 {
  padding: -10px !important;
}
.u-paddingTop-10 {
  padding-top: -10px !important;
}
.u-paddingRight-10 {
  padding-right: -10px !important;
}
.u-paddingBottom-10 {
  padding-bottom: -10px !important;
}
.u-paddingLeft-10 {
  padding-left: -10px !important;
}
.u-margin-10 {
  margin: -10px !important;
}
.u-marginTop-10 {
  margin-top: -10px !important;
}
.u-marginRight-10 {
  margin-right: -10px !important;
}
.u-marginBottom-10 {
  margin-bottom: -10px !important;
}
.u-marginLeft-10 {
  margin-left: -10px !important;
}
.u-padding-5 {
  padding: -5px !important;
}
.u-paddingTop-5 {
  padding-top: -5px !important;
}
.u-paddingRight-5 {
  padding-right: -5px !important;
}
.u-paddingBottom-5 {
  padding-bottom: -5px !important;
}
.u-paddingLeft-5 {
  padding-left: -5px !important;
}
.u-margin-5 {
  margin: -5px !important;
}
.u-marginTop-5 {
  margin-top: -5px !important;
}
.u-marginRight-5 {
  margin-right: -5px !important;
}
.u-marginBottom-5 {
  margin-bottom: -5px !important;
}
.u-marginLeft-5 {
  margin-left: -5px !important;
}
.u-padding0 {
  padding: 0px !important;
}
.u-paddingTop0 {
  padding-top: 0px !important;
}
.u-paddingRight0 {
  padding-right: 0px !important;
}
.u-paddingBottom0 {
  padding-bottom: 0px !important;
}
.u-paddingLeft0 {
  padding-left: 0px !important;
}
.u-margin0 {
  margin: 0px !important;
}
.u-marginTop0 {
  margin-top: 0px !important;
}
.u-marginRight0 {
  margin-right: 0px !important;
}
.u-marginBottom0 {
  margin-bottom: 0px !important;
}
.u-marginLeft0 {
  margin-left: 0px !important;
}
.u-padding5 {
  padding: 5px !important;
}
.u-paddingTop5 {
  padding-top: 5px !important;
}
.u-paddingRight5 {
  padding-right: 5px !important;
}
.u-paddingBottom5 {
  padding-bottom: 5px !important;
}
.u-paddingLeft5 {
  padding-left: 5px !important;
}
.u-margin5 {
  margin: 5px !important;
}
.u-marginTop5 {
  margin-top: 5px !important;
}
.u-marginRight5 {
  margin-right: 5px !important;
}
.u-marginBottom5 {
  margin-bottom: 5px !important;
}
.u-marginLeft5 {
  margin-left: 5px !important;
}
.u-padding10 {
  padding: 10px !important;
}
.u-paddingTop10 {
  padding-top: 10px !important;
}
.u-paddingRight10 {
  padding-right: 10px !important;
}
.u-paddingBottom10 {
  padding-bottom: 10px !important;
}
.u-paddingLeft10 {
  padding-left: 10px !important;
}
.u-margin10 {
  margin: 10px !important;
}
.u-marginTop10 {
  margin-top: 10px !important;
}
.u-marginRight10 {
  margin-right: 10px !important;
}
.u-marginBottom10 {
  margin-bottom: 10px !important;
}
.u-marginLeft10 {
  margin-left: 10px !important;
}
.u-padding15 {
  padding: 15px !important;
}
.u-paddingTop15 {
  padding-top: 15px !important;
}
.u-paddingRight15 {
  padding-right: 15px !important;
}
.u-paddingBottom15 {
  padding-bottom: 15px !important;
}
.u-paddingLeft15 {
  padding-left: 15px !important;
}
.u-margin15 {
  margin: 15px !important;
}
.u-marginTop15 {
  margin-top: 15px !important;
}
.u-marginRight15 {
  margin-right: 15px !important;
}
.u-marginBottom15 {
  margin-bottom: 15px !important;
}
.u-marginLeft15 {
  margin-left: 15px !important;
}
.u-padding20 {
  padding: 20px !important;
}
.u-paddingTop20 {
  padding-top: 20px !important;
}
.u-paddingRight20 {
  padding-right: 20px !important;
}
.u-paddingBottom20 {
  padding-bottom: 20px !important;
}
.u-paddingLeft20 {
  padding-left: 20px !important;
}
.u-margin20 {
  margin: 20px !important;
}
.u-marginTop20 {
  margin-top: 20px !important;
}
.u-marginRight20 {
  margin-right: 20px !important;
}
.u-marginBottom20 {
  margin-bottom: 20px !important;
}
.u-marginLeft20 {
  margin-left: 20px !important;
}
.u-padding25 {
  padding: 25px !important;
}
.u-paddingTop25 {
  padding-top: 25px !important;
}
.u-paddingRight25 {
  padding-right: 25px !important;
}
.u-paddingBottom25 {
  padding-bottom: 25px !important;
}
.u-paddingLeft25 {
  padding-left: 25px !important;
}
.u-margin25 {
  margin: 25px !important;
}
.u-marginTop25 {
  margin-top: 25px !important;
}
.u-marginRight25 {
  margin-right: 25px !important;
}
.u-marginBottom25 {
  margin-bottom: 25px !important;
}
.u-marginLeft25 {
  margin-left: 25px !important;
}
.u-padding30 {
  padding: 30px !important;
}
.u-paddingTop30 {
  padding-top: 30px !important;
}
.u-paddingRight30 {
  padding-right: 30px !important;
}
.u-paddingBottom30 {
  padding-bottom: 30px !important;
}
.u-paddingLeft30 {
  padding-left: 30px !important;
}
.u-margin30 {
  margin: 30px !important;
}
.u-marginTop30 {
  margin-top: 30px !important;
}
.u-marginRight30 {
  margin-right: 30px !important;
}
.u-marginBottom30 {
  margin-bottom: 30px !important;
}
.u-marginLeft30 {
  margin-left: 30px !important;
}
.u-padding35 {
  padding: 35px !important;
}
.u-paddingTop35 {
  padding-top: 35px !important;
}
.u-paddingRight35 {
  padding-right: 35px !important;
}
.u-paddingBottom35 {
  padding-bottom: 35px !important;
}
.u-paddingLeft35 {
  padding-left: 35px !important;
}
.u-margin35 {
  margin: 35px !important;
}
.u-marginTop35 {
  margin-top: 35px !important;
}
.u-marginRight35 {
  margin-right: 35px !important;
}
.u-marginBottom35 {
  margin-bottom: 35px !important;
}
.u-marginLeft35 {
  margin-left: 35px !important;
}
.u-padding40 {
  padding: 40px !important;
}
.u-paddingTop40 {
  padding-top: 40px !important;
}
.u-paddingRight40 {
  padding-right: 40px !important;
}
.u-paddingBottom40 {
  padding-bottom: 40px !important;
}
.u-paddingLeft40 {
  padding-left: 40px !important;
}
.u-margin40 {
  margin: 40px !important;
}
.u-marginTop40 {
  margin-top: 40px !important;
}
.u-marginRight40 {
  margin-right: 40px !important;
}
.u-marginBottom40 {
  margin-bottom: 40px !important;
}
.u-marginLeft40 {
  margin-left: 40px !important;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/

/*!
 *  The Black Tie Font is commercial software. Please do not distribute.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'Black Tie';
  src: url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.eot);
  src: url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.eot?#iefix&v=1.0.0) format('embedded-opentype'), url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.woff2) format('woff2'), url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.woff) format('woff'), url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.ttf) format('truetype'), url(https://media.vetcove.com/static/dist/app/static/fonts/blacktie/BlackTie-Light-webfont.svg#black_tielight) format('svg');
  font-weight: 200;
  font-style: normal;
}
.bts,
.btb,
.btr,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.bts {
  font-weight: 900;
}
.btb {
  font-weight: 700;
}
.btl {
  font-weight: 200;
}
.fab {
  font-family: "Font Awesome Brands";
}
/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline;
}
/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.bt-2x {
  font-size: 2em;
}
.bt-3x {
  font-size: 3em;
}
.bt-4x {
  font-size: 4em;
}
.bt-5x {
  font-size: 5em;
}
.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%;
}
.bt-fw {
  width: 1.28571429em;
  text-align: center;
}
.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.bt-ul > li {
  position: relative;
}
.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.bt-li.bt-lg {
  left: -2em;
}
.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.bts.pull-left,
.btb.pull-left,
.btr.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em;
}
.bts.pull-right,
.btb.pull-right,
.btr.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em;
}
.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear;
}
.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8);
}
@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none;
}
.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline;
}
.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em;
}
.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bt-inverse {
  color: #ffffff;
}
/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000";
}
.bt-envelope:before {
  content: "\f001";
}
.bt-search:before {
  content: "\f002";
}
.bt-search-plus:before {
  content: "\f003";
}
.bt-search-minus:before {
  content: "\f004";
}
.bt-phone:before {
  content: "\f005";
}
.bt-comment:before {
  content: "\f007";
}
.bt-commenting:before {
  content: "\f008";
}
.bt-comments:before {
  content: "\f009";
}
.bt-rss:before {
  content: "\f00a";
}
.bt-times:before {
  content: "\f00c";
}
.bt-times-circle:before {
  content: "\f00d";
}
.bt-clock:before {
  content: "\f00e";
}
.bt-star:before {
  content: "\f010";
}
.bt-star-half:before {
  content: "\f011";
}
.bt-check:before {
  content: "\f012";
}
.bt-check-circle:before {
  content: "\f013";
}
.bt-check-square:before {
  content: "\f014";
}
.bt-th:before {
  content: "\f015";
}
.bt-th-large:before {
  content: "\f016";
}
.bt-heart:before {
  content: "\f017";
}
.bt-heart-half:before {
  content: "\f018";
}
.bt-calendar:before {
  content: "\f019";
}
.bt-shopping-cart:before {
  content: "\f01a";
}
.bt-plus:before {
  content: "\f01b";
}
.bt-plus-circle:before {
  content: "\f01c";
}
.bt-plus-square:before {
  content: "\f01d";
}
.bt-pen:before {
  content: "\f01e";
}
.bt-minus:before {
  content: "\f021";
}
.bt-minus-circle:before {
  content: "\f022";
}
.bt-minus-square:before {
  content: "\f023";
}
.bt-pencil:before {
  content: "\f024";
}
.bt-edit:before {
  content: "\f025";
}
.bt-thumbs-up:before {
  content: "\f026";
}
.bt-thumbs-down:before {
  content: "\f027";
}
.bt-gear:before {
  content: "\f028";
}
.bt-trash:before {
  content: "\f029";
}
.bt-file:before {
  content: "\f02a";
}
.bt-info-circle:before {
  content: "\f02b";
}
.bt-label:before {
  content: "\f02c";
}
.bt-rocket:before {
  content: "\f02d";
}
.bt-book:before {
  content: "\f02e";
}
.bt-book-open:before {
  content: "\f02f";
}
.bt-notebook:before {
  content: "\f030";
}
.bt-camera:before {
  content: "\f031";
}
.bt-folder:before {
  content: "\f032";
}
.bt-quote-left:before {
  content: "\f036";
}
.bt-quote-right:before {
  content: "\f037";
}
.bt-eye:before {
  content: "\f038";
}
.bt-lock:before {
  content: "\f039";
}
.bt-lock-open:before {
  content: "\f03a";
}
.bt-gift:before {
  content: "\f03b";
}
.bt-spinner-clock:before {
  content: "\f03c";
}
.bt-spinner:before {
  content: "\f03d";
}
.bt-wrench:before {
  content: "\f03e";
}
.bt-cloud:before {
  content: "\f040";
}
.bt-cloud-upload:before {
  content: "\f041";
}
.bt-cloud-download:before {
  content: "\f042";
}
.bt-sync:before {
  content: "\f043";
}
.bt-question-circle:before {
  content: "\f044";
}
.bt-share:before {
  content: "\f045";
}
.bt-briefcase:before {
  content: "\f046";
}
.bt-money:before {
  content: "\f047";
}
.bt-megaphone:before {
  content: "\f048";
}
.bt-sign-in:before {
  content: "\f049";
}
.bt-sign-out:before {
  content: "\f04a";
}
.bt-film:before {
  content: "\f04b";
}
.bt-trophy:before {
  content: "\f04c";
}
.bt-code:before {
  content: "\f04d";
}
.bt-light-bulb:before {
  content: "\f04e";
}
.bt-print:before {
  content: "\f050";
}
.bt-fax:before {
  content: "\f051";
}
.bt-video:before {
  content: "\f052";
}
.bt-signal:before {
  content: "\f053";
}
.bt-sitemap:before {
  content: "\f054";
}
.bt-upload:before {
  content: "\f055";
}
.bt-download:before {
  content: "\f056";
}
.bt-key:before {
  content: "\f057";
}
.bt-mug:before {
  content: "\f058";
}
.bt-bookmark:before {
  content: "\f059";
}
.bt-flag:before {
  content: "\f05a";
}
.bt-external-link:before {
  content: "\f05b";
}
.bt-smile:before {
  content: "\f05c";
}
.bt-frown:before {
  content: "\f05d";
}
.bt-meh:before {
  content: "\f05e";
}
.bt-magic:before {
  content: "\f060";
}
.bt-bolt:before {
  content: "\f061";
}
.bt-exclamation-triangle:before {
  content: "\f062";
}
.bt-exclamation-circle:before {
  content: "\f063";
}
.bt-flask:before {
  content: "\f064";
}
.bt-music:before {
  content: "\f065";
}
.bt-push-pin:before {
  content: "\f066";
}
.bt-shield:before {
  content: "\f067";
}
.bt-sort:before {
  content: "\f068";
}
.bt-reply:before {
  content: "\f069";
}
.bt-forward:before {
  content: "\f06a";
}
.bt-reply-all:before {
  content: "\f06b";
}
.bt-forward-all:before {
  content: "\f06c";
}
.bt-bell:before {
  content: "\f06d";
}
.bt-bell-off:before {
  content: "\f06e";
}
.bt-ban:before {
  content: "\f070";
}
.bt-database:before {
  content: "\f071";
}
.bt-hard-drive:before {
  content: "\f072";
}
.bt-merge:before {
  content: "\f073";
}
.bt-fork:before {
  content: "\f074";
}
.bt-wifi:before {
  content: "\f075";
}
.bt-paper-plane:before {
  content: "\f076";
}
.bt-inbox:before {
  content: "\f077";
}
.bt-fire:before {
  content: "\f078";
}
.bt-play:before {
  content: "\f079";
}
.bt-pause:before {
  content: "\f07a";
}
.bt-stop:before {
  content: "\f08b";
}
.bt-play-circle:before {
  content: "\f07b";
}
.bt-next:before {
  content: "\f07c";
}
.bt-previous:before {
  content: "\f07d";
}
.bt-repeat:before {
  content: "\f07e";
}
.bt-fast-forward:before {
  content: "\f080";
}
.bt-fast-reverse:before {
  content: "\f081";
}
.bt-volume:before {
  content: "\f082";
}
.bt-volume-off:before {
  content: "\f083";
}
.bt-volume-up:before {
  content: "\f084";
}
.bt-volume-down:before {
  content: "\f085";
}
.bt-maximize:before {
  content: "\f086";
}
.bt-minimize:before {
  content: "\f087";
}
.bt-closed-captions:before {
  content: "\f088";
}
.bt-shuffle:before {
  content: "\f089";
}
.bt-triangle:before {
  content: "\f08a";
}
.bt-square:before {
  content: "\f08b";
}
.bt-circle:before {
  content: "\f08c";
}
.bt-hexagon:before {
  content: "\f08d";
}
.bt-octagon:before {
  content: "\f08e";
}
.bt-angle-up:before {
  content: "\f090";
}
.bt-angle-down:before {
  content: "\f091";
}
.bt-angle-left:before {
  content: "\f092";
}
.bt-angle-right:before {
  content: "\f093";
}
.bt-angles-up:before {
  content: "\f094";
}
.bt-angles-down:before {
  content: "\f095";
}
.bt-angles-left:before {
  content: "\f096";
}
.bt-angles-right:before {
  content: "\f097";
}
.bt-arrow-up:before {
  content: "\f098";
}
.bt-arrow-down:before {
  content: "\f099";
}
.bt-arrow-left:before {
  content: "\f09a";
}
.bt-arrow-right:before {
  content: "\f09b";
}
.bt-bar-chart:before {
  content: "\f09c";
}
.bt-pie-chart:before {
  content: "\f09d";
}
.bt-circle-arrow-up:before {
  content: "\f0a0";
}
.bt-circle-arrow-down:before {
  content: "\f0a1";
}
.bt-circle-arrow-left:before {
  content: "\f0a2";
}
.bt-circle-arrow-right:before {
  content: "\f0a3";
}
.bt-caret-up:before {
  content: "\f0a4";
}
.bt-caret-down:before {
  content: "\f0a5";
}
.bt-caret-left:before {
  content: "\f0a6";
}
.bt-caret-right:before {
  content: "\f0a7";
}
.bt-long-arrow-up:before {
  content: "\f0a8";
}
.bt-long-arrow-down:before {
  content: "\f0a9";
}
.bt-long-arrow-left:before {
  content: "\f0aa";
}
.bt-long-arrow-right:before {
  content: "\f0ab";
}
.bt-Bold:before {
  content: "\f0ac";
}
.bt-italic:before {
  content: "\f0ad";
}
.bt-underline:before {
  content: "\f0ae";
}
.bt-link:before {
  content: "\f0b0";
}
.bt-paper-clip:before {
  content: "\f0b1";
}
.bt-align-left:before {
  content: "\f0b2";
}
.bt-align-center:before {
  content: "\f0b3";
}
.bt-align-right:before {
  content: "\f0b4";
}
.bt-align-justify:before {
  content: "\f0b5";
}
.bt-cut:before {
  content: "\f0b6";
}
.bt-copy:before {
  content: "\f0b7";
}
.bt-paste:before {
  content: "\f0b8";
}
.bt-photo:before {
  content: "\f0b9";
}
.bt-table:before {
  content: "\f0ba";
}
.bt-ulist:before {
  content: "\f0bb";
}
.bt-olist:before {
  content: "\f0bc";
}
.bt-indent:before {
  content: "\f0bd";
}
.bt-outdent:before {
  content: "\f0be";
}
.bt-undo:before {
  content: "\f0c0";
}
.bt-redo:before {
  content: "\f0c1";
}
.bt-sup:before {
  content: "\f0c2";
}
.bt-sub:before {
  content: "\f0c3";
}
.bt-text-size:before {
  content: "\f0c4";
}
.bt-text-color:before {
  content: "\f0c5";
}
.bt-remove-formatting:before {
  content: "\f0c6";
}
.bt-blockquote:before {
  content: "\f036";
}
.bt-globe:before {
  content: "\f0c7";
}
.bt-map:before {
  content: "\f0c8";
}
.bt-map-arrow:before {
  content: "\f0c9";
}
.bt-map-marker:before {
  content: "\f0ca";
}
.bt-map-pin:before {
  content: "\f0cb";
}
.bt-home:before {
  content: "\f0cc";
}
.bt-building:before {
  content: "\f0cd";
}
.bt-industry:before {
  content: "\f0ce";
}
.bt-desktop:before {
  content: "\f0d0";
}
.bt-laptop:before {
  content: "\f0d1";
}
.bt-tablet:before {
  content: "\f0d2";
}
.bt-mobile:before {
  content: "\f0d3";
}
.bt-tv:before {
  content: "\f0d4";
}
.bt-radio-checked:before {
  content: "\f0d5";
}
.bt-radio-unchecked:before {
  content: "\f08c";
}
.bt-checkbox-checked:before {
  content: "\f014";
}
.bt-checkbox-unchecked:before {
  content: "\f08b";
}
.bt-checkbox-intermediate:before {
  content: "\f023";
}
.bt-user:before {
  content: "\f0d6";
}
.bt-user-male:before {
  content: "\f0d6";
}
.bt-user-female:before {
  content: "\f0d7";
}
.bt-crown:before {
  content: "\f0d8";
}
.bt-credit-card:before {
  content: "\f0d9";
}
.bt-strikethrough:before {
  content: "\f0da";
}
.bt-eject:before {
  content: "\f0db";
}
.bt-ellipsis-h:before {
  content: "\f0dc";
}
.bt-ellipsis-v:before {
  content: "\f0dd";
}
.fab-facebook:before {
  content: "\f000";
}
.fab-facebook-alt:before {
  content: "\f001";
}
.fab-twitter:before {
  content: "\f002";
}
.fab-linkedin:before {
  content: "\f003";
}
.fab-linkedin-alt:before {
  content: "\f004";
}
.fab-instagram:before {
  content: "\f005";
}
.fab-github:before {
  content: "\f006";
}
.fab-github-alt:before {
  content: "\f007";
}
.fab-googleplus:before {
  content: "\f008";
}
.fab-googleplus-alt:before {
  content: "\f009";
}
.fab-pinterest:before {
  content: "\f00a";
}
.fab-pinterest-alt:before {
  content: "\f00b";
}
.fab-tumblr:before {
  content: "\f00c";
}
.fab-tumblr-alt:before {
  content: "\f00d";
}
.fab-bitcoin:before {
  content: "\f010";
}
.fab-bitcoin-alt:before {
  content: "\f011";
}
.fab-dropbox:before {
  content: "\f012";
}
.fab-stackexchange:before {
  content: "\f013";
}
.fab-stackoverflow:before {
  content: "\f014";
}
.fab-flickr:before {
  content: "\f015";
}
.fab-flickr-alt:before {
  content: "\f016";
}
.fab-bitbucket:before {
  content: "\f017";
}
.fab-html5:before {
  content: "\f018";
}
.fab-css3:before {
  content: "\f019";
}
.fab-apple:before {
  content: "\f01a";
}
.fab-windows:before {
  content: "\f01b";
}
.fab-android:before {
  content: "\f01c";
}
.fab-linux:before {
  content: "\f01d";
}
.fab-dribbble:before {
  content: "\f01e";
}
.fab-youtube:before {
  content: "\f021";
}
.fab-skype:before {
  content: "\f022";
}
.fab-foursquare:before {
  content: "\f023";
}
.fab-trello:before {
  content: "\f024";
}
.fab-maxcdn:before {
  content: "\f025";
}
.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026";
}
.fab-vimeo:before {
  content: "\f027";
}
.fab-vimeo-alt:before {
  content: "\f028";
}
.fab-slack:before {
  content: "\f029";
}
.fab-wordpress:before {
  content: "\f02a";
}
.fab-wordpress-alt:before {
  content: "\f02b";
}
.fab-openid:before {
  content: "\f02c";
}
.fab-yahoo:before {
  content: "\f02d";
}
.fab-yahoo-alt:before {
  content: "\f02e";
}
.fab-reddit:before {
  content: "\f02f";
}
.fab-google:before {
  content: "\f030";
}
.fab-google-alt:before {
  content: "\f031";
}
.fab-stumbleupon:before {
  content: "\f032";
}
.fab-stumbleupon-alt:before {
  content: "\f033";
}
.fab-delicious:before {
  content: "\f034";
}
.fab-digg:before {
  content: "\f035";
}
.fab-piedpiper:before {
  content: "\f036";
}
.fab-piedpiper-alt:before {
  content: "\f037";
}
.fab-drupal:before {
  content: "\f038";
}
.fab-joomla:before {
  content: "\f039";
}
.fab-behance:before {
  content: "\f03a";
}
.fab-steam:before {
  content: "\f03b";
}
.fab-steam-alt:before {
  content: "\f03c";
}
.fab-spotify:before {
  content: "\f03d";
}
.fab-deviantart:before {
  content: "\f03e";
}
.fab-soundcloud:before {
  content: "\f040";
}
.fab-vine:before {
  content: "\f041";
}
.fab-codepen:before {
  content: "\f042";
}
.fab-jsfiddle:before {
  content: "\f043";
}
.fab-rebel:before {
  content: "\f044";
}
.fab-empire:before {
  content: "\f045";
}
.fab-git:before {
  content: "\f046";
}
.fab-hackernews:before {
  content: "\f047";
}
.fab-hackernews-alt:before {
  content: "\f048";
}
.fab-slideshare:before {
  content: "\f049";
}
.fab-twitch:before {
  content: "\f04a";
}
.fab-yelp:before {
  content: "\f04b";
}
.fab-paypal:before {
  content: "\f04c";
}
.fab-google-wallet:before {
  content: "\f04d";
}
.fab-angellist:before {
  content: "\f04e";
}
.fab-cc-visa:before {
  content: "\f050";
}
.fab-cc-mastercard:before {
  content: "\f051";
}
.fab-cc-discover:before {
  content: "\f052";
}
.fab-cc-amex:before {
  content: "\f053";
}
.fab-cc-paypal:before {
  content: "\f054";
}
.fab-cc-stripe:before {
  content: "\f055";
}
.fab-lastfm:before {
  content: "\f056";
}
.fab-whatsapp:before {
  content: "\f057";
}
.fab-medium:before {
  content: "\f058";
}
.fab-meanpath:before {
  content: "\f059";
}
.fab-meanpath-alt:before {
  content: "\f05a";
}
.fab-pagelines:before {
  content: "\f05b";
}
.fab-ioxhost:before {
  content: "\f060";
}
.fab-buysellads:before {
  content: "\f061";
}
.fab-buysellads-alt:before {
  content: "\f062";
}
.fab-connectdevelop:before {
  content: "\f063";
}
.fab-dashcube:before {
  content: "\f064";
}
.fab-forumbee:before {
  content: "\f065";
}
.fab-leanpub:before {
  content: "\f066";
}
.fab-sellsy:before {
  content: "\f067";
}
.fab-shirtsinbulk:before {
  content: "\f068";
}
.fab-simplybuilt:before {
  content: "\f069";
}
.fab-skyatlas:before {
  content: "\f06a";
}
.fab-viacoin:before {
  content: "\f06b";
}
.fab-codiepie:before {
  content: "\f06c";
}
.fab-queue:before {
  content: "\f06d";
}
.fab-queue-alt:before {
  content: "\f06e";
}
.fab-fonticons:before {
  content: "\f070";
}
.fab-fonticons-alt:before {
  content: "\f071";
}
.fab-blacktie:before {
  content: "\f072";
}
.fab-blacktie-alt:before {
  content: "\f073";
}
.fab-xing:before {
  content: "\f090";
}
.fab-vk:before {
  content: "\f091";
}
.fab-weibo:before {
  content: "\f092";
}
.fab-renren:before {
  content: "\f093";
}
.fab-tencent-weibo:before {
  content: "\f094";
}
.fab-qq:before {
  content: "\f095";
}
.fab-wechat:before,
.fab-weixin:before {
  content: "\f096";
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  width: 100% !important; /* Fix for chosen containers width issue */
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: linear-gradient(to bottom, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) no-repeat 100% -20px;
  background: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) no-repeat -30px -20px;
  background: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite.png) no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(https://media.vetcove.com/static/dist/app/static/img/plugins/chosen/chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */




/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #ee2200;
  vertical-align: top;
  font-size: 1.1em;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face{font-family:'FontAwesome';src:url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.eot);src:url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.woff2) format('woff2'),url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.woff) format('woff'),url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.ttf) format('truetype'),url(https://media.vetcove.com/static/dist/app/static/fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/** Trumbowyg v1.1.7 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:96%;min-height:300px;margin:17px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE}.trumbowyg-editor,.trumbowyg-textarea{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1% 2%;min-height:300px;width:100%;border-style:none;resize:none;outline:0}.trumbowyg-box-blur .trumbowyg-editor *{color:transparent!important;text-shadow:0 0 7px #333}.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;white-space:normal}.trumbowyg-editor[contenteditable=true]:empty:before{content:attr(placeholder);color:#999}.trumbowyg-button-pane{position:relative;width:100%;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-button-pane li{display:inline-block;text-align:center;overflow:hidden}.trumbowyg-button-pane li.trumbowyg-separator{width:1px;background:#d7e0e2;margin:0 5px;height:35px}.trumbowyg-button-pane.trumbowyg-disable li:not(.trumbowyg-not-disable) button:not(.trumbowyg-active){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator{background:#e3e9eb}.trumbowyg-button-pane li button.trumbowyg-active,.trumbowyg-button-pane li.trumbowyg-not-disable button:focus,.trumbowyg-button-pane li.trumbowyg-not-disable button:hover,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus,.trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover{background-color:#FFF;outline:0}.trumbowyg-button-pane li .trumbowyg-open-dropdown:after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-buttons-right{float:right;width:auto}.trumbowyg-button-pane .trumbowyg-buttons-right button{float:left}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;-webkit-box-shadow:rgba(0,0,0,.1) 0 2px 3px;box-shadow:rgba(0,0,0,.1) 0 2px 3px}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 14px;color:#333;border:none;cursor:pointer;text-align:left;font-size:15px;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-modal{position:absolute;top:0;left:50%;margin-left:-260px;width:520px;height:290px;overflow:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;margin-left:-250px;width:500px;height:275px;z-index:1;background-color:#FFF;text-align:center;-webkit-box-shadow:rgba(0,0,0,.2) 0 2px 3px;box-shadow:rgba(0,0,0,.2) 0 2px 3px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;background:red;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;height:100%;-webkit-transition:width .15s linear;-o-transition:width .15s linear;transition:width .15s linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;-webkit-transition:all .15;-o-transition:all .15;transition:all .15}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#859fa5;background-color:#fbfcfc;border:1px solid #DEDEDE;padding:0 2%;width:19.5%}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:25px;line-height:25px;border:1px solid #DEDEDE;background:0 0;width:72%;padding:0 2%;margin:0 0 0 23%;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:rgba(230,230,255,.1)}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;border-top:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc069}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47d;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a259}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d4d4d4}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);width:100%;left:0;display:none}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{width:auto;max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;white-space:normal!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{-webkit-box-shadow:none!important;box-shadow:none!important;background:none!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-button-pane li button{display:block;position:relative;text-indent:-9999px;width:35px;height:35px;overflow:hidden;background:url(https://media.vetcove.com/static/dist/app/static/img/plugins/trumbowyg/icons.png) no-repeat;border:none;cursor:pointer;-webkit-transition:background-color .15s,background-image .15s,opacity .15s;-o-transition:background-color .15s,background-image .15s,opacity .15s;transition:background-color .15s,background-image .15s,opacity .15s}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:5px -545px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:5px -120px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -45px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -470px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -445px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:5px -345px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:5px -245px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:5px -320px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:5px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:5px -395px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px -295px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:5px -495px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:5px -370px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:5px -220px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -170px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:5px -95px}.trumbowyg-fullscreen .trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -145px}.trumbowyg-button-pane li:first-child button{margin-left:6px}.trumbowyg-button-pane li:last-child button{margin-right:6px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -195px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -420px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -270px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:4/3),only screen and (min-device-pixel-ratio:1.3),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.trumbowyg-button-pane li button{-webkit-background-size:25px 575px!important;background-size:25px 575px!important;background-image:url(https://media.vetcove.com/static/dist/app/static/img/plugins/trumbowyg/icons-2x.png)!important}.trumbowyg-button-pane li button.trumbowyg-viewHTML-button{background-position:5px -545px}.trumbowyg-button-pane li button.trumbowyg-formatting-button{background-position:5px -120px}.trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -45px}.trumbowyg-button-pane li button.trumbowyg-em-button,.trumbowyg-button-pane li button.trumbowyg-italic-button{background-position:5px 5px}.trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -470px}.trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -445px}.trumbowyg-button-pane li button.trumbowyg-link-button{background-position:5px -345px}.trumbowyg-button-pane li button.trumbowyg-insertImage-button{background-position:5px -245px}.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button{background-position:5px -320px}.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button{background-position:5px -70px}.trumbowyg-button-pane li button.trumbowyg-justifyRight-button{background-position:5px -395px}.trumbowyg-button-pane li button.trumbowyg-justifyFull-button{background-position:5px -295px}.trumbowyg-button-pane li button.trumbowyg-unorderedList-button{background-position:5px -495px}.trumbowyg-button-pane li button.trumbowyg-orderedList-button{background-position:5px -370px}.trumbowyg-button-pane li button.trumbowyg-horizontalRule-button{background-position:5px -220px}.trumbowyg-button-pane li button.trumbowyg-fullscreen-button{background-position:5px -170px}.trumbowyg-button-pane li button.trumbowyg-close-button{background-position:5px -95px}.trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button{background-position:5px -145px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-bold-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strong-button{background-position:5px -195px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-underline-button{background-position:5px -420px}.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-del-button,.trumbowyg-fr .trumbowyg-button-pane li button.trumbowyg-strikethrough-button{background-position:5px -270px}}
.draftJsEmojiPlugin__emojiSelect__2SjnO {
  display: inline-block; }
  .draftJsEmojiPlugin__emojiSelectButton__1hHuM, .draftJsEmojiPlugin__emojiSelectButtonPressed__3sOeC {
    margin: 0;
    padding: 0;
    width: 2.5em;
    height: 1.5em;
    box-sizing: border-box;
    line-height: 1.2em;
    font-size: 1.5em;
    color: #888;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 1.5em;
    cursor: pointer; }
    .draftJsEmojiPlugin__emojiSelectButton__1hHuM:focus, .draftJsEmojiPlugin__emojiSelectButtonPressed__3sOeC:focus {
      outline: 0;
      /* reset for :focus */ }
    .draftJsEmojiPlugin__emojiSelectButton__1hHuM:hover, .draftJsEmojiPlugin__emojiSelectButtonPressed__3sOeC:hover {
      background: #f3f3f3; }
    .draftJsEmojiPlugin__emojiSelectButton__1hHuM:active, .draftJsEmojiPlugin__emojiSelectButtonPressed__3sOeC:active {
      background: #e6e6e6; }
    .draftJsEmojiPlugin__emojiSelectButtonPressed__3sOeC {
      background: #ededed; }
  .draftJsEmojiPlugin__emojiSelectPopover__3rwHu {
    margin-top: 10px;
    padding: 0 .3em;
    position: absolute;
    z-index: 1000;
    box-sizing: content-box;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 30px 0 gainsboro; }
    .draftJsEmojiPlugin__emojiSelectPopoverClosed__2FOLJ {
      display: none; }
    .draftJsEmojiPlugin__emojiSelectPopoverTitle__1Tw-i {
      margin: 0 0 .3em;
      padding-left: 1em;
      height: 2.5em;
      line-height: 2.5em;
      font-weight: normal;
      font-size: 1em;
      color: #9e9e9e; }
    .draftJsEmojiPlugin__emojiSelectPopoverGroups__3NIl6 {
      margin: 0 0 .3em;
      position: relative;
      z-index: 0;
      width: 21em;
      height: 20em; }
    .draftJsEmojiPlugin__emojiSelectPopoverGroup__2J_ye {
      padding: 0 .5em; }
      .draftJsEmojiPlugin__emojiSelectPopoverGroup__2J_ye:first-child .draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2gFs6 {
        display: none; }
      .draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2gFs6 {
        margin: 1em 0;
        padding-left: .5em;
        font-weight: normal;
        font-size: 1em;
        color: #9e9e9e; }
      .draftJsEmojiPlugin__emojiSelectPopoverGroupList__IYtlu {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: flex;
        list-style: none;
        flex-wrap: wrap; }
      .draftJsEmojiPlugin__emojiSelectPopoverGroupItem__2hlBb {
        width: 2.5em;
        height: 2.5em; }
    .draftJsEmojiPlugin__emojiSelectPopoverToneSelect__2GSYa {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 2; }
      .draftJsEmojiPlugin__emojiSelectPopoverToneSelectList__2iPME {
        margin: .3em;
        padding: .3em;
        position: absolute;
        display: -webkit-box;
        display: flex;
        list-style: none;
        border: 1px solid #e0e0e0;
        border-radius: .5em;
        background: #fff;
        box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1); }
      .draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__3VVdN {
        width: 2.5em;
        height: 2.5em; }
        .draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__3VVdN:first-child {
          border-right: 1px solid #e0e0e0; }
    .draftJsEmojiPlugin__emojiSelectPopoverEntry__3nQtJ, .draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__GHigP {
      padding: 0;
      width: 100%;
      height: 100%;
      background: none;
      border: none;
      outline: none;
      transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56); }
      .draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__GHigP {
        background-color: #efefef; }
      .draftJsEmojiPlugin__emojiSelectPopoverEntryIcon__3SzrH {
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle; }
    .draftJsEmojiPlugin__emojiSelectPopoverNav__3s7zQ {
      margin: 0;
      padding: 0 .5em;
      display: -webkit-box;
      display: flex;
      width: 20em;
      list-style: none; }
      .draftJsEmojiPlugin__emojiSelectPopoverNavItem__14K42 {
        width: 2.5em;
        height: 2.5em; }
      .draftJsEmojiPlugin__emojiSelectPopoverNavEntry__2bPuZ, .draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2G0lt {
        padding: 0;
        width: 100%;
        height: 100%;
        font-size: 1.2em;
        color: #bdbdbd;
        background: none;
        border: none;
        outline: none; }
        .draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2G0lt {
          color: #42a5f5; }
    .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__QWjCt {
      position: absolute;
      right: 0;
      top: .3em;
      bottom: .3em;
      width: .25em;
      background-color: #e0e0e0;
      border-radius: .125em;
      opacity: .1;
      transition: opacity .4s; }
      .draftJsEmojiPlugin__emojiSelectPopoverScrollbarThumb__1J-ig {
        background-color: #000;
        border-radius: .125em;
        cursor: pointer; }
    .draftJsEmojiPlugin__emojiSelectPopoverGroups__3NIl6:hover .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__QWjCt {
      opacity: .3; }
    .draftJsEmojiPlugin__emojiSelectPopoverGroups__3NIl6 .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__QWjCt:hover,
    .draftJsEmojiPlugin__emojiSelectPopoverGroups__3NIl6 .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__QWjCt:active {
      opacity: .6; }
.draftJsEmojiPlugin__emoji__2oqBk {
  background-position: center;
  /* make sure the background the image is only shown once */
  background-repeat: no-repeat;
  background-size: contain;
  /* move it a bit further down to align it nicer with the text */
  vertical-align: middle;

  /*
  We need to limit the emoji width because it can be multiple characters
  long if it is a 32bit unicode. Since the proper width depends on the font and
  it's relationship between 0 and other characters it's not ideal. 1.95ch is not
  the best value, but hopefully a good enough approximation for most fonts.
  */
  display: inline-block;
  overflow: hidden;
  max-width: 1.95ch;
  /*
  Needed for iOS rendering to avoid some icons using a lot of height without
  actually needing it.
  */
  max-height: 1em;
  line-height: inherit;
  margin: -.2ex 0em .2ex;
  /*
  In the past we used opacity: 0 to hide the original Emoji icon no matter what
  system it is. Recently we switched to color: transparent since it started to
  work in recent iOS version.
  */
  color: transparent;
}
.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_ {
  padding: 5px 10px 1px 10px;
  transition: background-color 0.4s cubic-bezier(.27,1.27,.48,.56);
}

.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_:active {
  background-color: #cce7ff;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryFocused__XDntY {
  background-color: #e6f3ff;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryText__2sPjk {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em;
}

.draftJsEmojiPlugin__emojiSuggestionsEntryIcon__1qC2V {
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline-block;
}
.draftJsEmojiPlugin__emojiSuggestions__2ffcV {
  border: 1px solid #eee;
  margin-top: 1.75em;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px rgba(220,220,220,1);
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.emojione{text-indent:-9999em;image-rendering:optimizeQuality;font-size:inherit;height:64px;width:64px;top:-3px;position:relative;display:inline-block;margin:0 .15em;line-height:normal;vertical-align:middle;background-image:url(https://media.vetcove.com/static/dist/node_modules/emojione/assets/sprites/emojione.sprites.png);background-repeat:no-repeat}.emojione-0023-20e3{background-position:-65px 0}.emojione-0023{background-position:-1365px -1820px}.emojione-002a-20e3{background-position:0 -65px}.emojione-002a{background-position:-65px -65px}.emojione-0030-20e3{background-position:-130px 0}.emojione-0030{background-position:-130px -65px}.emojione-0031-20e3{background-position:0 -130px}.emojione-0031{background-position:-65px -130px}.emojione-0032-20e3{background-position:-130px -130px}.emojione-0032{background-position:-195px 0}.emojione-0033-20e3{background-position:-195px -65px}.emojione-0033{background-position:-195px -130px}.emojione-0034-20e3{background-position:0 -195px}.emojione-0034{background-position:-65px -195px}.emojione-0035-20e3{background-position:-130px -195px}.emojione-0035{background-position:-195px -195px}.emojione-0036-20e3{background-position:-260px 0}.emojione-0036{background-position:-260px -65px}.emojione-0037-20e3{background-position:-260px -130px}.emojione-0037{background-position:-260px -195px}.emojione-0038-20e3{background-position:0 -260px}.emojione-0038{background-position:-65px -260px}.emojione-0039-20e3{background-position:-130px -260px}.emojione-0039{background-position:-195px -260px}.emojione-00a9{background-position:-260px -260px}.emojione-00ae{background-position:-325px 0}.emojione-1f004{background-position:-325px -65px}.emojione-1f0cf{background-position:-325px -130px}.emojione-1f170{background-position:-325px -195px}.emojione-1f171{background-position:-325px -260px}.emojione-1f17e{background-position:0 -325px}.emojione-1f17f{background-position:-65px -325px}.emojione-1f18e{background-position:-130px -325px}.emojione-1f191{background-position:-195px -325px}.emojione-1f192{background-position:-260px -325px}.emojione-1f193{background-position:-325px -325px}.emojione-1f194{background-position:-390px 0}.emojione-1f195{background-position:-390px -65px}.emojione-1f196{background-position:-390px -130px}.emojione-1f197{background-position:-390px -195px}.emojione-1f198{background-position:-390px -260px}.emojione-1f199{background-position:-390px -325px}.emojione-1f19a{background-position:0 -390px}.emojione-1f1e6-1f1e8{background-position:-65px -390px}.emojione-1f1e6-1f1e9{background-position:-130px -390px}.emojione-1f1e6-1f1ea{background-position:-195px -390px}.emojione-1f1e6-1f1eb{background-position:-260px -390px}.emojione-1f1e6-1f1ec{background-position:-325px -390px}.emojione-1f1e6-1f1ee{background-position:-390px -390px}.emojione-1f1e6-1f1f1{background-position:-455px 0}.emojione-1f1e6-1f1f2{background-position:-455px -65px}.emojione-1f1e6-1f1f4{background-position:-455px -130px}.emojione-1f1e6-1f1f6{background-position:-455px -195px}.emojione-1f1e6-1f1f7{background-position:-455px -260px}.emojione-1f1e6-1f1f8{background-position:-455px -325px}.emojione-1f1e6-1f1f9{background-position:-455px -390px}.emojione-1f1e6-1f1fa{background-position:0 -455px}.emojione-1f1e6-1f1fc{background-position:-65px -455px}.emojione-1f1e6-1f1fd{background-position:-130px -455px}.emojione-1f1e6-1f1ff{background-position:-195px -455px}.emojione-1f1e6{background-position:-260px -455px}.emojione-1f1e7-1f1e6{background-position:-325px -455px}.emojione-1f1e7-1f1e7{background-position:-390px -455px}.emojione-1f1e7-1f1e9{background-position:-455px -455px}.emojione-1f1e7-1f1ea{background-position:-520px 0}.emojione-1f1e7-1f1eb{background-position:-520px -65px}.emojione-1f1e7-1f1ec{background-position:-520px -130px}.emojione-1f1e7-1f1ed{background-position:-520px -195px}.emojione-1f1e7-1f1ee{background-position:-520px -260px}.emojione-1f1e7-1f1ef{background-position:-520px -325px}.emojione-1f1e7-1f1f1{background-position:-520px -390px}.emojione-1f1e7-1f1f2{background-position:-520px -455px}.emojione-1f1e7-1f1f3{background-position:0 -520px}.emojione-1f1e7-1f1f4{background-position:-65px -520px}.emojione-1f1e7-1f1f6{background-position:-130px -520px}.emojione-1f1e7-1f1f7{background-position:-195px -520px}.emojione-1f1e7-1f1f8{background-position:-260px -520px}.emojione-1f1e7-1f1f9{background-position:-325px -520px}.emojione-1f1e7-1f1fb{background-position:-390px -520px}.emojione-1f1e7-1f1fc{background-position:-455px -520px}.emojione-1f1e7-1f1fe{background-position:-520px -520px}.emojione-1f1e7-1f1ff{background-position:-585px 0}.emojione-1f1e7{background-position:-585px -65px}.emojione-1f1e8-1f1e6{background-position:-585px -130px}.emojione-1f1e8-1f1e8{background-position:-585px -195px}.emojione-1f1e8-1f1e9{background-position:-585px -260px}.emojione-1f1e8-1f1eb{background-position:-585px -325px}.emojione-1f1e8-1f1ec{background-position:-585px -390px}.emojione-1f1e8-1f1ed{background-position:-585px -455px}.emojione-1f1e8-1f1ee{background-position:-585px -520px}.emojione-1f1e8-1f1f0{background-position:0 -585px}.emojione-1f1e8-1f1f1{background-position:-65px -585px}.emojione-1f1e8-1f1f2{background-position:-130px -585px}.emojione-1f1e8-1f1f3{background-position:-195px -585px}.emojione-1f1e8-1f1f4{background-position:-260px -585px}.emojione-1f1e8-1f1f5{background-position:-325px -585px}.emojione-1f1e8-1f1f7{background-position:-390px -585px}.emojione-1f1e8-1f1fa{background-position:-455px -585px}.emojione-1f1e8-1f1fb{background-position:-520px -585px}.emojione-1f1e8-1f1fc{background-position:-585px -585px}.emojione-1f1e8-1f1fd{background-position:-650px 0}.emojione-1f1e8-1f1fe{background-position:-650px -65px}.emojione-1f1e8-1f1ff{background-position:-650px -130px}.emojione-1f1e8{background-position:-650px -195px}.emojione-1f1e9-1f1ea{background-position:-650px -260px}.emojione-1f1e9-1f1ec{background-position:-650px -325px}.emojione-1f1e9-1f1ef{background-position:-650px -390px}.emojione-1f1e9-1f1f0{background-position:-650px -455px}.emojione-1f1e9-1f1f2{background-position:-650px -520px}.emojione-1f1e9-1f1f4{background-position:-650px -585px}.emojione-1f1e9-1f1ff{background-position:0 -650px}.emojione-1f1e9{background-position:-65px -650px}.emojione-1f1ea-1f1e6{background-position:-130px -650px}.emojione-1f1ea-1f1e8{background-position:-195px -650px}.emojione-1f1ea-1f1ea{background-position:-260px -650px}.emojione-1f1ea-1f1ec{background-position:-325px -650px}.emojione-1f1ea-1f1ed{background-position:-390px -650px}.emojione-1f1ea-1f1f7{background-position:-455px -650px}.emojione-1f1ea-1f1f8{background-position:-520px -650px}.emojione-1f1ea-1f1f9{background-position:-585px -650px}.emojione-1f1ea-1f1fa{background-position:-650px -650px}.emojione-1f1ea{background-position:-715px 0}.emojione-1f1eb-1f1ee{background-position:-715px -65px}.emojione-1f1eb-1f1ef{background-position:-715px -130px}.emojione-1f1eb-1f1f0{background-position:-715px -195px}.emojione-1f1eb-1f1f2{background-position:-715px -260px}.emojione-1f1eb-1f1f4{background-position:-715px -325px}.emojione-1f1eb-1f1f7{background-position:-715px -390px}.emojione-1f1eb{background-position:-715px -455px}.emojione-1f1ec-1f1e6{background-position:-715px -520px}.emojione-1f1ec-1f1e7{background-position:-715px -585px}.emojione-1f1ec-1f1e9{background-position:-715px -650px}.emojione-1f1ec-1f1ea{background-position:0 -715px}.emojione-1f1ec-1f1eb{background-position:-65px -715px}.emojione-1f1ec-1f1ec{background-position:-130px -715px}.emojione-1f1ec-1f1ed{background-position:-195px -715px}.emojione-1f1ec-1f1ee{background-position:-260px -715px}.emojione-1f1ec-1f1f1{background-position:-325px -715px}.emojione-1f1ec-1f1f2{background-position:-390px -715px}.emojione-1f1ec-1f1f3{background-position:-455px -715px}.emojione-1f1ec-1f1f5{background-position:-520px -715px}.emojione-1f1ec-1f1f6{background-position:-585px -715px}.emojione-1f1ec-1f1f7{background-position:-650px -715px}.emojione-1f1ec-1f1f8{background-position:-715px -715px}.emojione-1f1ec-1f1f9{background-position:-780px 0}.emojione-1f1ec-1f1fa{background-position:-780px -65px}.emojione-1f1ec-1f1fc{background-position:-780px -130px}.emojione-1f1ec-1f1fe{background-position:-780px -195px}.emojione-1f1ec{background-position:-780px -260px}.emojione-1f1ed-1f1f0{background-position:-780px -325px}.emojione-1f1ed-1f1f2{background-position:-780px -390px}.emojione-1f1ed-1f1f3{background-position:-780px -455px}.emojione-1f1ed-1f1f7{background-position:-780px -520px}.emojione-1f1ed-1f1f9{background-position:-780px -585px}.emojione-1f1ed-1f1fa{background-position:-780px -650px}.emojione-1f1ed{background-position:-780px -715px}.emojione-1f1ee-1f1e8{background-position:0 -780px}.emojione-1f1ee-1f1e9{background-position:-65px -780px}.emojione-1f1ee-1f1ea{background-position:-130px -780px}.emojione-1f1ee-1f1f1{background-position:-195px -780px}.emojione-1f1ee-1f1f2{background-position:-260px -780px}.emojione-1f1ee-1f1f3{background-position:-325px -780px}.emojione-1f1ee-1f1f4{background-position:-390px -780px}.emojione-1f1ee-1f1f6{background-position:-455px -780px}.emojione-1f1ee-1f1f7{background-position:-520px -780px}.emojione-1f1ee-1f1f8{background-position:-585px -780px}.emojione-1f1ee-1f1f9{background-position:-650px -780px}.emojione-1f1ee{background-position:-715px -780px}.emojione-1f1ef-1f1ea{background-position:-780px -780px}.emojione-1f1ef-1f1f2{background-position:-845px 0}.emojione-1f1ef-1f1f4{background-position:-845px -65px}.emojione-1f1ef-1f1f5{background-position:-845px -130px}.emojione-1f1ef{background-position:-845px -195px}.emojione-1f1f0-1f1ea{background-position:-845px -260px}.emojione-1f1f0-1f1ec{background-position:-845px -325px}.emojione-1f1f0-1f1ed{background-position:-845px -390px}.emojione-1f1f0-1f1ee{background-position:-845px -455px}.emojione-1f1f0-1f1f2{background-position:-845px -520px}.emojione-1f1f0-1f1f3{background-position:-845px -585px}.emojione-1f1f0-1f1f5{background-position:-845px -650px}.emojione-1f1f0-1f1f7{background-position:-845px -715px}.emojione-1f1f0-1f1fc{background-position:-845px -780px}.emojione-1f1f0-1f1fe{background-position:0 -845px}.emojione-1f1f0-1f1ff{background-position:-65px -845px}.emojione-1f1f0{background-position:-130px -845px}.emojione-1f1f1-1f1e6{background-position:-195px -845px}.emojione-1f1f1-1f1e7{background-position:-260px -845px}.emojione-1f1f1-1f1e8{background-position:-325px -845px}.emojione-1f1f1-1f1ee{background-position:-390px -845px}.emojione-1f1f1-1f1f0{background-position:-455px -845px}.emojione-1f1f1-1f1f7{background-position:-520px -845px}.emojione-1f1f1-1f1f8{background-position:-585px -845px}.emojione-1f1f1-1f1f9{background-position:-650px -845px}.emojione-1f1f1-1f1fa{background-position:-715px -845px}.emojione-1f1f1-1f1fb{background-position:-780px -845px}.emojione-1f1f1-1f1fe{background-position:-845px -845px}.emojione-1f1f1{background-position:-910px 0}.emojione-1f1f2-1f1e6{background-position:-910px -65px}.emojione-1f1f2-1f1e8{background-position:-910px -130px}.emojione-1f1f2-1f1e9{background-position:-910px -195px}.emojione-1f1f2-1f1ea{background-position:-910px -260px}.emojione-1f1f2-1f1eb{background-position:-910px -325px}.emojione-1f1f2-1f1ec{background-position:-910px -390px}.emojione-1f1f2-1f1ed{background-position:-910px -455px}.emojione-1f1f2-1f1f0{background-position:-910px -520px}.emojione-1f1f2-1f1f1{background-position:-910px -585px}.emojione-1f1f2-1f1f2{background-position:-910px -650px}.emojione-1f1f2-1f1f3{background-position:-910px -715px}.emojione-1f1f2-1f1f4{background-position:-910px -780px}.emojione-1f1f2-1f1f5{background-position:-910px -845px}.emojione-1f1f2-1f1f6{background-position:0 -910px}.emojione-1f1f2-1f1f7{background-position:-65px -910px}.emojione-1f1f2-1f1f8{background-position:-130px -910px}.emojione-1f1f2-1f1f9{background-position:-195px -910px}.emojione-1f1f2-1f1fa{background-position:-260px -910px}.emojione-1f1f2-1f1fb{background-position:-325px -910px}.emojione-1f1f2-1f1fc{background-position:-390px -910px}.emojione-1f1f2-1f1fd{background-position:-455px -910px}.emojione-1f1f2-1f1fe{background-position:-520px -910px}.emojione-1f1f2-1f1ff{background-position:-585px -910px}.emojione-1f1f2{background-position:-650px -910px}.emojione-1f1f3-1f1e6{background-position:-715px -910px}.emojione-1f1f3-1f1e8{background-position:-780px -910px}.emojione-1f1f3-1f1ea{background-position:-845px -910px}.emojione-1f1f3-1f1eb{background-position:-910px -910px}.emojione-1f1f3-1f1ec{background-position:-975px 0}.emojione-1f1f3-1f1ee{background-position:-975px -65px}.emojione-1f1f3-1f1f1{background-position:-975px -130px}.emojione-1f1f3-1f1f4{background-position:-975px -195px}.emojione-1f1f3-1f1f5{background-position:-975px -260px}.emojione-1f1f3-1f1f7{background-position:-975px -325px}.emojione-1f1f3-1f1fa{background-position:-975px -390px}.emojione-1f1f3-1f1ff{background-position:-975px -455px}.emojione-1f1f3{background-position:-975px -520px}.emojione-1f1f4-1f1f2{background-position:-975px -585px}.emojione-1f1f4{background-position:-975px -650px}.emojione-1f1f5-1f1e6{background-position:-975px -715px}.emojione-1f1f5-1f1ea{background-position:-975px -780px}.emojione-1f1f5-1f1eb{background-position:-975px -845px}.emojione-1f1f5-1f1ec{background-position:-975px -910px}.emojione-1f1f5-1f1ed{background-position:0 -975px}.emojione-1f1f5-1f1f0{background-position:-65px -975px}.emojione-1f1f5-1f1f1{background-position:-130px -975px}.emojione-1f1f5-1f1f2{background-position:-195px -975px}.emojione-1f1f5-1f1f3{background-position:-260px -975px}.emojione-1f1f5-1f1f7{background-position:-325px -975px}.emojione-1f1f5-1f1f8{background-position:-390px -975px}.emojione-1f1f5-1f1f9{background-position:-455px -975px}.emojione-1f1f5-1f1fc{background-position:-520px -975px}.emojione-1f1f5-1f1fe{background-position:-585px -975px}.emojione-1f1f5{background-position:-650px -975px}.emojione-1f1f6-1f1e6{background-position:-715px -975px}.emojione-1f1f6{background-position:-780px -975px}.emojione-1f1f7-1f1ea{background-position:-845px -975px}.emojione-1f1f7-1f1f4{background-position:-910px -975px}.emojione-1f1f7-1f1f8{background-position:-975px -975px}.emojione-1f1f7-1f1fa{background-position:-1040px 0}.emojione-1f1f7-1f1fc{background-position:-1040px -65px}.emojione-1f1f7{background-position:-1040px -130px}.emojione-1f1f8-1f1e6{background-position:-1040px -195px}.emojione-1f1f8-1f1e7{background-position:-1040px -260px}.emojione-1f1f8-1f1e8{background-position:-1040px -325px}.emojione-1f1f8-1f1e9{background-position:-1040px -390px}.emojione-1f1f8-1f1ea{background-position:-1040px -455px}.emojione-1f1f8-1f1ec{background-position:-1040px -520px}.emojione-1f1f8-1f1ed{background-position:-1040px -585px}.emojione-1f1f8-1f1ee{background-position:-1040px -650px}.emojione-1f1f8-1f1ef{background-position:-1040px -715px}.emojione-1f1f8-1f1f0{background-position:-1040px -780px}.emojione-1f1f8-1f1f1{background-position:-1040px -845px}.emojione-1f1f8-1f1f2{background-position:-1040px -910px}.emojione-1f1f8-1f1f3{background-position:-1040px -975px}.emojione-1f1f8-1f1f4{background-position:0 -1040px}.emojione-1f1f8-1f1f7{background-position:-65px -1040px}.emojione-1f1f8-1f1f8{background-position:-130px -1040px}.emojione-1f1f8-1f1f9{background-position:-195px -1040px}.emojione-1f1f8-1f1fb{background-position:-260px -1040px}.emojione-1f1f8-1f1fd{background-position:-325px -1040px}.emojione-1f1f8-1f1fe{background-position:-390px -1040px}.emojione-1f1f8-1f1ff{background-position:-455px -1040px}.emojione-1f1f8{background-position:-520px -1040px}.emojione-1f1f9-1f1e6{background-position:-585px -1040px}.emojione-1f1f9-1f1e8{background-position:-650px -1040px}.emojione-1f1f9-1f1e9{background-position:-715px -1040px}.emojione-1f1f9-1f1eb{background-position:-780px -1040px}.emojione-1f1f9-1f1ec{background-position:-845px -1040px}.emojione-1f1f9-1f1ed{background-position:-910px -1040px}.emojione-1f1f9-1f1ef{background-position:-975px -1040px}.emojione-1f1f9-1f1f0{background-position:-1040px -1040px}.emojione-1f1f9-1f1f1{background-position:-1105px 0}.emojione-1f1f9-1f1f2{background-position:-1105px -65px}.emojione-1f1f9-1f1f3{background-position:-1105px -130px}.emojione-1f1f9-1f1f4{background-position:-1105px -195px}.emojione-1f1f9-1f1f7{background-position:-1105px -260px}.emojione-1f1f9-1f1f9{background-position:-1105px -325px}.emojione-1f1f9-1f1fb{background-position:-1105px -390px}.emojione-1f1f9-1f1fc{background-position:-1105px -455px}.emojione-1f1f9-1f1ff{background-position:-1105px -520px}.emojione-1f1f9{background-position:-1105px -585px}.emojione-1f1fa-1f1e6{background-position:-1105px -650px}.emojione-1f1fa-1f1ec{background-position:-1105px -715px}.emojione-1f1fa-1f1f2{background-position:-1105px -780px}.emojione-1f1fa-1f1f8{background-position:-1105px -845px}.emojione-1f1fa-1f1fe{background-position:-1105px -910px}.emojione-1f1fa-1f1ff{background-position:-1105px -975px}.emojione-1f1fa{background-position:-1105px -1040px}.emojione-1f1fb-1f1e6{background-position:0 -1105px}.emojione-1f1fb-1f1e8{background-position:-65px -1105px}.emojione-1f1fb-1f1ea{background-position:-130px -1105px}.emojione-1f1fb-1f1ec{background-position:-195px -1105px}.emojione-1f1fb-1f1ee{background-position:-260px -1105px}.emojione-1f1fb-1f1f3{background-position:-325px -1105px}.emojione-1f1fb-1f1fa{background-position:-390px -1105px}.emojione-1f1fb{background-position:-455px -1105px}.emojione-1f1fc-1f1eb{background-position:-520px -1105px}.emojione-1f1fc-1f1f8{background-position:-585px -1105px}.emojione-1f1fc{background-position:-650px -1105px}.emojione-1f1fd-1f1f0{background-position:-715px -1105px}.emojione-1f1fd{background-position:-780px -1105px}.emojione-1f1fe-1f1ea{background-position:-845px -1105px}.emojione-1f1fe-1f1f9{background-position:-910px -1105px}.emojione-1f1fe{background-position:-975px -1105px}.emojione-1f1ff-1f1e6{background-position:-1040px -1105px}.emojione-1f1ff-1f1f2{background-position:-1105px -1105px}.emojione-1f1ff-1f1fc{background-position:-1170px 0}.emojione-1f1ff{background-position:-1170px -65px}.emojione-1f201{background-position:-1170px -130px}.emojione-1f202{background-position:-1170px -195px}.emojione-1f21a{background-position:-1170px -260px}.emojione-1f22f{background-position:-1170px -325px}.emojione-1f232{background-position:-1170px -390px}.emojione-1f233{background-position:-1170px -455px}.emojione-1f234{background-position:-1170px -520px}.emojione-1f235{background-position:-1170px -585px}.emojione-1f236{background-position:-1170px -650px}.emojione-1f237{background-position:-1170px -715px}.emojione-1f238{background-position:-1170px -780px}.emojione-1f239{background-position:-1170px -845px}.emojione-1f23a{background-position:-1170px -910px}.emojione-1f250{background-position:-1170px -975px}.emojione-1f251{background-position:-1170px -1040px}.emojione-1f300{background-position:-1170px -1105px}.emojione-1f301{background-position:0 -1170px}.emojione-1f302{background-position:-65px -1170px}.emojione-1f303{background-position:-130px -1170px}.emojione-1f304{background-position:-195px -1170px}.emojione-1f305{background-position:-260px -1170px}.emojione-1f306{background-position:-325px -1170px}.emojione-1f307{background-position:-390px -1170px}.emojione-1f308{background-position:-455px -1170px}.emojione-1f309{background-position:-520px -1170px}.emojione-1f30a{background-position:-585px -1170px}.emojione-1f30b{background-position:-650px -1170px}.emojione-1f30c{background-position:-715px -1170px}.emojione-1f30d{background-position:-780px -1170px}.emojione-1f30e{background-position:-845px -1170px}.emojione-1f30f{background-position:-910px -1170px}.emojione-1f310{background-position:-975px -1170px}.emojione-1f311{background-position:-1040px -1170px}.emojione-1f312{background-position:-1105px -1170px}.emojione-1f313{background-position:-1170px -1170px}.emojione-1f314{background-position:-1235px 0}.emojione-1f315{background-position:-1235px -65px}.emojione-1f316{background-position:-1235px -130px}.emojione-1f317{background-position:-1235px -195px}.emojione-1f318{background-position:-1235px -260px}.emojione-1f319{background-position:-1235px -325px}.emojione-1f31a{background-position:-1235px -390px}.emojione-1f31b{background-position:-1235px -455px}.emojione-1f31c{background-position:-1235px -520px}.emojione-1f31d{background-position:-1235px -585px}.emojione-1f31e{background-position:-1235px -650px}.emojione-1f31f{background-position:-1235px -715px}.emojione-1f320{background-position:-1235px -780px}.emojione-1f321{background-position:-1235px -845px}.emojione-1f324{background-position:-1235px -910px}.emojione-1f325{background-position:-1235px -975px}.emojione-1f326{background-position:-1235px -1040px}.emojione-1f327{background-position:-1235px -1105px}.emojione-1f328{background-position:-1235px -1170px}.emojione-1f329{background-position:0 -1235px}.emojione-1f32a{background-position:-65px -1235px}.emojione-1f32b{background-position:-130px -1235px}.emojione-1f32c{background-position:-195px -1235px}.emojione-1f32d{background-position:-260px -1235px}.emojione-1f32e{background-position:-325px -1235px}.emojione-1f32f{background-position:-390px -1235px}.emojione-1f330{background-position:-455px -1235px}.emojione-1f331{background-position:-520px -1235px}.emojione-1f332{background-position:-585px -1235px}.emojione-1f333{background-position:-650px -1235px}.emojione-1f334{background-position:-715px -1235px}.emojione-1f335{background-position:-780px -1235px}.emojione-1f336{background-position:-845px -1235px}.emojione-1f337{background-position:-910px -1235px}.emojione-1f338{background-position:-975px -1235px}.emojione-1f339{background-position:-1040px -1235px}.emojione-1f33a{background-position:-1105px -1235px}.emojione-1f33b{background-position:-1170px -1235px}.emojione-1f33c{background-position:-1235px -1235px}.emojione-1f33d{background-position:-1300px 0}.emojione-1f33e{background-position:-1300px -65px}.emojione-1f33f{background-position:-1300px -130px}.emojione-1f340{background-position:-1300px -195px}.emojione-1f341{background-position:-1300px -260px}.emojione-1f342{background-position:-1300px -325px}.emojione-1f343{background-position:-1300px -390px}.emojione-1f344{background-position:-1300px -455px}.emojione-1f345{background-position:-1300px -520px}.emojione-1f346{background-position:-1300px -585px}.emojione-1f347{background-position:-1300px -650px}.emojione-1f348{background-position:-1300px -715px}.emojione-1f349{background-position:-1300px -780px}.emojione-1f34a{background-position:-1300px -845px}.emojione-1f34b{background-position:-1300px -910px}.emojione-1f34c{background-position:-1300px -975px}.emojione-1f34d{background-position:-1300px -1040px}.emojione-1f34e{background-position:-1300px -1105px}.emojione-1f34f{background-position:-1300px -1170px}.emojione-1f350{background-position:-1300px -1235px}.emojione-1f351{background-position:0 -1300px}.emojione-1f352{background-position:-65px -1300px}.emojione-1f353{background-position:-130px -1300px}.emojione-1f354{background-position:-195px -1300px}.emojione-1f355{background-position:-260px -1300px}.emojione-1f356{background-position:-325px -1300px}.emojione-1f357{background-position:-390px -1300px}.emojione-1f358{background-position:-455px -1300px}.emojione-1f359{background-position:-520px -1300px}.emojione-1f35a{background-position:-585px -1300px}.emojione-1f35b{background-position:-650px -1300px}.emojione-1f35c{background-position:-715px -1300px}.emojione-1f35d{background-position:-780px -1300px}.emojione-1f35e{background-position:-845px -1300px}.emojione-1f35f{background-position:-910px -1300px}.emojione-1f360{background-position:-975px -1300px}.emojione-1f361{background-position:-1040px -1300px}.emojione-1f362{background-position:-1105px -1300px}.emojione-1f363{background-position:-1170px -1300px}.emojione-1f364{background-position:-1235px -1300px}.emojione-1f365{background-position:-1300px -1300px}.emojione-1f366{background-position:-1365px 0}.emojione-1f367{background-position:-1365px -65px}.emojione-1f368{background-position:-1365px -130px}.emojione-1f369{background-position:-1365px -195px}.emojione-1f36a{background-position:-1365px -260px}.emojione-1f36b{background-position:-1365px -325px}.emojione-1f36c{background-position:-1365px -390px}.emojione-1f36d{background-position:-1365px -455px}.emojione-1f36e{background-position:-1365px -520px}.emojione-1f36f{background-position:-1365px -585px}.emojione-1f370{background-position:-1365px -650px}.emojione-1f371{background-position:-1365px -715px}.emojione-1f372{background-position:-1365px -780px}.emojione-1f373{background-position:-1365px -845px}.emojione-1f374{background-position:-1365px -910px}.emojione-1f375{background-position:-1365px -975px}.emojione-1f376{background-position:-1365px -1040px}.emojione-1f377{background-position:-1365px -1105px}.emojione-1f378{background-position:-1365px -1170px}.emojione-1f379{background-position:-1365px -1235px}.emojione-1f37a{background-position:-1365px -1300px}.emojione-1f37b{background-position:0 -1365px}.emojione-1f37c{background-position:-65px -1365px}.emojione-1f37d{background-position:-130px -1365px}.emojione-1f37e{background-position:-195px -1365px}.emojione-1f37f{background-position:-260px -1365px}.emojione-1f380{background-position:-325px -1365px}.emojione-1f381{background-position:-390px -1365px}.emojione-1f382{background-position:-455px -1365px}.emojione-1f383{background-position:-520px -1365px}.emojione-1f384{background-position:-585px -1365px}.emojione-1f385-1f3fb{background-position:-650px -1365px}.emojione-1f385-1f3fc{background-position:-715px -1365px}.emojione-1f385-1f3fd{background-position:-780px -1365px}.emojione-1f385-1f3fe{background-position:-845px -1365px}.emojione-1f385-1f3ff{background-position:-910px -1365px}.emojione-1f385{background-position:-975px -1365px}.emojione-1f386{background-position:-1040px -1365px}.emojione-1f387{background-position:-1105px -1365px}.emojione-1f388{background-position:-1170px -1365px}.emojione-1f389{background-position:-1235px -1365px}.emojione-1f38a{background-position:-1300px -1365px}.emojione-1f38b{background-position:-1365px -1365px}.emojione-1f38c{background-position:-1430px 0}.emojione-1f38d{background-position:-1430px -65px}.emojione-1f38e{background-position:-1430px -130px}.emojione-1f38f{background-position:-1430px -195px}.emojione-1f390{background-position:-1430px -260px}.emojione-1f391{background-position:-1430px -325px}.emojione-1f392{background-position:-1430px -390px}.emojione-1f393{background-position:-1430px -455px}.emojione-1f396{background-position:-1430px -520px}.emojione-1f397{background-position:-1430px -585px}.emojione-1f399{background-position:-1430px -650px}.emojione-1f39a{background-position:-1430px -715px}.emojione-1f39b{background-position:-1430px -780px}.emojione-1f39e{background-position:-1430px -845px}.emojione-1f39f{background-position:-1430px -910px}.emojione-1f3a0{background-position:-1430px -975px}.emojione-1f3a1{background-position:-1430px -1040px}.emojione-1f3a2{background-position:-1430px -1105px}.emojione-1f3a3{background-position:-1430px -1170px}.emojione-1f3a4{background-position:-1430px -1235px}.emojione-1f3a5{background-position:-1430px -1300px}.emojione-1f3a6{background-position:-1430px -1365px}.emojione-1f3a7{background-position:0 -1430px}.emojione-1f3a8{background-position:-65px -1430px}.emojione-1f3a9{background-position:-130px -1430px}.emojione-1f3aa{background-position:-195px -1430px}.emojione-1f3ab{background-position:-260px -1430px}.emojione-1f3ac{background-position:-325px -1430px}.emojione-1f3ad{background-position:-390px -1430px}.emojione-1f3ae{background-position:-455px -1430px}.emojione-1f3af{background-position:-520px -1430px}.emojione-1f3b0{background-position:-585px -1430px}.emojione-1f3b1{background-position:-650px -1430px}.emojione-1f3b2{background-position:-715px -1430px}.emojione-1f3b3{background-position:-780px -1430px}.emojione-1f3b4{background-position:-845px -1430px}.emojione-1f3b5{background-position:-910px -1430px}.emojione-1f3b6{background-position:-975px -1430px}.emojione-1f3b7{background-position:-1040px -1430px}.emojione-1f3b8{background-position:-1105px -1430px}.emojione-1f3b9{background-position:-1170px -1430px}.emojione-1f3ba{background-position:-1235px -1430px}.emojione-1f3bb{background-position:-1300px -1430px}.emojione-1f3bc{background-position:-1365px -1430px}.emojione-1f3bd{background-position:-1430px -1430px}.emojione-1f3be{background-position:-1495px 0}.emojione-1f3bf{background-position:-1495px -65px}.emojione-1f3c0{background-position:-1495px -130px}.emojione-1f3c1{background-position:-1495px -195px}.emojione-1f3c2{background-position:-1495px -260px}.emojione-1f3c3-1f3fb{background-position:-1495px -325px}.emojione-1f3c3-1f3fc{background-position:-1495px -390px}.emojione-1f3c3-1f3fd{background-position:-1495px -455px}.emojione-1f3c3-1f3fe{background-position:-1495px -520px}.emojione-1f3c3-1f3ff{background-position:-1495px -585px}.emojione-1f3c3{background-position:-1495px -650px}.emojione-1f3c4-1f3fb{background-position:-1495px -715px}.emojione-1f3c4-1f3fc{background-position:-1495px -780px}.emojione-1f3c4-1f3fd{background-position:-1495px -845px}.emojione-1f3c4-1f3fe{background-position:-1495px -910px}.emojione-1f3c4-1f3ff{background-position:-1495px -975px}.emojione-1f3c4{background-position:-1495px -1040px}.emojione-1f3c5{background-position:-1495px -1105px}.emojione-1f3c6{background-position:-1495px -1170px}.emojione-1f3c7-1f3fb{background-position:-1495px -1235px}.emojione-1f3c7-1f3fc{background-position:-1495px -1300px}.emojione-1f3c7-1f3fd{background-position:-1495px -1365px}.emojione-1f3c7-1f3fe{background-position:-1495px -1430px}.emojione-1f3c7-1f3ff{background-position:0 -1495px}.emojione-1f3c7{background-position:-65px -1495px}.emojione-1f3c8{background-position:-130px -1495px}.emojione-1f3c9{background-position:-195px -1495px}.emojione-1f3ca-1f3fb{background-position:-260px -1495px}.emojione-1f3ca-1f3fc{background-position:-325px -1495px}.emojione-1f3ca-1f3fd{background-position:-390px -1495px}.emojione-1f3ca-1f3fe{background-position:-455px -1495px}.emojione-1f3ca-1f3ff{background-position:-520px -1495px}.emojione-1f3ca{background-position:-585px -1495px}.emojione-1f3cb-1f3fb{background-position:-650px -1495px}.emojione-1f3cb-1f3fc{background-position:-715px -1495px}.emojione-1f3cb-1f3fd{background-position:-780px -1495px}.emojione-1f3cb-1f3fe{background-position:-845px -1495px}.emojione-1f3cb-1f3ff{background-position:-910px -1495px}.emojione-1f3cb{background-position:-975px -1495px}.emojione-1f3cc{background-position:-1040px -1495px}.emojione-1f3cd{background-position:-1105px -1495px}.emojione-1f3ce{background-position:-1170px -1495px}.emojione-1f3cf{background-position:-1235px -1495px}.emojione-1f3d0{background-position:-1300px -1495px}.emojione-1f3d1{background-position:-1365px -1495px}.emojione-1f3d2{background-position:-1430px -1495px}.emojione-1f3d3{background-position:-1495px -1495px}.emojione-1f3d4{background-position:-1560px 0}.emojione-1f3d5{background-position:-1560px -65px}.emojione-1f3d6{background-position:-1560px -130px}.emojione-1f3d7{background-position:-1560px -195px}.emojione-1f3d8{background-position:-1560px -260px}.emojione-1f3d9{background-position:-1560px -325px}.emojione-1f3da{background-position:-1560px -390px}.emojione-1f3db{background-position:-1560px -455px}.emojione-1f3dc{background-position:-1560px -520px}.emojione-1f3dd{background-position:-1560px -585px}.emojione-1f3de{background-position:-1560px -650px}.emojione-1f3df{background-position:-1560px -715px}.emojione-1f3e0{background-position:-1560px -780px}.emojione-1f3e1{background-position:-1560px -845px}.emojione-1f3e2{background-position:-1560px -910px}.emojione-1f3e3{background-position:-1560px -975px}.emojione-1f3e4{background-position:-1560px -1040px}.emojione-1f3e5{background-position:-1560px -1105px}.emojione-1f3e6{background-position:-1560px -1170px}.emojione-1f3e7{background-position:-1560px -1235px}.emojione-1f3e8{background-position:-1560px -1300px}.emojione-1f3e9{background-position:-1560px -1365px}.emojione-1f3ea{background-position:-1560px -1430px}.emojione-1f3eb{background-position:-1560px -1495px}.emojione-1f3ec{background-position:0 -1560px}.emojione-1f3ed{background-position:-65px -1560px}.emojione-1f3ee{background-position:-130px -1560px}.emojione-1f3ef{background-position:-195px -1560px}.emojione-1f3f0{background-position:-260px -1560px}.emojione-1f3f3-1f308{background-position:-325px -1560px}.emojione-1f3f3{background-position:-390px -1560px}.emojione-1f3f4{background-position:-455px -1560px}.emojione-1f3f5{background-position:-520px -1560px}.emojione-1f3f7{background-position:-585px -1560px}.emojione-1f3f8{background-position:-650px -1560px}.emojione-1f3f9{background-position:-715px -1560px}.emojione-1f3fa{background-position:-780px -1560px}.emojione-1f3fb{background-position:-845px -1560px}.emojione-1f3fc{background-position:-910px -1560px}.emojione-1f3fd{background-position:-975px -1560px}.emojione-1f3fe{background-position:-1040px -1560px}.emojione-1f3ff{background-position:-1105px -1560px}.emojione-1f400{background-position:-1170px -1560px}.emojione-1f401{background-position:-1235px -1560px}.emojione-1f402{background-position:-1300px -1560px}.emojione-1f403{background-position:-1365px -1560px}.emojione-1f404{background-position:-1430px -1560px}.emojione-1f405{background-position:-1495px -1560px}.emojione-1f406{background-position:-1560px -1560px}.emojione-1f407{background-position:-1625px 0}.emojione-1f408{background-position:-1625px -65px}.emojione-1f409{background-position:-1625px -130px}.emojione-1f40a{background-position:-1625px -195px}.emojione-1f40b{background-position:-1625px -260px}.emojione-1f40c{background-position:-1625px -325px}.emojione-1f40d{background-position:-1625px -390px}.emojione-1f40e{background-position:-1625px -455px}.emojione-1f40f{background-position:-1625px -520px}.emojione-1f410{background-position:-1625px -585px}.emojione-1f411{background-position:-1625px -650px}.emojione-1f412{background-position:-1625px -715px}.emojione-1f413{background-position:-1625px -780px}.emojione-1f414{background-position:-1625px -845px}.emojione-1f415{background-position:-1625px -910px}.emojione-1f416{background-position:-1625px -975px}.emojione-1f417{background-position:-1625px -1040px}.emojione-1f418{background-position:-1625px -1105px}.emojione-1f419{background-position:-1625px -1170px}.emojione-1f41a{background-position:-1625px -1235px}.emojione-1f41b{background-position:-1625px -1300px}.emojione-1f41c{background-position:-1625px -1365px}.emojione-1f41d{background-position:-1625px -1430px}.emojione-1f41e{background-position:-1625px -1495px}.emojione-1f41f{background-position:-1625px -1560px}.emojione-1f420{background-position:0 -1625px}.emojione-1f421{background-position:-65px -1625px}.emojione-1f422{background-position:-130px -1625px}.emojione-1f423{background-position:-195px -1625px}.emojione-1f424{background-position:-260px -1625px}.emojione-1f425{background-position:-325px -1625px}.emojione-1f426{background-position:-390px -1625px}.emojione-1f427{background-position:-455px -1625px}.emojione-1f428{background-position:-520px -1625px}.emojione-1f429{background-position:-585px -1625px}.emojione-1f42a{background-position:-650px -1625px}.emojione-1f42b{background-position:-715px -1625px}.emojione-1f42c{background-position:-780px -1625px}.emojione-1f42d{background-position:-845px -1625px}.emojione-1f42e{background-position:-910px -1625px}.emojione-1f42f{background-position:-975px -1625px}.emojione-1f430{background-position:-1040px -1625px}.emojione-1f431{background-position:-1105px -1625px}.emojione-1f432{background-position:-1170px -1625px}.emojione-1f433{background-position:-1235px -1625px}.emojione-1f434{background-position:-1300px -1625px}.emojione-1f435{background-position:-1365px -1625px}.emojione-1f436{background-position:-1430px -1625px}.emojione-1f437{background-position:-1495px -1625px}.emojione-1f438{background-position:-1560px -1625px}.emojione-1f439{background-position:-1625px -1625px}.emojione-1f43a{background-position:-1690px 0}.emojione-1f43b{background-position:-1690px -65px}.emojione-1f43c{background-position:-1690px -130px}.emojione-1f43d{background-position:-1690px -195px}.emojione-1f43e{background-position:-1690px -260px}.emojione-1f43f{background-position:-1690px -325px}.emojione-1f440{background-position:-1690px -390px}.emojione-1f441-1f5e8{background-position:-1690px -455px}.emojione-1f441{background-position:-1690px -520px}.emojione-1f442-1f3fb{background-position:-1690px -585px}.emojione-1f442-1f3fc{background-position:-1690px -650px}.emojione-1f442-1f3fd{background-position:-1690px -715px}.emojione-1f442-1f3fe{background-position:-1690px -780px}.emojione-1f442-1f3ff{background-position:-1690px -845px}.emojione-1f442{background-position:-1690px -910px}.emojione-1f443-1f3fb{background-position:-1690px -975px}.emojione-1f443-1f3fc{background-position:-1690px -1040px}.emojione-1f443-1f3fd{background-position:-1690px -1105px}.emojione-1f443-1f3fe{background-position:-1690px -1170px}.emojione-1f443-1f3ff{background-position:-1690px -1235px}.emojione-1f443{background-position:-1690px -1300px}.emojione-1f444{background-position:-1690px -1365px}.emojione-1f445{background-position:-1690px -1430px}.emojione-1f446-1f3fb{background-position:-1690px -1495px}.emojione-1f446-1f3fc{background-position:-1690px -1560px}.emojione-1f446-1f3fd{background-position:-1690px -1625px}.emojione-1f446-1f3fe{background-position:0 -1690px}.emojione-1f446-1f3ff{background-position:-65px -1690px}.emojione-1f446{background-position:-130px -1690px}.emojione-1f447-1f3fb{background-position:-195px -1690px}.emojione-1f447-1f3fc{background-position:-260px -1690px}.emojione-1f447-1f3fd{background-position:-325px -1690px}.emojione-1f447-1f3fe{background-position:-390px -1690px}.emojione-1f447-1f3ff{background-position:-455px -1690px}.emojione-1f447{background-position:-520px -1690px}.emojione-1f448-1f3fb{background-position:-585px -1690px}.emojione-1f448-1f3fc{background-position:-650px -1690px}.emojione-1f448-1f3fd{background-position:-715px -1690px}.emojione-1f448-1f3fe{background-position:-780px -1690px}.emojione-1f448-1f3ff{background-position:-845px -1690px}.emojione-1f448{background-position:-910px -1690px}.emojione-1f449-1f3fb{background-position:-975px -1690px}.emojione-1f449-1f3fc{background-position:-1040px -1690px}.emojione-1f449-1f3fd{background-position:-1105px -1690px}.emojione-1f449-1f3fe{background-position:-1170px -1690px}.emojione-1f449-1f3ff{background-position:-1235px -1690px}.emojione-1f449{background-position:-1300px -1690px}.emojione-1f44a-1f3fb{background-position:-1365px -1690px}.emojione-1f44a-1f3fc{background-position:-1430px -1690px}.emojione-1f44a-1f3fd{background-position:-1495px -1690px}.emojione-1f44a-1f3fe{background-position:-1560px -1690px}.emojione-1f44a-1f3ff{background-position:-1625px -1690px}.emojione-1f44a{background-position:-1690px -1690px}.emojione-1f44b-1f3fb{background-position:-1755px 0}.emojione-1f44b-1f3fc{background-position:-1755px -65px}.emojione-1f44b-1f3fd{background-position:-1755px -130px}.emojione-1f44b-1f3fe{background-position:-1755px -195px}.emojione-1f44b-1f3ff{background-position:-1755px -260px}.emojione-1f44b{background-position:-1755px -325px}.emojione-1f44c-1f3fb{background-position:-1755px -390px}.emojione-1f44c-1f3fc{background-position:-1755px -455px}.emojione-1f44c-1f3fd{background-position:-1755px -520px}.emojione-1f44c-1f3fe{background-position:-1755px -585px}.emojione-1f44c-1f3ff{background-position:-1755px -650px}.emojione-1f44c{background-position:-1755px -715px}.emojione-1f44d-1f3fb{background-position:-1755px -780px}.emojione-1f44d-1f3fc{background-position:-1755px -845px}.emojione-1f44d-1f3fd{background-position:-1755px -910px}.emojione-1f44d-1f3fe{background-position:-1755px -975px}.emojione-1f44d-1f3ff{background-position:-1755px -1040px}.emojione-1f44d{background-position:-1755px -1105px}.emojione-1f44e-1f3fb{background-position:-1755px -1170px}.emojione-1f44e-1f3fc{background-position:-1755px -1235px}.emojione-1f44e-1f3fd{background-position:-1755px -1300px}.emojione-1f44e-1f3fe{background-position:-1755px -1365px}.emojione-1f44e-1f3ff{background-position:-1755px -1430px}.emojione-1f44e{background-position:-1755px -1495px}.emojione-1f44f-1f3fb{background-position:-1755px -1560px}.emojione-1f44f-1f3fc{background-position:-1755px -1625px}.emojione-1f44f-1f3fd{background-position:-1755px -1690px}.emojione-1f44f-1f3fe{background-position:0 -1755px}.emojione-1f44f-1f3ff{background-position:-65px -1755px}.emojione-1f44f{background-position:-130px -1755px}.emojione-1f450-1f3fb{background-position:-195px -1755px}.emojione-1f450-1f3fc{background-position:-260px -1755px}.emojione-1f450-1f3fd{background-position:-325px -1755px}.emojione-1f450-1f3fe{background-position:-390px -1755px}.emojione-1f450-1f3ff{background-position:-455px -1755px}.emojione-1f450{background-position:-520px -1755px}.emojione-1f451{background-position:-585px -1755px}.emojione-1f452{background-position:-650px -1755px}.emojione-1f453{background-position:-715px -1755px}.emojione-1f454{background-position:-780px -1755px}.emojione-1f455{background-position:-845px -1755px}.emojione-1f456{background-position:-910px -1755px}.emojione-1f457{background-position:-975px -1755px}.emojione-1f458{background-position:-1040px -1755px}.emojione-1f459{background-position:-1105px -1755px}.emojione-1f45a{background-position:-1170px -1755px}.emojione-1f45b{background-position:-1235px -1755px}.emojione-1f45c{background-position:-1300px -1755px}.emojione-1f45d{background-position:-1365px -1755px}.emojione-1f45e{background-position:-1430px -1755px}.emojione-1f45f{background-position:-1495px -1755px}.emojione-1f460{background-position:-1560px -1755px}.emojione-1f461{background-position:-1625px -1755px}.emojione-1f462{background-position:-1690px -1755px}.emojione-1f463{background-position:-1755px -1755px}.emojione-1f464{background-position:-1820px 0}.emojione-1f465{background-position:-1820px -65px}.emojione-1f466-1f3fb{background-position:-1820px -130px}.emojione-1f466-1f3fc{background-position:-1820px -195px}.emojione-1f466-1f3fd{background-position:-1820px -260px}.emojione-1f466-1f3fe{background-position:-1820px -325px}.emojione-1f466-1f3ff{background-position:-1820px -390px}.emojione-1f466{background-position:-1820px -455px}.emojione-1f467-1f3fb{background-position:-1820px -520px}.emojione-1f467-1f3fc{background-position:-1820px -585px}.emojione-1f467-1f3fd{background-position:-1820px -650px}.emojione-1f467-1f3fe{background-position:-1820px -715px}.emojione-1f467-1f3ff{background-position:-1820px -780px}.emojione-1f467{background-position:-1820px -845px}.emojione-1f468-1f3fb{background-position:-1820px -910px}.emojione-1f468-1f3fc{background-position:-1820px -975px}.emojione-1f468-1f3fd{background-position:-1820px -1040px}.emojione-1f468-1f3fe{background-position:-1820px -1105px}.emojione-1f468-1f3ff{background-position:-1820px -1170px}.emojione-1f468-1f468-1f466-1f466{background-position:-1820px -1235px}.emojione-1f468-1f468-1f466{background-position:-1820px -1300px}.emojione-1f468-1f468-1f467-1f466{background-position:-1820px -1365px}.emojione-1f468-1f468-1f467-1f467{background-position:-1820px -1430px}.emojione-1f468-1f468-1f467{background-position:-1820px -1495px}.emojione-1f468-1f469-1f466-1f466{background-position:-1820px -1560px}.emojione-1f468-1f469-1f467-1f466{background-position:-1820px -1625px}.emojione-1f468-1f469-1f467-1f467{background-position:-1820px -1690px}.emojione-1f468-1f469-1f467{background-position:-1820px -1755px}.emojione-1f468-2764-1f468{background-position:0 -1820px}.emojione-1f468-2764-1f48b-1f468{background-position:-65px -1820px}.emojione-1f468{background-position:-130px -1820px}.emojione-1f469-1f3fb{background-position:-195px -1820px}.emojione-1f469-1f3fc{background-position:-260px -1820px}.emojione-1f469-1f3fd{background-position:-325px -1820px}.emojione-1f469-1f3fe{background-position:-390px -1820px}.emojione-1f469-1f3ff{background-position:-455px -1820px}.emojione-1f469-1f469-1f466-1f466{background-position:-520px -1820px}.emojione-1f469-1f469-1f466{background-position:-585px -1820px}.emojione-1f469-1f469-1f467-1f466{background-position:-650px -1820px}.emojione-1f469-1f469-1f467-1f467{background-position:-715px -1820px}.emojione-1f469-1f469-1f467{background-position:-780px -1820px}.emojione-1f469-2764-1f469{background-position:-845px -1820px}.emojione-1f469-2764-1f48b-1f469{background-position:-910px -1820px}.emojione-1f469{background-position:-975px -1820px}.emojione-1f46a{background-position:-1040px -1820px}.emojione-1f46b{background-position:-1105px -1820px}.emojione-1f46c{background-position:-1170px -1820px}.emojione-1f46d{background-position:-1235px -1820px}.emojione-1f46e-1f3fb{background-position:-1300px -1820px}.emojione-1f46e-1f3fc{background-position:0 0}.emojione-1f46e-1f3fd{background-position:-1430px -1820px}.emojione-1f46e-1f3fe{background-position:-1495px -1820px}.emojione-1f46e-1f3ff{background-position:-1560px -1820px}.emojione-1f46e{background-position:-1625px -1820px}.emojione-1f46f{background-position:-1690px -1820px}.emojione-1f470-1f3fb{background-position:-1755px -1820px}.emojione-1f470-1f3fc{background-position:-1820px -1820px}.emojione-1f470-1f3fd{background-position:-1885px 0}.emojione-1f470-1f3fe{background-position:-1885px -65px}.emojione-1f470-1f3ff{background-position:-1885px -130px}.emojione-1f470{background-position:-1885px -195px}.emojione-1f471-1f3fb{background-position:-1885px -260px}.emojione-1f471-1f3fc{background-position:-1885px -325px}.emojione-1f471-1f3fd{background-position:-1885px -390px}.emojione-1f471-1f3fe{background-position:-1885px -455px}.emojione-1f471-1f3ff{background-position:-1885px -520px}.emojione-1f471{background-position:-1885px -585px}.emojione-1f472-1f3fb{background-position:-1885px -650px}.emojione-1f472-1f3fc{background-position:-1885px -715px}.emojione-1f472-1f3fd{background-position:-1885px -780px}.emojione-1f472-1f3fe{background-position:-1885px -845px}.emojione-1f472-1f3ff{background-position:-1885px -910px}.emojione-1f472{background-position:-1885px -975px}.emojione-1f473-1f3fb{background-position:-1885px -1040px}.emojione-1f473-1f3fc{background-position:-1885px -1105px}.emojione-1f473-1f3fd{background-position:-1885px -1170px}.emojione-1f473-1f3fe{background-position:-1885px -1235px}.emojione-1f473-1f3ff{background-position:-1885px -1300px}.emojione-1f473{background-position:-1885px -1365px}.emojione-1f474-1f3fb{background-position:-1885px -1430px}.emojione-1f474-1f3fc{background-position:-1885px -1495px}.emojione-1f474-1f3fd{background-position:-1885px -1560px}.emojione-1f474-1f3fe{background-position:-1885px -1625px}.emojione-1f474-1f3ff{background-position:-1885px -1690px}.emojione-1f474{background-position:-1885px -1755px}.emojione-1f475-1f3fb{background-position:-1885px -1820px}.emojione-1f475-1f3fc{background-position:0 -1885px}.emojione-1f475-1f3fd{background-position:-65px -1885px}.emojione-1f475-1f3fe{background-position:-130px -1885px}.emojione-1f475-1f3ff{background-position:-195px -1885px}.emojione-1f475{background-position:-260px -1885px}.emojione-1f476-1f3fb{background-position:-325px -1885px}.emojione-1f476-1f3fc{background-position:-390px -1885px}.emojione-1f476-1f3fd{background-position:-455px -1885px}.emojione-1f476-1f3fe{background-position:-520px -1885px}.emojione-1f476-1f3ff{background-position:-585px -1885px}.emojione-1f476{background-position:-650px -1885px}.emojione-1f477-1f3fb{background-position:-715px -1885px}.emojione-1f477-1f3fc{background-position:-780px -1885px}.emojione-1f477-1f3fd{background-position:-845px -1885px}.emojione-1f477-1f3fe{background-position:-910px -1885px}.emojione-1f477-1f3ff{background-position:-975px -1885px}.emojione-1f477{background-position:-1040px -1885px}.emojione-1f478-1f3fb{background-position:-1105px -1885px}.emojione-1f478-1f3fc{background-position:-1170px -1885px}.emojione-1f478-1f3fd{background-position:-1235px -1885px}.emojione-1f478-1f3fe{background-position:-1300px -1885px}.emojione-1f478-1f3ff{background-position:-1365px -1885px}.emojione-1f478{background-position:-1430px -1885px}.emojione-1f479{background-position:-1495px -1885px}.emojione-1f47a{background-position:-1560px -1885px}.emojione-1f47b{background-position:-1625px -1885px}.emojione-1f47c-1f3fb{background-position:-1690px -1885px}.emojione-1f47c-1f3fc{background-position:-1755px -1885px}.emojione-1f47c-1f3fd{background-position:-1820px -1885px}.emojione-1f47c-1f3fe{background-position:-1885px -1885px}.emojione-1f47c-1f3ff{background-position:-1950px 0}.emojione-1f47c{background-position:-1950px -65px}.emojione-1f47d{background-position:-1950px -130px}.emojione-1f47e{background-position:-1950px -195px}.emojione-1f47f{background-position:-1950px -260px}.emojione-1f480{background-position:-1950px -325px}.emojione-1f481-1f3fb{background-position:-1950px -390px}.emojione-1f481-1f3fc{background-position:-1950px -455px}.emojione-1f481-1f3fd{background-position:-1950px -520px}.emojione-1f481-1f3fe{background-position:-1950px -585px}.emojione-1f481-1f3ff{background-position:-1950px -650px}.emojione-1f481{background-position:-1950px -715px}.emojione-1f482-1f3fb{background-position:-1950px -780px}.emojione-1f482-1f3fc{background-position:-1950px -845px}.emojione-1f482-1f3fd{background-position:-1950px -910px}.emojione-1f482-1f3fe{background-position:-1950px -975px}.emojione-1f482-1f3ff{background-position:-1950px -1040px}.emojione-1f482{background-position:-1950px -1105px}.emojione-1f483-1f3fb{background-position:-1950px -1170px}.emojione-1f483-1f3fc{background-position:-1950px -1235px}.emojione-1f483-1f3fd{background-position:-1950px -1300px}.emojione-1f483-1f3fe{background-position:-1950px -1365px}.emojione-1f483-1f3ff{background-position:-1950px -1430px}.emojione-1f483{background-position:-1950px -1495px}.emojione-1f484{background-position:-1950px -1560px}.emojione-1f485-1f3fb{background-position:-1950px -1625px}.emojione-1f485-1f3fc{background-position:-1950px -1690px}.emojione-1f485-1f3fd{background-position:-1950px -1755px}.emojione-1f485-1f3fe{background-position:-1950px -1820px}.emojione-1f485-1f3ff{background-position:-1950px -1885px}.emojione-1f485{background-position:0 -1950px}.emojione-1f486-1f3fb{background-position:-65px -1950px}.emojione-1f486-1f3fc{background-position:-130px -1950px}.emojione-1f486-1f3fd{background-position:-195px -1950px}.emojione-1f486-1f3fe{background-position:-260px -1950px}.emojione-1f486-1f3ff{background-position:-325px -1950px}.emojione-1f486{background-position:-390px -1950px}.emojione-1f487-1f3fb{background-position:-455px -1950px}.emojione-1f487-1f3fc{background-position:-520px -1950px}.emojione-1f487-1f3fd{background-position:-585px -1950px}.emojione-1f487-1f3fe{background-position:-650px -1950px}.emojione-1f487-1f3ff{background-position:-715px -1950px}.emojione-1f487{background-position:-780px -1950px}.emojione-1f488{background-position:-845px -1950px}.emojione-1f489{background-position:-910px -1950px}.emojione-1f48a{background-position:-975px -1950px}.emojione-1f48b{background-position:-1040px -1950px}.emojione-1f48c{background-position:-1105px -1950px}.emojione-1f48d{background-position:-1170px -1950px}.emojione-1f48e{background-position:-1235px -1950px}.emojione-1f48f{background-position:-1300px -1950px}.emojione-1f490{background-position:-1365px -1950px}.emojione-1f491{background-position:-1430px -1950px}.emojione-1f492{background-position:-1495px -1950px}.emojione-1f493{background-position:-1560px -1950px}.emojione-1f494{background-position:-1625px -1950px}.emojione-1f495{background-position:-1690px -1950px}.emojione-1f496{background-position:-1755px -1950px}.emojione-1f497{background-position:-1820px -1950px}.emojione-1f498{background-position:-1885px -1950px}.emojione-1f499{background-position:-1950px -1950px}.emojione-1f49a{background-position:-2015px 0}.emojione-1f49b{background-position:-2015px -65px}.emojione-1f49c{background-position:-2015px -130px}.emojione-1f49d{background-position:-2015px -195px}.emojione-1f49e{background-position:-2015px -260px}.emojione-1f49f{background-position:-2015px -325px}.emojione-1f4a0{background-position:-2015px -390px}.emojione-1f4a1{background-position:-2015px -455px}.emojione-1f4a2{background-position:-2015px -520px}.emojione-1f4a3{background-position:-2015px -585px}.emojione-1f4a4{background-position:-2015px -650px}.emojione-1f4a5{background-position:-2015px -715px}.emojione-1f4a6{background-position:-2015px -780px}.emojione-1f4a7{background-position:-2015px -845px}.emojione-1f4a8{background-position:-2015px -910px}.emojione-1f4a9{background-position:-2015px -975px}.emojione-1f4aa-1f3fb{background-position:-2015px -1040px}.emojione-1f4aa-1f3fc{background-position:-2015px -1105px}.emojione-1f4aa-1f3fd{background-position:-2015px -1170px}.emojione-1f4aa-1f3fe{background-position:-2015px -1235px}.emojione-1f4aa-1f3ff{background-position:-2015px -1300px}.emojione-1f4aa{background-position:-2015px -1365px}.emojione-1f4ab{background-position:-2015px -1430px}.emojione-1f4ac{background-position:-2015px -1495px}.emojione-1f4ad{background-position:-2015px -1560px}.emojione-1f4ae{background-position:-2015px -1625px}.emojione-1f4af{background-position:-2015px -1690px}.emojione-1f4b0{background-position:-2015px -1755px}.emojione-1f4b1{background-position:-2015px -1820px}.emojione-1f4b2{background-position:-2015px -1885px}.emojione-1f4b3{background-position:-2015px -1950px}.emojione-1f4b4{background-position:0 -2015px}.emojione-1f4b5{background-position:-65px -2015px}.emojione-1f4b6{background-position:-130px -2015px}.emojione-1f4b7{background-position:-195px -2015px}.emojione-1f4b8{background-position:-260px -2015px}.emojione-1f4b9{background-position:-325px -2015px}.emojione-1f4ba{background-position:-390px -2015px}.emojione-1f4bb{background-position:-455px -2015px}.emojione-1f4bc{background-position:-520px -2015px}.emojione-1f4bd{background-position:-585px -2015px}.emojione-1f4be{background-position:-650px -2015px}.emojione-1f4bf{background-position:-715px -2015px}.emojione-1f4c0{background-position:-780px -2015px}.emojione-1f4c1{background-position:-845px -2015px}.emojione-1f4c2{background-position:-910px -2015px}.emojione-1f4c3{background-position:-975px -2015px}.emojione-1f4c4{background-position:-1040px -2015px}.emojione-1f4c5{background-position:-1105px -2015px}.emojione-1f4c6{background-position:-1170px -2015px}.emojione-1f4c7{background-position:-1235px -2015px}.emojione-1f4c8{background-position:-1300px -2015px}.emojione-1f4c9{background-position:-1365px -2015px}.emojione-1f4ca{background-position:-1430px -2015px}.emojione-1f4cb{background-position:-1495px -2015px}.emojione-1f4cc{background-position:-1560px -2015px}.emojione-1f4cd{background-position:-1625px -2015px}.emojione-1f4ce{background-position:-1690px -2015px}.emojione-1f4cf{background-position:-1755px -2015px}.emojione-1f4d0{background-position:-1820px -2015px}.emojione-1f4d1{background-position:-1885px -2015px}.emojione-1f4d2{background-position:-1950px -2015px}.emojione-1f4d3{background-position:-2015px -2015px}.emojione-1f4d4{background-position:-2080px 0}.emojione-1f4d5{background-position:-2080px -65px}.emojione-1f4d6{background-position:-2080px -130px}.emojione-1f4d7{background-position:-2080px -195px}.emojione-1f4d8{background-position:-2080px -260px}.emojione-1f4d9{background-position:-2080px -325px}.emojione-1f4da{background-position:-2080px -390px}.emojione-1f4db{background-position:-2080px -455px}.emojione-1f4dc{background-position:-2080px -520px}.emojione-1f4dd{background-position:-2080px -585px}.emojione-1f4de{background-position:-2080px -650px}.emojione-1f4df{background-position:-2080px -715px}.emojione-1f4e0{background-position:-2080px -780px}.emojione-1f4e1{background-position:-2080px -845px}.emojione-1f4e2{background-position:-2080px -910px}.emojione-1f4e3{background-position:-2080px -975px}.emojione-1f4e4{background-position:-2080px -1040px}.emojione-1f4e5{background-position:-2080px -1105px}.emojione-1f4e6{background-position:-2080px -1170px}.emojione-1f4e7{background-position:-2080px -1235px}.emojione-1f4e8{background-position:-2080px -1300px}.emojione-1f4e9{background-position:-2080px -1365px}.emojione-1f4ea{background-position:-2080px -1430px}.emojione-1f4eb{background-position:-2080px -1495px}.emojione-1f4ec{background-position:-2080px -1560px}.emojione-1f4ed{background-position:-2080px -1625px}.emojione-1f4ee{background-position:-2080px -1690px}.emojione-1f4ef{background-position:-2080px -1755px}.emojione-1f4f0{background-position:-2080px -1820px}.emojione-1f4f1{background-position:-2080px -1885px}.emojione-1f4f2{background-position:-2080px -1950px}.emojione-1f4f3{background-position:-2080px -2015px}.emojione-1f4f4{background-position:0 -2080px}.emojione-1f4f5{background-position:-65px -2080px}.emojione-1f4f6{background-position:-130px -2080px}.emojione-1f4f7{background-position:-195px -2080px}.emojione-1f4f8{background-position:-260px -2080px}.emojione-1f4f9{background-position:-325px -2080px}.emojione-1f4fa{background-position:-390px -2080px}.emojione-1f4fb{background-position:-455px -2080px}.emojione-1f4fc{background-position:-520px -2080px}.emojione-1f4fd{background-position:-585px -2080px}.emojione-1f4ff{background-position:-650px -2080px}.emojione-1f500{background-position:-715px -2080px}.emojione-1f501{background-position:-780px -2080px}.emojione-1f502{background-position:-845px -2080px}.emojione-1f503{background-position:-910px -2080px}.emojione-1f504{background-position:-975px -2080px}.emojione-1f505{background-position:-1040px -2080px}.emojione-1f506{background-position:-1105px -2080px}.emojione-1f507{background-position:-1170px -2080px}.emojione-1f508{background-position:-1235px -2080px}.emojione-1f509{background-position:-1300px -2080px}.emojione-1f50a{background-position:-1365px -2080px}.emojione-1f50b{background-position:-1430px -2080px}.emojione-1f50c{background-position:-1495px -2080px}.emojione-1f50d{background-position:-1560px -2080px}.emojione-1f50e{background-position:-1625px -2080px}.emojione-1f50f{background-position:-1690px -2080px}.emojione-1f510{background-position:-1755px -2080px}.emojione-1f511{background-position:-1820px -2080px}.emojione-1f512{background-position:-1885px -2080px}.emojione-1f513{background-position:-1950px -2080px}.emojione-1f514{background-position:-2015px -2080px}.emojione-1f515{background-position:-2080px -2080px}.emojione-1f516{background-position:-2145px 0}.emojione-1f517{background-position:-2145px -65px}.emojione-1f518{background-position:-2145px -130px}.emojione-1f519{background-position:-2145px -195px}.emojione-1f51a{background-position:-2145px -260px}.emojione-1f51b{background-position:-2145px -325px}.emojione-1f51c{background-position:-2145px -390px}.emojione-1f51d{background-position:-2145px -455px}.emojione-1f51e{background-position:-2145px -520px}.emojione-1f51f{background-position:-2145px -585px}.emojione-1f520{background-position:-2145px -650px}.emojione-1f521{background-position:-2145px -715px}.emojione-1f522{background-position:-2145px -780px}.emojione-1f523{background-position:-2145px -845px}.emojione-1f524{background-position:-2145px -910px}.emojione-1f525{background-position:-2145px -975px}.emojione-1f526{background-position:-2145px -1040px}.emojione-1f527{background-position:-2145px -1105px}.emojione-1f528{background-position:-2145px -1170px}.emojione-1f529{background-position:-2145px -1235px}.emojione-1f52a{background-position:-2145px -1300px}.emojione-1f52b{background-position:-2145px -1365px}.emojione-1f52c{background-position:-2145px -1430px}.emojione-1f52d{background-position:-2145px -1495px}.emojione-1f52e{background-position:-2145px -1560px}.emojione-1f52f{background-position:-2145px -1625px}.emojione-1f530{background-position:-2145px -1690px}.emojione-1f531{background-position:-2145px -1755px}.emojione-1f532{background-position:-2145px -1820px}.emojione-1f533{background-position:-2145px -1885px}.emojione-1f534{background-position:-2145px -1950px}.emojione-1f535{background-position:-2145px -2015px}.emojione-1f536{background-position:-2145px -2080px}.emojione-1f537{background-position:0 -2145px}.emojione-1f538{background-position:-65px -2145px}.emojione-1f539{background-position:-130px -2145px}.emojione-1f53a{background-position:-195px -2145px}.emojione-1f53b{background-position:-260px -2145px}.emojione-1f53c{background-position:-325px -2145px}.emojione-1f53d{background-position:-390px -2145px}.emojione-1f549{background-position:-455px -2145px}.emojione-1f54a{background-position:-520px -2145px}.emojione-1f54b{background-position:-585px -2145px}.emojione-1f54c{background-position:-650px -2145px}.emojione-1f54d{background-position:-715px -2145px}.emojione-1f54e{background-position:-780px -2145px}.emojione-1f550{background-position:-845px -2145px}.emojione-1f551{background-position:-910px -2145px}.emojione-1f552{background-position:-975px -2145px}.emojione-1f553{background-position:-1040px -2145px}.emojione-1f554{background-position:-1105px -2145px}.emojione-1f555{background-position:-1170px -2145px}.emojione-1f556{background-position:-1235px -2145px}.emojione-1f557{background-position:-1300px -2145px}.emojione-1f558{background-position:-1365px -2145px}.emojione-1f559{background-position:-1430px -2145px}.emojione-1f55a{background-position:-1495px -2145px}.emojione-1f55b{background-position:-1560px -2145px}.emojione-1f55c{background-position:-1625px -2145px}.emojione-1f55d{background-position:-1690px -2145px}.emojione-1f55e{background-position:-1755px -2145px}.emojione-1f55f{background-position:-1820px -2145px}.emojione-1f560{background-position:-1885px -2145px}.emojione-1f561{background-position:-1950px -2145px}.emojione-1f562{background-position:-2015px -2145px}.emojione-1f563{background-position:-2080px -2145px}.emojione-1f564{background-position:-2145px -2145px}.emojione-1f565{background-position:-2210px 0}.emojione-1f566{background-position:-2210px -65px}.emojione-1f567{background-position:-2210px -130px}.emojione-1f56f{background-position:-2210px -195px}.emojione-1f570{background-position:-2210px -260px}.emojione-1f573{background-position:-2210px -325px}.emojione-1f574{background-position:-2210px -390px}.emojione-1f575-1f3fb{background-position:-2210px -455px}.emojione-1f575-1f3fc{background-position:-2210px -520px}.emojione-1f575-1f3fd{background-position:-2210px -585px}.emojione-1f575-1f3fe{background-position:-2210px -650px}.emojione-1f575-1f3ff{background-position:-2210px -715px}.emojione-1f575{background-position:-2210px -780px}.emojione-1f576{background-position:-2210px -845px}.emojione-1f577{background-position:-2210px -910px}.emojione-1f578{background-position:-2210px -975px}.emojione-1f579{background-position:-2210px -1040px}.emojione-1f57a-1f3fb{background-position:-2210px -1105px}.emojione-1f57a-1f3fc{background-position:-2210px -1170px}.emojione-1f57a-1f3fd{background-position:-2210px -1235px}.emojione-1f57a-1f3fe{background-position:-2210px -1300px}.emojione-1f57a-1f3ff{background-position:-2210px -1365px}.emojione-1f57a{background-position:-2210px -1430px}.emojione-1f587{background-position:-2210px -1495px}.emojione-1f58a{background-position:-2210px -1560px}.emojione-1f58b{background-position:-2210px -1625px}.emojione-1f58c{background-position:-2210px -1690px}.emojione-1f58d{background-position:-2210px -1755px}.emojione-1f590-1f3fb{background-position:-2210px -1820px}.emojione-1f590-1f3fc{background-position:-2210px -1885px}.emojione-1f590-1f3fd{background-position:-2210px -1950px}.emojione-1f590-1f3fe{background-position:-2210px -2015px}.emojione-1f590-1f3ff{background-position:-2210px -2080px}.emojione-1f590{background-position:-2210px -2145px}.emojione-1f595-1f3fb{background-position:0 -2210px}.emojione-1f595-1f3fc{background-position:-65px -2210px}.emojione-1f595-1f3fd{background-position:-130px -2210px}.emojione-1f595-1f3fe{background-position:-195px -2210px}.emojione-1f595-1f3ff{background-position:-260px -2210px}.emojione-1f595{background-position:-325px -2210px}.emojione-1f596-1f3fb{background-position:-390px -2210px}.emojione-1f596-1f3fc{background-position:-455px -2210px}.emojione-1f596-1f3fd{background-position:-520px -2210px}.emojione-1f596-1f3fe{background-position:-585px -2210px}.emojione-1f596-1f3ff{background-position:-650px -2210px}.emojione-1f596{background-position:-715px -2210px}.emojione-1f5a4{background-position:-780px -2210px}.emojione-1f5a5{background-position:-845px -2210px}.emojione-1f5a8{background-position:-910px -2210px}.emojione-1f5b1{background-position:-975px -2210px}.emojione-1f5b2{background-position:-1040px -2210px}.emojione-1f5bc{background-position:-1105px -2210px}.emojione-1f5c2{background-position:-1170px -2210px}.emojione-1f5c3{background-position:-1235px -2210px}.emojione-1f5c4{background-position:-1300px -2210px}.emojione-1f5d1{background-position:-1365px -2210px}.emojione-1f5d2{background-position:-1430px -2210px}.emojione-1f5d3{background-position:-1495px -2210px}.emojione-1f5dc{background-position:-1560px -2210px}.emojione-1f5dd{background-position:-1625px -2210px}.emojione-1f5de{background-position:-1690px -2210px}.emojione-1f5e1{background-position:-1755px -2210px}.emojione-1f5e3{background-position:-1820px -2210px}.emojione-1f5e8{background-position:-1885px -2210px}.emojione-1f5ef{background-position:-1950px -2210px}.emojione-1f5f3{background-position:-2015px -2210px}.emojione-1f5fa{background-position:-2080px -2210px}.emojione-1f5fb{background-position:-2145px -2210px}.emojione-1f5fc{background-position:-2210px -2210px}.emojione-1f5fd{background-position:-2275px 0}.emojione-1f5fe{background-position:-2275px -65px}.emojione-1f5ff{background-position:-2275px -130px}.emojione-1f600{background-position:-2275px -195px}.emojione-1f601{background-position:-2275px -260px}.emojione-1f602{background-position:-2275px -325px}.emojione-1f603{background-position:-2275px -390px}.emojione-1f604{background-position:-2275px -455px}.emojione-1f605{background-position:-2275px -520px}.emojione-1f606{background-position:-2275px -585px}.emojione-1f607{background-position:-2275px -650px}.emojione-1f608{background-position:-2275px -715px}.emojione-1f609{background-position:-2275px -780px}.emojione-1f60a{background-position:-2275px -845px}.emojione-1f60b{background-position:-2275px -910px}.emojione-1f60c{background-position:-2275px -975px}.emojione-1f60d{background-position:-2275px -1040px}.emojione-1f60e{background-position:-2275px -1105px}.emojione-1f60f{background-position:-2275px -1170px}.emojione-1f610{background-position:-2275px -1235px}.emojione-1f611{background-position:-2275px -1300px}.emojione-1f612{background-position:-2275px -1365px}.emojione-1f613{background-position:-2275px -1430px}.emojione-1f614{background-position:-2275px -1495px}.emojione-1f615{background-position:-2275px -1560px}.emojione-1f616{background-position:-2275px -1625px}.emojione-1f617{background-position:-2275px -1690px}.emojione-1f618{background-position:-2275px -1755px}.emojione-1f619{background-position:-2275px -1820px}.emojione-1f61a{background-position:-2275px -1885px}.emojione-1f61b{background-position:-2275px -1950px}.emojione-1f61c{background-position:-2275px -2015px}.emojione-1f61d{background-position:-2275px -2080px}.emojione-1f61e{background-position:-2275px -2145px}.emojione-1f61f{background-position:-2275px -2210px}.emojione-1f620{background-position:0 -2275px}.emojione-1f621{background-position:-65px -2275px}.emojione-1f622{background-position:-130px -2275px}.emojione-1f623{background-position:-195px -2275px}.emojione-1f624{background-position:-260px -2275px}.emojione-1f625{background-position:-325px -2275px}.emojione-1f626{background-position:-390px -2275px}.emojione-1f627{background-position:-455px -2275px}.emojione-1f628{background-position:-520px -2275px}.emojione-1f629{background-position:-585px -2275px}.emojione-1f62a{background-position:-650px -2275px}.emojione-1f62b{background-position:-715px -2275px}.emojione-1f62c{background-position:-780px -2275px}.emojione-1f62d{background-position:-845px -2275px}.emojione-1f62e{background-position:-910px -2275px}.emojione-1f62f{background-position:-975px -2275px}.emojione-1f630{background-position:-1040px -2275px}.emojione-1f631{background-position:-1105px -2275px}.emojione-1f632{background-position:-1170px -2275px}.emojione-1f633{background-position:-1235px -2275px}.emojione-1f634{background-position:-1300px -2275px}.emojione-1f635{background-position:-1365px -2275px}.emojione-1f636{background-position:-1430px -2275px}.emojione-1f637{background-position:-1495px -2275px}.emojione-1f638{background-position:-1560px -2275px}.emojione-1f639{background-position:-1625px -2275px}.emojione-1f63a{background-position:-1690px -2275px}.emojione-1f63b{background-position:-1755px -2275px}.emojione-1f63c{background-position:-1820px -2275px}.emojione-1f63d{background-position:-1885px -2275px}.emojione-1f63e{background-position:-1950px -2275px}.emojione-1f63f{background-position:-2015px -2275px}.emojione-1f640{background-position:-2080px -2275px}.emojione-1f641{background-position:-2145px -2275px}.emojione-1f642{background-position:-2210px -2275px}.emojione-1f643{background-position:-2275px -2275px}.emojione-1f644{background-position:-2340px 0}.emojione-1f645-1f3fb{background-position:-2340px -65px}.emojione-1f645-1f3fc{background-position:-2340px -130px}.emojione-1f645-1f3fd{background-position:-2340px -195px}.emojione-1f645-1f3fe{background-position:-2340px -260px}.emojione-1f645-1f3ff{background-position:-2340px -325px}.emojione-1f645{background-position:-2340px -390px}.emojione-1f646-1f3fb{background-position:-2340px -455px}.emojione-1f646-1f3fc{background-position:-2340px -520px}.emojione-1f646-1f3fd{background-position:-2340px -585px}.emojione-1f646-1f3fe{background-position:-2340px -650px}.emojione-1f646-1f3ff{background-position:-2340px -715px}.emojione-1f646{background-position:-2340px -780px}.emojione-1f647-1f3fb{background-position:-2340px -845px}.emojione-1f647-1f3fc{background-position:-2340px -910px}.emojione-1f647-1f3fd{background-position:-2340px -975px}.emojione-1f647-1f3fe{background-position:-2340px -1040px}.emojione-1f647-1f3ff{background-position:-2340px -1105px}.emojione-1f647{background-position:-2340px -1170px}.emojione-1f648{background-position:-2340px -1235px}.emojione-1f649{background-position:-2340px -1300px}.emojione-1f64a{background-position:-2340px -1365px}.emojione-1f64b-1f3fb{background-position:-2340px -1430px}.emojione-1f64b-1f3fc{background-position:-2340px -1495px}.emojione-1f64b-1f3fd{background-position:-2340px -1560px}.emojione-1f64b-1f3fe{background-position:-2340px -1625px}.emojione-1f64b-1f3ff{background-position:-2340px -1690px}.emojione-1f64b{background-position:-2340px -1755px}.emojione-1f64c-1f3fb{background-position:-2340px -1820px}.emojione-1f64c-1f3fc{background-position:-2340px -1885px}.emojione-1f64c-1f3fd{background-position:-2340px -1950px}.emojione-1f64c-1f3fe{background-position:-2340px -2015px}.emojione-1f64c-1f3ff{background-position:-2340px -2080px}.emojione-1f64c{background-position:-2340px -2145px}.emojione-1f64d-1f3fb{background-position:-2340px -2210px}.emojione-1f64d-1f3fc{background-position:-2340px -2275px}.emojione-1f64d-1f3fd{background-position:0 -2340px}.emojione-1f64d-1f3fe{background-position:-65px -2340px}.emojione-1f64d-1f3ff{background-position:-130px -2340px}.emojione-1f64d{background-position:-195px -2340px}.emojione-1f64e-1f3fb{background-position:-260px -2340px}.emojione-1f64e-1f3fc{background-position:-325px -2340px}.emojione-1f64e-1f3fd{background-position:-390px -2340px}.emojione-1f64e-1f3fe{background-position:-455px -2340px}.emojione-1f64e-1f3ff{background-position:-520px -2340px}.emojione-1f64e{background-position:-585px -2340px}.emojione-1f64f-1f3fb{background-position:-650px -2340px}.emojione-1f64f-1f3fc{background-position:-715px -2340px}.emojione-1f64f-1f3fd{background-position:-780px -2340px}.emojione-1f64f-1f3fe{background-position:-845px -2340px}.emojione-1f64f-1f3ff{background-position:-910px -2340px}.emojione-1f64f{background-position:-975px -2340px}.emojione-1f680{background-position:-1040px -2340px}.emojione-1f681{background-position:-1105px -2340px}.emojione-1f682{background-position:-1170px -2340px}.emojione-1f683{background-position:-1235px -2340px}.emojione-1f684{background-position:-1300px -2340px}.emojione-1f685{background-position:-1365px -2340px}.emojione-1f686{background-position:-1430px -2340px}.emojione-1f687{background-position:-1495px -2340px}.emojione-1f688{background-position:-1560px -2340px}.emojione-1f689{background-position:-1625px -2340px}.emojione-1f68a{background-position:-1690px -2340px}.emojione-1f68b{background-position:-1755px -2340px}.emojione-1f68c{background-position:-1820px -2340px}.emojione-1f68d{background-position:-1885px -2340px}.emojione-1f68e{background-position:-1950px -2340px}.emojione-1f68f{background-position:-2015px -2340px}.emojione-1f690{background-position:-2080px -2340px}.emojione-1f691{background-position:-2145px -2340px}.emojione-1f692{background-position:-2210px -2340px}.emojione-1f693{background-position:-2275px -2340px}.emojione-1f694{background-position:-2340px -2340px}.emojione-1f695{background-position:-2405px 0}.emojione-1f696{background-position:-2405px -65px}.emojione-1f697{background-position:-2405px -130px}.emojione-1f698{background-position:-2405px -195px}.emojione-1f699{background-position:-2405px -260px}.emojione-1f69a{background-position:-2405px -325px}.emojione-1f69b{background-position:-2405px -390px}.emojione-1f69c{background-position:-2405px -455px}.emojione-1f69d{background-position:-2405px -520px}.emojione-1f69e{background-position:-2405px -585px}.emojione-1f69f{background-position:-2405px -650px}.emojione-1f6a0{background-position:-2405px -715px}.emojione-1f6a1{background-position:-2405px -780px}.emojione-1f6a2{background-position:-2405px -845px}.emojione-1f6a3-1f3fb{background-position:-2405px -910px}.emojione-1f6a3-1f3fc{background-position:-2405px -975px}.emojione-1f6a3-1f3fd{background-position:-2405px -1040px}.emojione-1f6a3-1f3fe{background-position:-2405px -1105px}.emojione-1f6a3-1f3ff{background-position:-2405px -1170px}.emojione-1f6a3{background-position:-2405px -1235px}.emojione-1f6a4{background-position:-2405px -1300px}.emojione-1f6a5{background-position:-2405px -1365px}.emojione-1f6a6{background-position:-2405px -1430px}.emojione-1f6a7{background-position:-2405px -1495px}.emojione-1f6a8{background-position:-2405px -1560px}.emojione-1f6a9{background-position:-2405px -1625px}.emojione-1f6aa{background-position:-2405px -1690px}.emojione-1f6ab{background-position:-2405px -1755px}.emojione-1f6ac{background-position:-2405px -1820px}.emojione-1f6ad{background-position:-2405px -1885px}.emojione-1f6ae{background-position:-2405px -1950px}.emojione-1f6af{background-position:-2405px -2015px}.emojione-1f6b0{background-position:-2405px -2080px}.emojione-1f6b1{background-position:-2405px -2145px}.emojione-1f6b2{background-position:-2405px -2210px}.emojione-1f6b3{background-position:-2405px -2275px}.emojione-1f6b4-1f3fb{background-position:-2405px -2340px}.emojione-1f6b4-1f3fc{background-position:0 -2405px}.emojione-1f6b4-1f3fd{background-position:-65px -2405px}.emojione-1f6b4-1f3fe{background-position:-130px -2405px}.emojione-1f6b4-1f3ff{background-position:-195px -2405px}.emojione-1f6b4{background-position:-260px -2405px}.emojione-1f6b5-1f3fb{background-position:-325px -2405px}.emojione-1f6b5-1f3fc{background-position:-390px -2405px}.emojione-1f6b5-1f3fd{background-position:-455px -2405px}.emojione-1f6b5-1f3fe{background-position:-520px -2405px}.emojione-1f6b5-1f3ff{background-position:-585px -2405px}.emojione-1f6b5{background-position:-650px -2405px}.emojione-1f6b6-1f3fb{background-position:-715px -2405px}.emojione-1f6b6-1f3fc{background-position:-780px -2405px}.emojione-1f6b6-1f3fd{background-position:-845px -2405px}.emojione-1f6b6-1f3fe{background-position:-910px -2405px}.emojione-1f6b6-1f3ff{background-position:-975px -2405px}.emojione-1f6b6{background-position:-1040px -2405px}.emojione-1f6b7{background-position:-1105px -2405px}.emojione-1f6b8{background-position:-1170px -2405px}.emojione-1f6b9{background-position:-1235px -2405px}.emojione-1f6ba{background-position:-1300px -2405px}.emojione-1f6bb{background-position:-1365px -2405px}.emojione-1f6bc{background-position:-1430px -2405px}.emojione-1f6bd{background-position:-1495px -2405px}.emojione-1f6be{background-position:-1560px -2405px}.emojione-1f6bf{background-position:-1625px -2405px}.emojione-1f6c0-1f3fb{background-position:-1690px -2405px}.emojione-1f6c0-1f3fc{background-position:-1755px -2405px}.emojione-1f6c0-1f3fd{background-position:-1820px -2405px}.emojione-1f6c0-1f3fe{background-position:-1885px -2405px}.emojione-1f6c0-1f3ff{background-position:-1950px -2405px}.emojione-1f6c0{background-position:-2015px -2405px}.emojione-1f6c1{background-position:-2080px -2405px}.emojione-1f6c2{background-position:-2145px -2405px}.emojione-1f6c3{background-position:-2210px -2405px}.emojione-1f6c4{background-position:-2275px -2405px}.emojione-1f6c5{background-position:-2340px -2405px}.emojione-1f6cb{background-position:-2405px -2405px}.emojione-1f6cc{background-position:-2470px 0}.emojione-1f6cd{background-position:-2470px -65px}.emojione-1f6ce{background-position:-2470px -130px}.emojione-1f6cf{background-position:-2470px -195px}.emojione-1f6d0{background-position:-2470px -260px}.emojione-1f6d1{background-position:-2470px -325px}.emojione-1f6d2{background-position:-2470px -390px}.emojione-1f6e0{background-position:-2470px -455px}.emojione-1f6e1{background-position:-2470px -520px}.emojione-1f6e2{background-position:-2470px -585px}.emojione-1f6e3{background-position:-2470px -650px}.emojione-1f6e4{background-position:-2470px -715px}.emojione-1f6e5{background-position:-2470px -780px}.emojione-1f6e9{background-position:-2470px -845px}.emojione-1f6eb{background-position:-2470px -910px}.emojione-1f6ec{background-position:-2470px -975px}.emojione-1f6f0{background-position:-2470px -1040px}.emojione-1f6f3{background-position:-2470px -1105px}.emojione-1f6f4{background-position:-2470px -1170px}.emojione-1f6f5{background-position:-2470px -1235px}.emojione-1f6f6{background-position:-2470px -1300px}.emojione-1f910{background-position:-2470px -1365px}.emojione-1f911{background-position:-2470px -1430px}.emojione-1f912{background-position:-2470px -1495px}.emojione-1f913{background-position:-2470px -1560px}.emojione-1f914{background-position:-2470px -1625px}.emojione-1f915{background-position:-2470px -1690px}.emojione-1f916{background-position:-2470px -1755px}.emojione-1f917{background-position:-2470px -1820px}.emojione-1f918-1f3fb{background-position:-2470px -1885px}.emojione-1f918-1f3fc{background-position:-2470px -1950px}.emojione-1f918-1f3fd{background-position:-2470px -2015px}.emojione-1f918-1f3fe{background-position:-2470px -2080px}.emojione-1f918-1f3ff{background-position:-2470px -2145px}.emojione-1f918{background-position:-2470px -2210px}.emojione-1f919-1f3fb{background-position:-2470px -2275px}.emojione-1f919-1f3fc{background-position:-2470px -2340px}.emojione-1f919-1f3fd{background-position:-2470px -2405px}.emojione-1f919-1f3fe{background-position:0 -2470px}.emojione-1f919-1f3ff{background-position:-65px -2470px}.emojione-1f919{background-position:-130px -2470px}.emojione-1f91a-1f3fb{background-position:-195px -2470px}.emojione-1f91a-1f3fc{background-position:-260px -2470px}.emojione-1f91a-1f3fd{background-position:-325px -2470px}.emojione-1f91a-1f3fe{background-position:-390px -2470px}.emojione-1f91a-1f3ff{background-position:-455px -2470px}.emojione-1f91a{background-position:-520px -2470px}.emojione-1f91b-1f3fb{background-position:-585px -2470px}.emojione-1f91b-1f3fc{background-position:-650px -2470px}.emojione-1f91b-1f3fd{background-position:-715px -2470px}.emojione-1f91b-1f3fe{background-position:-780px -2470px}.emojione-1f91b-1f3ff{background-position:-845px -2470px}.emojione-1f91b{background-position:-910px -2470px}.emojione-1f91c-1f3fb{background-position:-975px -2470px}.emojione-1f91c-1f3fc{background-position:-1040px -2470px}.emojione-1f91c-1f3fd{background-position:-1105px -2470px}.emojione-1f91c-1f3fe{background-position:-1170px -2470px}.emojione-1f91c-1f3ff{background-position:-1235px -2470px}.emojione-1f91c{background-position:-1300px -2470px}.emojione-1f91d-1f3fb{background-position:-1365px -2470px}.emojione-1f91d-1f3fc{background-position:-1430px -2470px}.emojione-1f91d-1f3fd{background-position:-1495px -2470px}.emojione-1f91d-1f3fe{background-position:-1560px -2470px}.emojione-1f91d-1f3ff{background-position:-1625px -2470px}.emojione-1f91d{background-position:-1690px -2470px}.emojione-1f91e-1f3fb{background-position:-1755px -2470px}.emojione-1f91e-1f3fc{background-position:-1820px -2470px}.emojione-1f91e-1f3fd{background-position:-1885px -2470px}.emojione-1f91e-1f3fe{background-position:-1950px -2470px}.emojione-1f91e-1f3ff{background-position:-2015px -2470px}.emojione-1f91e{background-position:-2080px -2470px}.emojione-1f920{background-position:-2145px -2470px}.emojione-1f921{background-position:-2210px -2470px}.emojione-1f922{background-position:-2275px -2470px}.emojione-1f923{background-position:-2340px -2470px}.emojione-1f924{background-position:-2405px -2470px}.emojione-1f925{background-position:-2470px -2470px}.emojione-1f926-1f3fb{background-position:-2535px 0}.emojione-1f926-1f3fc{background-position:-2535px -65px}.emojione-1f926-1f3fd{background-position:-2535px -130px}.emojione-1f926-1f3fe{background-position:-2535px -195px}.emojione-1f926-1f3ff{background-position:-2535px -260px}.emojione-1f926{background-position:-2535px -325px}.emojione-1f927{background-position:-2535px -390px}.emojione-1f930-1f3fb{background-position:-2535px -455px}.emojione-1f930-1f3fc{background-position:-2535px -520px}.emojione-1f930-1f3fd{background-position:-2535px -585px}.emojione-1f930-1f3fe{background-position:-2535px -650px}.emojione-1f930-1f3ff{background-position:-2535px -715px}.emojione-1f930{background-position:-2535px -780px}.emojione-1f933-1f3fb{background-position:-2535px -845px}.emojione-1f933-1f3fc{background-position:-2535px -910px}.emojione-1f933-1f3fd{background-position:-2535px -975px}.emojione-1f933-1f3fe{background-position:-2535px -1040px}.emojione-1f933-1f3ff{background-position:-2535px -1105px}.emojione-1f933{background-position:-2535px -1170px}.emojione-1f934-1f3fb{background-position:-2535px -1235px}.emojione-1f934-1f3fc{background-position:-2535px -1300px}.emojione-1f934-1f3fd{background-position:-2535px -1365px}.emojione-1f934-1f3fe{background-position:-2535px -1430px}.emojione-1f934-1f3ff{background-position:-2535px -1495px}.emojione-1f934{background-position:-2535px -1560px}.emojione-1f935-1f3fb{background-position:-2535px -1625px}.emojione-1f935-1f3fc{background-position:-2535px -1690px}.emojione-1f935-1f3fd{background-position:-2535px -1755px}.emojione-1f935-1f3fe{background-position:-2535px -1820px}.emojione-1f935-1f3ff{background-position:-2535px -1885px}.emojione-1f935{background-position:-2535px -1950px}.emojione-1f936-1f3fb{background-position:-2535px -2015px}.emojione-1f936-1f3fc{background-position:-2535px -2080px}.emojione-1f936-1f3fd{background-position:-2535px -2145px}.emojione-1f936-1f3fe{background-position:-2535px -2210px}.emojione-1f936-1f3ff{background-position:-2535px -2275px}.emojione-1f936{background-position:-2535px -2340px}.emojione-1f937-1f3fb{background-position:-2535px -2405px}.emojione-1f937-1f3fc{background-position:-2535px -2470px}.emojione-1f937-1f3fd{background-position:0 -2535px}.emojione-1f937-1f3fe{background-position:-65px -2535px}.emojione-1f937-1f3ff{background-position:-130px -2535px}.emojione-1f937{background-position:-195px -2535px}.emojione-1f938-1f3fb{background-position:-260px -2535px}.emojione-1f938-1f3fc{background-position:-325px -2535px}.emojione-1f938-1f3fd{background-position:-390px -2535px}.emojione-1f938-1f3fe{background-position:-455px -2535px}.emojione-1f938-1f3ff{background-position:-520px -2535px}.emojione-1f938{background-position:-585px -2535px}.emojione-1f939-1f3fb{background-position:-650px -2535px}.emojione-1f939-1f3fc{background-position:-715px -2535px}.emojione-1f939-1f3fd{background-position:-780px -2535px}.emojione-1f939-1f3fe{background-position:-845px -2535px}.emojione-1f939-1f3ff{background-position:-910px -2535px}.emojione-1f939{background-position:-975px -2535px}.emojione-1f93a{background-position:-1040px -2535px}.emojione-1f93c-1f3fb{background-position:-1105px -2535px}.emojione-1f93c-1f3fc{background-position:-1170px -2535px}.emojione-1f93c-1f3fd{background-position:-1235px -2535px}.emojione-1f93c-1f3fe{background-position:-1300px -2535px}.emojione-1f93c-1f3ff{background-position:-1365px -2535px}.emojione-1f93c{background-position:-1430px -2535px}.emojione-1f93d-1f3fb{background-position:-1495px -2535px}.emojione-1f93d-1f3fc{background-position:-1560px -2535px}.emojione-1f93d-1f3fd{background-position:-1625px -2535px}.emojione-1f93d-1f3fe{background-position:-1690px -2535px}.emojione-1f93d-1f3ff{background-position:-1755px -2535px}.emojione-1f93d{background-position:-1820px -2535px}.emojione-1f93e-1f3fb{background-position:-1885px -2535px}.emojione-1f93e-1f3fc{background-position:-1950px -2535px}.emojione-1f93e-1f3fd{background-position:-2015px -2535px}.emojione-1f93e-1f3fe{background-position:-2080px -2535px}.emojione-1f93e-1f3ff{background-position:-2145px -2535px}.emojione-1f93e{background-position:-2210px -2535px}.emojione-1f940{background-position:-2275px -2535px}.emojione-1f941{background-position:-2340px -2535px}.emojione-1f942{background-position:-2405px -2535px}.emojione-1f943{background-position:-2470px -2535px}.emojione-1f944{background-position:-2535px -2535px}.emojione-1f945{background-position:-2600px 0}.emojione-1f947{background-position:-2600px -65px}.emojione-1f948{background-position:-2600px -130px}.emojione-1f949{background-position:-2600px -195px}.emojione-1f94a{background-position:-2600px -260px}.emojione-1f94b{background-position:-2600px -325px}.emojione-1f950{background-position:-2600px -390px}.emojione-1f951{background-position:-2600px -455px}.emojione-1f952{background-position:-2600px -520px}.emojione-1f953{background-position:-2600px -585px}.emojione-1f954{background-position:-2600px -650px}.emojione-1f955{background-position:-2600px -715px}.emojione-1f956{background-position:-2600px -780px}.emojione-1f957{background-position:-2600px -845px}.emojione-1f958{background-position:-2600px -910px}.emojione-1f959{background-position:-2600px -975px}.emojione-1f95a{background-position:-2600px -1040px}.emojione-1f95b{background-position:-2600px -1105px}.emojione-1f95c{background-position:-2600px -1170px}.emojione-1f95d{background-position:-2600px -1235px}.emojione-1f95e{background-position:-2600px -1300px}.emojione-1f980{background-position:-2600px -1365px}.emojione-1f981{background-position:-2600px -1430px}.emojione-1f982{background-position:-2600px -1495px}.emojione-1f983{background-position:-2600px -1560px}.emojione-1f984{background-position:-2600px -1625px}.emojione-1f985{background-position:-2600px -1690px}.emojione-1f986{background-position:-2600px -1755px}.emojione-1f987{background-position:-2600px -1820px}.emojione-1f988{background-position:-2600px -1885px}.emojione-1f989{background-position:-2600px -1950px}.emojione-1f98a{background-position:-2600px -2015px}.emojione-1f98b{background-position:-2600px -2080px}.emojione-1f98c{background-position:-2600px -2145px}.emojione-1f98d{background-position:-2600px -2210px}.emojione-1f98e{background-position:-2600px -2275px}.emojione-1f98f{background-position:-2600px -2340px}.emojione-1f990{background-position:-2600px -2405px}.emojione-1f991{background-position:-2600px -2470px}.emojione-1f9c0{background-position:-2600px -2535px}.emojione-203c{background-position:0 -2600px}.emojione-2049{background-position:-65px -2600px}.emojione-2122{background-position:-130px -2600px}.emojione-2139{background-position:-195px -2600px}.emojione-2194{background-position:-260px -2600px}.emojione-2195{background-position:-325px -2600px}.emojione-2196{background-position:-390px -2600px}.emojione-2197{background-position:-455px -2600px}.emojione-2198{background-position:-520px -2600px}.emojione-2199{background-position:-585px -2600px}.emojione-21a9{background-position:-650px -2600px}.emojione-21aa{background-position:-715px -2600px}.emojione-231a{background-position:-780px -2600px}.emojione-231b{background-position:-845px -2600px}.emojione-2328{background-position:-910px -2600px}.emojione-23cf{background-position:-975px -2600px}.emojione-23e9{background-position:-1040px -2600px}.emojione-23ea{background-position:-1105px -2600px}.emojione-23eb{background-position:-1170px -2600px}.emojione-23ec{background-position:-1235px -2600px}.emojione-23ed{background-position:-1300px -2600px}.emojione-23ee{background-position:-1365px -2600px}.emojione-23ef{background-position:-1430px -2600px}.emojione-23f0{background-position:-1495px -2600px}.emojione-23f1{background-position:-1560px -2600px}.emojione-23f2{background-position:-1625px -2600px}.emojione-23f3{background-position:-1690px -2600px}.emojione-23f8{background-position:-1755px -2600px}.emojione-23f9{background-position:-1820px -2600px}.emojione-23fa{background-position:-1885px -2600px}.emojione-24c2{background-position:-1950px -2600px}.emojione-25aa{background-position:-2015px -2600px}.emojione-25ab{background-position:-2080px -2600px}.emojione-25b6{background-position:-2145px -2600px}.emojione-25c0{background-position:-2210px -2600px}.emojione-25fb{background-position:-2275px -2600px}.emojione-25fc{background-position:-2340px -2600px}.emojione-25fd{background-position:-2405px -2600px}.emojione-25fe{background-position:-2470px -2600px}.emojione-2600{background-position:-2535px -2600px}.emojione-2601{background-position:-2600px -2600px}.emojione-2602{background-position:-2665px 0}.emojione-2603{background-position:-2665px -65px}.emojione-2604{background-position:-2665px -130px}.emojione-260e{background-position:-2665px -195px}.emojione-2611{background-position:-2665px -260px}.emojione-2614{background-position:-2665px -325px}.emojione-2615{background-position:-2665px -390px}.emojione-2618{background-position:-2665px -455px}.emojione-261d-1f3fb{background-position:-2665px -520px}.emojione-261d-1f3fc{background-position:-2665px -585px}.emojione-261d-1f3fd{background-position:-2665px -650px}.emojione-261d-1f3fe{background-position:-2665px -715px}.emojione-261d-1f3ff{background-position:-2665px -780px}.emojione-261d{background-position:-2665px -845px}.emojione-2620{background-position:-2665px -910px}.emojione-2622{background-position:-2665px -975px}.emojione-2623{background-position:-2665px -1040px}.emojione-2626{background-position:-2665px -1105px}.emojione-262a{background-position:-2665px -1170px}.emojione-262e{background-position:-2665px -1235px}.emojione-262f{background-position:-2665px -1300px}.emojione-2638{background-position:-2665px -1365px}.emojione-2639{background-position:-2665px -1430px}.emojione-263a{background-position:-2665px -1495px}.emojione-2648{background-position:-2665px -1560px}.emojione-2649{background-position:-2665px -1625px}.emojione-264a{background-position:-2665px -1690px}.emojione-264b{background-position:-2665px -1755px}.emojione-264c{background-position:-2665px -1820px}.emojione-264d{background-position:-2665px -1885px}.emojione-264e{background-position:-2665px -1950px}.emojione-264f{background-position:-2665px -2015px}.emojione-2650{background-position:-2665px -2080px}.emojione-2651{background-position:-2665px -2145px}.emojione-2652{background-position:-2665px -2210px}.emojione-2653{background-position:-2665px -2275px}.emojione-2660{background-position:-2665px -2340px}.emojione-2663{background-position:-2665px -2405px}.emojione-2665{background-position:-2665px -2470px}.emojione-2666{background-position:-2665px -2535px}.emojione-2668{background-position:-2665px -2600px}.emojione-267b{background-position:0 -2665px}.emojione-267f{background-position:-65px -2665px}.emojione-2692{background-position:-130px -2665px}.emojione-2693{background-position:-195px -2665px}.emojione-2694{background-position:-260px -2665px}.emojione-2696{background-position:-325px -2665px}.emojione-2697{background-position:-390px -2665px}.emojione-2699{background-position:-455px -2665px}.emojione-269b{background-position:-520px -2665px}.emojione-269c{background-position:-585px -2665px}.emojione-26a0{background-position:-650px -2665px}.emojione-26a1{background-position:-715px -2665px}.emojione-26aa{background-position:-780px -2665px}.emojione-26ab{background-position:-845px -2665px}.emojione-26b0{background-position:-910px -2665px}.emojione-26b1{background-position:-975px -2665px}.emojione-26bd{background-position:-1040px -2665px}.emojione-26be{background-position:-1105px -2665px}.emojione-26c4{background-position:-1170px -2665px}.emojione-26c5{background-position:-1235px -2665px}.emojione-26c8{background-position:-1300px -2665px}.emojione-26ce{background-position:-1365px -2665px}.emojione-26cf{background-position:-1430px -2665px}.emojione-26d1{background-position:-1495px -2665px}.emojione-26d3{background-position:-1560px -2665px}.emojione-26d4{background-position:-1625px -2665px}.emojione-26e9{background-position:-1690px -2665px}.emojione-26ea{background-position:-1755px -2665px}.emojione-26f0{background-position:-1820px -2665px}.emojione-26f1{background-position:-1885px -2665px}.emojione-26f2{background-position:-1950px -2665px}.emojione-26f3{background-position:-2015px -2665px}.emojione-26f4{background-position:-2080px -2665px}.emojione-26f5{background-position:-2145px -2665px}.emojione-26f7{background-position:-2210px -2665px}.emojione-26f8{background-position:-2275px -2665px}.emojione-26f9-1f3fb{background-position:-2340px -2665px}.emojione-26f9-1f3fc{background-position:-2405px -2665px}.emojione-26f9-1f3fd{background-position:-2470px -2665px}.emojione-26f9-1f3fe{background-position:-2535px -2665px}.emojione-26f9-1f3ff{background-position:-2600px -2665px}.emojione-26f9{background-position:-2665px -2665px}.emojione-26fa{background-position:-2730px 0}.emojione-26fd{background-position:-2730px -65px}.emojione-2702{background-position:-2730px -130px}.emojione-2705{background-position:-2730px -195px}.emojione-2708{background-position:-2730px -260px}.emojione-2709{background-position:-2730px -325px}.emojione-270a-1f3fb{background-position:-2730px -390px}.emojione-270a-1f3fc{background-position:-2730px -455px}.emojione-270a-1f3fd{background-position:-2730px -520px}.emojione-270a-1f3fe{background-position:-2730px -585px}.emojione-270a-1f3ff{background-position:-2730px -650px}.emojione-270a{background-position:-2730px -715px}.emojione-270b-1f3fb{background-position:-2730px -780px}.emojione-270b-1f3fc{background-position:-2730px -845px}.emojione-270b-1f3fd{background-position:-2730px -910px}.emojione-270b-1f3fe{background-position:-2730px -975px}.emojione-270b-1f3ff{background-position:-2730px -1040px}.emojione-270b{background-position:-2730px -1105px}.emojione-270c-1f3fb{background-position:-2730px -1170px}.emojione-270c-1f3fc{background-position:-2730px -1235px}.emojione-270c-1f3fd{background-position:-2730px -1300px}.emojione-270c-1f3fe{background-position:-2730px -1365px}.emojione-270c-1f3ff{background-position:-2730px -1430px}.emojione-270c{background-position:-2730px -1495px}.emojione-270d-1f3fb{background-position:-2730px -1560px}.emojione-270d-1f3fc{background-position:-2730px -1625px}.emojione-270d-1f3fd{background-position:-2730px -1690px}.emojione-270d-1f3fe{background-position:-2730px -1755px}.emojione-270d-1f3ff{background-position:-2730px -1820px}.emojione-270d{background-position:-2730px -1885px}.emojione-270f{background-position:-2730px -1950px}.emojione-2712{background-position:-2730px -2015px}.emojione-2714{background-position:-2730px -2080px}.emojione-2716{background-position:-2730px -2145px}.emojione-271d{background-position:-2730px -2210px}.emojione-2721{background-position:-2730px -2275px}.emojione-2728{background-position:-2730px -2340px}.emojione-2733{background-position:-2730px -2405px}.emojione-2734{background-position:-2730px -2470px}.emojione-2744{background-position:-2730px -2535px}.emojione-2747{background-position:-2730px -2600px}.emojione-274c{background-position:-2730px -2665px}.emojione-274e{background-position:0 -2730px}.emojione-2753{background-position:-65px -2730px}.emojione-2754{background-position:-130px -2730px}.emojione-2755{background-position:-195px -2730px}.emojione-2757{background-position:-260px -2730px}.emojione-2763{background-position:-325px -2730px}.emojione-2764{background-position:-390px -2730px}.emojione-2795{background-position:-455px -2730px}.emojione-2796{background-position:-520px -2730px}.emojione-2797{background-position:-585px -2730px}.emojione-27a1{background-position:-650px -2730px}.emojione-27b0{background-position:-715px -2730px}.emojione-27bf{background-position:-780px -2730px}.emojione-2934{background-position:-845px -2730px}.emojione-2935{background-position:-910px -2730px}.emojione-2b05{background-position:-975px -2730px}.emojione-2b06{background-position:-1040px -2730px}.emojione-2b07{background-position:-1105px -2730px}.emojione-2b1b{background-position:-1170px -2730px}.emojione-2b1c{background-position:-1235px -2730px}.emojione-2b50{background-position:-1300px -2730px}.emojione-2b55{background-position:-1365px -2730px}.emojione-3030{background-position:-1430px -2730px}.emojione-303d{background-position:-1495px -2730px}.emojione-3297{background-position:-1560px -2730px}.emojione-3299{background-position:-1625px -2730px}
.mapboxgl-map {
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-map:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.mapboxgl-canary {
    background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: none;
}

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }
.mapboxgl-ctrl-top-left     { top: 0; left: 0; }
.mapboxgl-ctrl-top-right    { top: 0; right: 0; }
.mapboxgl-ctrl-bottom-left  { bottom: 0; left: 0; }
.mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; }

.mapboxgl-ctrl { clear: both; pointer-events: auto; }
.mapboxgl-ctrl-top-left .mapboxgl-ctrl     { margin: 10px 0 0 10px; float: left; }
.mapboxgl-ctrl-top-right .mapboxgl-ctrl    { margin: 10px 10px 0 0; float: right; }
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl  { margin: 0 0 10px 10px; float: left; }
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; }

.mapboxgl-ctrl-group {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.mapboxgl-ctrl-group > button {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

.mapboxgl-ctrl-group > button + button {
    border-top: 1px solid #ddd;
}

/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl > button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.mapboxgl-ctrl > button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mapboxgl-ctrl-icon {
    padding: 5px;
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
    -webkit-animation: mapboxgl-spin 2s infinite linear;
    -moz-animation: mapboxgl-spin 2s infinite linear;
    -o-animation: mapboxgl-spin 2s infinite linear;
    -ms-animation: mapboxgl-spin 2s infinite linear;
    animation: mapboxgl-spin 2s infinite linear;
}

@-webkit-keyframes mapboxgl-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes mapboxgl-spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes mapboxgl-spin {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes mapboxgl-spin {
    0% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

@keyframes mapboxgl-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E");
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
    width: 20px;
    height: 20px;
    margin: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
}

a.mapboxgl-ctrl-logo {
    width: 85px;
    height: 21px;
    margin: 0 0 -3px -3px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E");
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        margin: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 3px 12px 12px 3px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 24px 2px 4px;
        visibility: visible;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
        padding: 2px 4px 2px 24px;
        border-radius: 12px 3px 3px 12px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
        display: block;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        content: '';
        cursor: pointer;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
        background-color: rgba(255, 255, 255, 0.5);
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border-radius: 12px;
    }

    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        left: 0;
    }

    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        left: 0;
    }
}

.mapboxgl-ctrl-attrib a {
    color: rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline;
}

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: bold;
    margin-left: 2px;
}

.mapboxgl-attrib-empty {
    display: none;
}

.mapboxgl-ctrl-scale {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: #333;
    padding: 0 5px;
    color: #333;
    box-sizing: border-box;
}

.mapboxgl-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    will-change: transform;
    pointer-events: none;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.mapboxgl-popup-anchor-right {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-top: none;
    border-left: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-top: none;
    border-right: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-left: none;
    border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    -webkit-align-self: center;
    align-self: center;
    border-right: none;
    border-left-color: #fff;
}

.mapboxgl-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 15px;
    pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-bottom-right-radius: 0;
}

.mapboxgl-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
}

.mapboxgl-user-location-dot {
    background-color: #1da1f2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.mapboxgl-user-location-dot::before {
    background-color: #1da1f2;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot::after {
    border-radius: 50%;
    border: 2px solid #fff;
    content: '';
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px;
    box-sizing: border-box;
}

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
    0%   { -webkit-transform: scale(1); opacity: 1; }
    70%  { -webkit-transform: scale(3); opacity: 0; }
    100% { -webkit-transform: scale(1); opacity: 0; }
}

@-ms-keyframes mapboxgl-user-location-dot-pulse {
    0%   { -ms-transform: scale(1); opacity: 1; }
    70%  { -ms-transform: scale(3); opacity: 0; }
    100% { -ms-transform: scale(1); opacity: 0; }
}

@keyframes mapboxgl-user-location-dot-pulse {
    0%   { transform: scale(1); opacity: 1; }
    70%  { transform: scale(3); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}

.mapboxgl-user-location-dot-stale {
    background-color: #aaa;
}

.mapboxgl-user-location-dot-stale::after {
    display: none;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair;
}

.mapboxgl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5;
}

@media print {
    /* stylelint-disable-next-line selector-class-pattern */
    .mapbox-improve-map {
        display: none;
    }
}



/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/*

Alerts are to inform the user of errors or messages

*/
.Alert {
  border-radius: 3px;
  position: relative;
  border: 1px solid #dadada;
  padding: 10px 50px 10px 10px;
  background: #f6f6f6;
  text-align: center;
}
.Alert .ButtonRemove {
  right: 10px;
}
.Alert--left {
  text-align: left;
}
.Alert--success {
  border: 1px solid #3cad3e;
  color: #28742a;
  background: #dcf3dc;
}
.Alert--info {
  border: 1px solid #206ded;
  color: #0e4cb2;
  background: #f4f8fe;
}
.Alert--danger {
  border: 1px solid #e62424;
  color: #aa1414;
  background: #fdf2f2;
}
.Alert--caution {
  border: 1px solid #c1830e;
  color: #7a5309;
  background: #f7d28b;
}
.Badge {
  background: #aaa;
  position: relative;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  padding: 0 5px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-style: normal;
}
.Badge::after {
  width: 10px;
  content: " ";
  min-height: 1px;
  position: absolute;
  left: 100%;
  height: 100%;
  border-right: 10px solid transparent;
  border-top: 10px solid #aaa;
  border-bottom: 10px solid #aaa;
  border-left: none;
}
/* Coloring */
.Badge--blue {
  background: #5ecadf;
}
.Badge--blue::after {
  border-top-color: #5ecadf;
  border-bottom-color: #5ecadf;
}
.Badge--orange {
  background: orange;
}
.Badge--orange::after {
  border-top-color: orange;
  border-bottom-color: orange;
}
/* Sizing */
.Badge--large {
  height: 24px;
  line-height: 24px;
}
.Badge--large::after {
  width: 12px;
  border-width: 12px;
}
/*

Boxes are used in various places to contain elements on the page

*/
/*------------------------------------*\
    Box 
\*------------------------------------*/
.Box {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  position: relative;
}
.Box .Box__header {
  position: relative;
  background: #f6f7f8;
  padding: 10px 10px;
  border-bottom: 1px solid #dadada;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.Box .Box__header .title {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #444;
  line-height: 23px;
}
.Box .Box__header .Button {
  margin-top: -3px;
  float: right;
  margin-left: 5px;
}
.Box .Box_content {
  padding: 20px 10px;
}
.Box .Box__footer {
  position: relative;
  background: #f6f7f8;
  padding: 10px 10px;
  border-top: 1px solid #dadada;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Box .Box__default {
  background: #daf2d6;
  color: #2f8730;
  text-align: center;
  padding: 4px;
  border-bottom: 1px solid #dadada;
}
.Box .Box__overlay {
  display: none;
  position: absolute;
  z-index: 200;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  text-align: center;
  color: #fff;
}
.Box .Box__overlay::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.Box .Box__overlay .Box__overlayInner {
  display: inline-block;
  max-width: 600px;
  vertical-align: middle;
  width: 100%;
}
.Box .Box__overlay p {
  font-size: 15px;
}
.Box .Box__overlay form {
  display: inline-block;
}
.Box .Box__overlay .Button {
  margin: 10px 5px;
  display: inline-block;
}
.Box .Box__overlay--white {
  background: rgba(255, 255, 255, 0.8);
  color: #444;
}
.Box .Box__table {
  width: 100%;
}
.Box .Box__table .Box__row {
  padding: 4px 0;
}
.Box .Box__table .Box__row:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.Box .Box__table .Box__th {
  font-weight: bold;
}
.Box .Box__table .Box__td {
  border: 1px solid transparent;
}
.Box .Box__table .Box__td:empty {
  display: block;
}
.Box .Box__table .Box__td--right {
  text-align: right;
}
.Box--light {
  background: #fafafa;
}
/*------------------------------------*\
    Button
\*------------------------------------*/
.Button {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin: 0;
  padding: 6px 1em;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  background-color: #f4f8fe;
  border: 1px solid #c2c7cc;
  border-radius: 3px;
  color: #85898c;
  transition: color 0.2s, background 0.2s;
}
.Button:hover {
  background: #fff;
  color: #85898c;
  cursor: pointer;
  text-decoration: none !important;
}
.Button:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #eee;
  color: #85898c;
}
.Button:focus {
  outline: none;
}
.Button::after {
  color: #85898c;
}
.Button:hover,
.Button:active,
.Button:focus,
.Button::after {
  text-decoration: none;
}
/*------------------------------------*\
    Button Utilities
\*------------------------------------*/
.Button--block {
  display: block;
}
.Button--full {
  width: 100%;
  display: block;
}
.Button--pill {
  border-radius: 16px;
}
.Button--square {
  border-radius: 0;
}
.Button--bold {
  font-weight: 500;
}
.Button--light {
  font-weight: 200;
}
.Button--uppercase {
  text-transform: uppercase;
}
.Button--lowercase {
  text-transform: lowercase;
}
/*------------------------------------*\
    Button Sizing
\*------------------------------------*/
.Button--xxs {
  line-height: 14px;
  padding: 2px 1em;
  font-size: 11px;
}
.Button--xs {
  line-height: 16px;
  padding: 3px 1em;
  font-size: 12px;
}
.Button--small {
  line-height: 18px;
  padding: 5px 1em;
  font-size: 13px;
}
.Button--large {
  line-height: 22px;
  padding: 7px 1em;
  font-size: 15px;
}
.Button--xlarge {
  line-height: 24px;
  padding: 9px 1em;
  font-size: 16px;
}
.Button--xxlarge {
  line-height: 30px;
  padding: 10px 1em;
  font-size: 20px;
}
/*------------------------------------*\
    Button Coloring
\*------------------------------------*/
.Button--shaded {
  border-color: #e1e1e1;
  color: #fff;
  background: #fafafa;
  background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);
  background: rgba(0, 0, 0, 0.3);
  border: none;
}
.Button--shaded:hover {
  background: #fafafa;
  background-image: linear-gradient(to bottom, #ededed 0%, #d4d4d4 100%);
  color: #fff;
}
.Button--shaded:active {
  background: #e1e1e1;
  color: #eee;
}
.Button--shaded::after {
  color: #fff;
}
.Button--shaded:hover {
  background: rgba(0, 0, 0, 0.4);
}
.Button--shaded:active {
  background: rgba(0, 0, 0, 0.4);
}
.Button--primary {
  border-color: #33bcd7;
  color: #fff;
  background: #5ecadf;
  background-image: linear-gradient(to bottom, #5ecadf 0%, #33bcd7 100%);
}
.Button--primary:hover {
  background: #5ecadf;
  background-image: linear-gradient(to bottom, #49c3db 0%, #28aec9 100%);
  color: #fff;
}
.Button--primary:active {
  background: #33bcd7;
  color: #eee;
}
.Button--primary::after {
  color: #fff;
}
.Button--blue {
  border-color: #30a5df;
  color: #fff;
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #5cb8e6 0%, #30a5df 100%);
}
.Button--blue:hover {
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #46aee3 0%, #2199d5 100%);
  color: #fff;
}
.Button--blue:active {
  background: #30a5df;
  color: #eee;
}
.Button--blue::after {
  color: #fff;
}
.Button--teal {
  border-color: #34c8af;
  color: #fff;
  background: #5bd4c0;
  background-image: linear-gradient(to bottom, #5bd4c0 0%, #34c8af 100%);
}
.Button--teal:hover {
  background: #5bd4c0;
  background-image: linear-gradient(to bottom, #47cfb8 0%, #2fb39e 100%);
  color: #fff;
}
.Button--teal:active {
  background: #34c8af;
  color: #eee;
}
.Button--teal::after {
  color: #fff;
}
.Button--purple {
  border-color: #2e42da;
  color: #fff;
  background: #5969e2;
  background-image: linear-gradient(to bottom, #5969e2 0%, #2e42da 100%);
}
.Button--purple:hover {
  background: #5969e2;
  background-image: linear-gradient(to bottom, #4355de 0%, #2337cb 100%);
  color: #fff;
}
.Button--purple:active {
  background: #2e42da;
  color: #eee;
}
.Button--purple::after {
  color: #fff;
}
.Button--violet {
  border-color: #5678dc;
  color: #fff;
  background: #809ae5;
  background-image: linear-gradient(to bottom, #809ae5 0%, #5678dc 100%);
}
.Button--violet:hover {
  background: #809ae5;
  background-image: linear-gradient(to bottom, #6b89e1 0%, #4067d8 100%);
  color: #fff;
}
.Button--violet:active {
  background: #5678dc;
  color: #eee;
}
.Button--violet::after {
  color: #fff;
}
.Button--lime {
  border-color: #99ba39;
  color: #fff;
  background: #afcc5a;
  background-image: linear-gradient(to bottom, #afcc5a 0%, #99ba39 100%);
}
.Button--lime:hover {
  background: #afcc5a;
  background-image: linear-gradient(to bottom, #a6c647 0%, #89a633 100%);
  color: #fff;
}
.Button--lime:active {
  background: #99ba39;
  color: #eee;
}
.Button--lime::after {
  color: #fff;
}
.Button--red {
  border-color: #e62424;
  color: #fff;
  background: #eb5252;
  background-image: linear-gradient(to bottom, #eb5252 0%, #e62424 100%);
}
.Button--red:hover {
  background: #eb5252;
  background-image: linear-gradient(to bottom, #e83b3b 0%, #d81919 100%);
  color: #fff;
}
.Button--red:active {
  background: #e62424;
  color: #eee;
}
.Button--red::after {
  color: #fff;
}
.Button--green {
  border-color: #3cad3e;
  color: #fff;
  background: #57c559;
  background-image: linear-gradient(to bottom, #57c559 0%, #3cad3e 100%);
}
.Button--green:hover {
  background: #57c559;
  background-image: linear-gradient(to bottom, #44be46 0%, #359a37 100%);
  color: #fff;
}
.Button--green:active {
  background: #3cad3e;
  color: #eee;
}
.Button--green::after {
  color: #fff;
}
.Button--orange {
  border-color: #dcaf56;
  color: #fff;
  background: #e5c380;
  background-image: linear-gradient(to bottom, #e5c380 0%, #dcaf56 100%);
}
.Button--orange:hover {
  background: #e5c380;
  background-image: linear-gradient(to bottom, #e1b96b 0%, #d8a540 100%);
  color: #fff;
}
.Button--orange:active {
  background: #dcaf56;
  color: #eee;
}
.Button--orange::after {
  color: #fff;
}
.Button--white {
  background: #fff;
}
.Button--white:hover {
  background: #f4f4f4;
}
.Button--active {
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
  cursor: default;
  opacity: 0.6;
}
.Button--active:hover {
  background: auto;
  box-shadow: auto;
}
/*------------------------------------*\
    Button Remove
\*------------------------------------*/
/*
  Remove buttons are the iconic X's for overlays and toggling content
*/
.ButtonRemove {
  padding: 3px 5px;
  line-height: 20px;
  border: none;
  position: absolute;
  background: none;
  top: 1px;
  right: 1px;
  z-index: 1;
  font-size: 24px;
  transition: color 0.3s;
  color: rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 3px;
}
.ButtonRemove:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  text-decoration: none !important;
}
.ButtonRemove.ButtonRemove--dark {
  color: #555;
}
.ButtonRemove.ButtonRemove--dark:hover {
  color: #333;
}
.ButtonRemove.ButtonRemove--light {
  color: rgba(255, 255, 255, 0.6);
}
.ButtonRemove--border {
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.ButtonRemove--small {
  font-size: 16px;
}
/*------------------------------------*\
    Disabling Buttons
\*------------------------------------*/
.Button.disabled,
.Button.disabled:hover,
.Button.disabled:active,
input.Button:disabled,
button.Button:disabled,
.Button--disabled {
  background: #dadada !important;
  border: 1px solid #ddd;
  color: #aaa;
  cursor: default;
  opacity: 0.6;
}
.Button.disabled:hover,
.Button.disabled:hover:hover,
.Button.disabled:active:hover,
input.Button:disabled:hover,
button.Button:disabled:hover,
.Button--disabled:hover {
  background: #dadada;
  color: #aaa;
  cursor: default;
}
.Button.disabled:active,
.Button.disabled:hover:active,
.Button.disabled:active:active,
input.Button:disabled:active,
button.Button:disabled:active,
.Button--disabled:active {
  box-shadow: none;
  background: #dadada;
}
/*------------------------------------*\
    Text Buttons
\*------------------------------------*/
.Button--text {
  border: none;
  background: none;
  color: #5cb8e6;
  padding: 0 3px;
  line-height: 1.6;
}
.Button--text:hover,
.Button--text:active {
  background: none;
  box-shadow: none;
  color: #30a5df;
  text-decoration: underline;
}
/*------------------------------------*\
  Input button (used to make same height as input elements)
\*------------------------------------*/
.Button--input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}
/*------------------------------------*\
  Button Dropdowns
\*------------------------------------*/
.ButtonDropdownContainer {
  display: inline-block;
  position: relative;
}
/*------------------------------------*\
    Button Group
\*------------------------------------*/
.ButtonGroup {
  display: inline-block;
  height: 34px;
  vertical-align: top;
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #fafafa;
}
.ButtonGroup .ButtonGroup__button {
  display: block;
  float: left;
  border: none;
  background: none;
  height: 32px;
  line-height: 36px;
  color: #555;
  padding: 0 15px;
}
.ButtonGroup .ButtonGroup__button:not(:last-child) {
  border-right: 1px solid #dadada;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ButtonGroup .ButtonGroup__button:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ButtonGroup .ButtonGroup__button.active,
.ButtonGroup .ButtonGroup__button:not(.active):active {
  background: transparent;
  background-image: linear-gradient(to bottom, #d2d2d2 0%, #ffffff 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
  color: #777;
}
.ButtonGroup .ButtonGroup__button:hover {
  color: #777;
  text-decoration: none;
}
.ButtonGroup .ButtonGroup__button:not(.active):hover {
  background: #f7f7f7;
  color: #333;
  cursor: pointer;
}
.ButtonGroup--small {
  height: 26px;
}
.ButtonGroup--small .ButtonGroup__button {
  height: 24px;
  padding: 0 10px;
  line-height: 24px;
  font-size: 12px;
}
/*------------------------------------*\
  ButtonToggle
\*------------------------------------*/
.ButtonToggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.ButtonToggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input.ButtonToggle--round + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #ddd;
  border-radius: 40px;
}
input.ButtonToggle--round + label::before,
input.ButtonToggle--round + label::after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.ButtonToggle--round + label::before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 40px;
  transition: background 0.4s;
}
input.ButtonToggle--round + label::after {
  width: 28px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.ButtonToggle--round:checked + label::before {
  background-color: #8ce196;
}
input.ButtonToggle--round:checked + label::after {
  margin-left: 30px;
}
/* Button Toggle Small */
input.ButtonToggle--small.ButtonToggle--round + label {
  width: 30px;
  height: 15px;
  border-radius: 20px;
}
input.ButtonToggle--small.ButtonToggle--round + label::after {
  width: 14px;
}
input.ButtonToggle--small.ButtonToggle--round:checked + label::after {
  margin-left: 15px;
}
/***
Website Button Styling V2
***/
a.qButton,
button.qButton {
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  border: none;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #4f8cf1;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  outline: none;
}
a.qButton:hover,
button.qButton:hover {
  color: #467bd4;
  cursor: pointer;
  background: #f6f6f6;
  text-decoration: none;
}
a.qButton.qButton--small,
button.qButton.qButton--small {
  height: 34px;
  line-height: 34px;
  padding: 0 22px;
  font-size: 14px;
  letter-spacing: 0.0125em;
}
a.qButton.qButton--xs,
button.qButton.qButton--xs {
  height: 28px;
  line-height: 28px;
  padding: 0 16px;
  font-size: 12px;
  letter-spacing: 0.08em;
}
a.qButton.qButton--xl,
button.qButton.qButton--xl {
  height: 55px;
  line-height: 55px;
  padding: 0 28px;
  font-size: 17px;
}
a.qButton.qButton--xxl,
button.qButton.qButton--xxl {
  height: 72px;
  line-height: 72px;
  padding: 0 32px;
  font-size: 24px;
}
a.qButton.qButton--naked,
button.qButton.qButton--naked {
  border: none;
  background: none;
  box-shadow: none;
}
a.qButton.qButton--naked:hover,
button.qButton.qButton--naked:hover {
  color: #2b62bb;
}
a.qButton.qButton--blue,
button.qButton.qButton--blue,
a.qButton.qButton--green,
button.qButton.qButton--green,
a.qButton.qButton--purple,
button.qButton.qButton--purple,
a.qButton.qButton--orange,
button.qButton.qButton--orange,
a.qButton.qButton--red,
button.qButton.qButton--red,
a.qButton.qButton--lime,
button.qButton.qButton--lime {
  color: #fff;
}
a.qButton.qButton--blue:hover,
button.qButton.qButton--blue:hover,
a.qButton.qButton--green:hover,
button.qButton.qButton--green:hover,
a.qButton.qButton--purple:hover,
button.qButton.qButton--purple:hover,
a.qButton.qButton--orange:hover,
button.qButton.qButton--orange:hover,
a.qButton.qButton--red:hover,
button.qButton.qButton--red:hover,
a.qButton.qButton--lime:hover,
button.qButton.qButton--lime:hover {
  color: #fff;
}
a.qButton.qButton--purple,
button.qButton.qButton--purple {
  background: #5969e2;
}
a.qButton.qButton--purple:hover,
button.qButton.qButton--purple:hover {
  background: #4355de;
}
a.qButton.qButton--orange,
button.qButton.qButton--orange {
  background: #eea314;
}
a.qButton.qButton--orange:hover,
button.qButton.qButton--orange:hover {
  background: #e29400;
}
a.qButton.qButton--blue,
button.qButton.qButton--blue {
  background: #2e9fff;
}
a.qButton.qButton--blue:hover,
button.qButton.qButton--blue:hover {
  background: #1593ff;
}
a.qButton.qButton--green,
button.qButton.qButton--green {
  background: #3ecf8e;
}
a.qButton.qButton--green:hover,
button.qButton.qButton--green:hover {
  background: #30c381;
}
a.qButton.qButton--red,
button.qButton.qButton--red {
  background: #eb5252;
}
a.qButton.qButton--red:hover,
button.qButton.qButton--red:hover {
  background: #e83b3b;
}
a.qButton.qButton--lime,
button.qButton.qButton--lime {
  background: #afcc5a;
}
a.qButton.qButton--lime:hover,
button.qButton.qButton--lime:hover {
  background: #a6c647;
}
a.qButton.qButton--full,
button.qButton.qButton--full {
  display: block;
  width: 100%;
}
a.qButton.qButton--disabled,
button.qButton.qButton--disabled {
  opacity: 0.5;
}
a.qButton.qButton--disabled:hover,
button.qButton.qButton--disabled:hover {
  cursor: not-allowed;
}
a.qButton.qButton--nutramax--light,
button.qButton.qButton--nutramax--light {
  background: white;
  color: #006A39;
}
a.qButton.qButton--nutramax--light:hover,
button.qButton.qButton--nutramax--light:hover {
  background: #f2f2f2;
}
a.qButton.qButton--nutramax--dark,
button.qButton.qButton--nutramax--dark {
  background: #006A39;
  color: white;
}
a.qButton.qButton--nutramax--dark:hover,
button.qButton.qButton--nutramax--dark:hover {
  background: #00512b;
}
a.qButton:disabled,
button.qButton:disabled {
  opacity: 0.5;
}
a.qButton:disabled:hover,
button.qButton:disabled:hover {
  cursor: not-allowed;
}
/***
Circle Button are used for showing items as checked or not.
i.e. lists and supplier order items are two places
***/
.qButtonCircle {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #777;
  background: #eee;
  transition: background 0.2s;
}
.qButtonCircle:hover {
  cursor: pointer;
}
.qButtonCircle--checked {
  background: #55e97f;
  color: #fff;
}
.qButtonCircle--partial {
  background: #e5c380;
  color: #fff;
}
.Carousel {
  width: 100%;
  position: relative;
}
.Carousel .Carousel__items {
  display: block;
  width: 100%;
  text-align: center;
  min-height: 100px;
}
.Carousel .Carousel__item {
  text-align: center;
  display: none;
  position: absolute;
  width: 100%;
}
.Carousel .Carousel__item.active {
  display: block;
}
.Carousel .Carousel__navigation {
  position: absolute;
  height: 100%;
  top: 50%;
  margin-top: -30px;
  display: table;
  color: #ccc;
  transition: color 0.2s;
}
.Carousel .Carousel__navigation i {
  display: table-cell;
  vertical-align: middle;
  font-size: 60px;
  width: 30px;
}
.Carousel .Carousel__navigation:hover {
  cursor: pointer;
  color: #aaa;
}
.Carousel .Carousel__left {
  left: 0;
  text-align: left;
}
.Carousel .Carousel__right {
  right: 0;
  text-align: right;
}
/*

Containers are used to give elements spacing

*/
.Section {
  padding: 20px 0;
  clear: both;
}
.Section--smpadding {
  padding: 10px 0;
}
.Section--xpadding {
  padding: 30px 0;
}
.Section--xxpadding {
  padding: 40px 0;
}
.Section--top {
  padding-top: 0;
}
/*
Usage: 

The dropdown utility. Contains a parent dropdown-container and two subelements:
dropdown-trigger and dropdown-box. All dropdowns work in unison so if one is
opened all others close.
*/
/*------------------------------------*\
    Dropdown Box 
\*------------------------------------*/
.js-module-dropdown {
  position: relative;
}
.DropdownBox {
  position: absolute;
  top: 100%;
  display: none;
  background: #fff;
  line-height: 1.6;
  z-index: 101;
  width: auto;
  min-width: 210px;
  max-width: 900px;
  border: 1px solid #bababa;
  border-top-color: #eee;
  font-size: 12px;
}
.DropdownBox .divider {
  border-top: 1px solid #ddd;
  margin: 3px 0;
}
.DropdownBox .text-link {
  position: relative;
  width: 100%;
  border: none;
  background: none;
  color: #555;
  display: block;
  font-size: 12px;
  padding: 3px 10px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DropdownBox .text-link:hover {
  color: #222;
  background: #f3f3f3;
  text-decoration: none;
}
.DropdownBox a.emphasis-link {
  background: #f6f6f6;
  position: relative;
  border-top: 1px solid #dadada;
}
.DropdownBox a.emphasis-link:hover {
  background: #f1f1f1;
}
.DropdownBox .arrow {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 25px;
}
.DropdownBox .button-container {
  padding: 4px 10px 4px 10px;
  width: 100%;
}
.DropdownBox .button-container a.button-link {
  margin: 3px 0;
  width: 100%;
}
.DropdownBox .company-link {
  display: block;
  padding: 10px 0 3px 0;
  position: relative;
  color: #555;
}
.DropdownBox .company-link:hover {
  color: #555;
  text-decoration: none;
}
.DropdownBox .company-link .company-link-logo {
  position: absolute;
  right: 12px;
  top: 15px;
  font-size: 28px;
}
.DropdownBox .company-link .company-link-details {
  padding: 5px 50px 5px 10px;
}
.DropdownBox .company-link .company-link-details .company-detail {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DropdownBox .company-link .company-link-details .company-detail.company-name {
  font-size: 14px;
  line-height: 1;
}
.DropdownBox .double-link {
  position: relative;
  width: 100%;
  border: none;
  background: none;
  color: #555;
  display: block;
  font-size: 12px;
  padding: 3px 10px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eaeaea;
}
.DropdownBox .double-link:hover {
  color: #222;
  background: #f3f3f3;
  text-decoration: none;
}
.DropdownBox .double-link h6 {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3;
  padding-top: 2px;
  color: #1c83b6;
}
.DropdownBox .double-link p {
  font-size: 11px;
}
.DropdownBox.DropdownBox--left {
  left: auto;
  right: 0;
}
.DropdownBox.DropdownBox--right {
  right: auto;
  left: 0;
}
.DropdownBox__loader {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  padding: 20px;
}
.DropdownBox__error {
  padding: 20px;
  text-align: center;
}
.DropdownBox__error a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.DropdownBox::before {
  top: -7px;
  position: absolute;
  z-index: 10;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e6e6e6;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.DropdownBox::after {
  top: -6px;
  z-index: 101;
  position: absolute;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.DropdownBox.DropdownBox--left::before {
  left: auto;
  right: 11px;
}
.DropdownBox.DropdownBox--left::after {
  left: auto;
  right: 12px;
}
.DropdownBox.DropdownBox--right::before {
  left: 11px;
  right: auto;
}
.DropdownBox.DropdownBox--right::after {
  left: 12px;
  right: auto;
}
.DropdownBox--border {
  border: 1px solid #dadada;
}
/* 
 
 The steps module creates a progress bar with visual
 bubbles for each step

 Namespace: steps

 Usage:

	<div class="steps-container">

		{# step-progress-5 means there are 5 steps #}
		<div class="step-progress step-progress-4"> {# each step is 100/number of steps #}
			<div class="step-progress-bar step-progressBar-2"></div>
		</div>

		{# For each of the 4 steps, add a step-container}
		<div class="step-container step25 complete">
			<div class="step-bubble">
				<i class="fa fa-user"></i>
			</div>
			<p class="step-text">Create Account</p>
		</div>
		
	</div>

*/
/*------------------------------------*\
   Flow
\*------------------------------------*/
.Flow__outer {
  margin: 10px -78px 0 -78px;
  position: relative;
}
.Flow__outer .Flow__step {
  position: relative;
  z-index: 1;
  text-align: center;
  float: left;
}
.Flow__outer .Flow__step.step33 {
  width: 33.3%;
}
.Flow__outer .Flow__step.step25 {
  width: 25%;
}
.Flow__outer .Flow__step.step20 {
  width: 20%;
}
.Flow__outer .Flow__step .Flow__bubble {
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #ddd;
}
.Flow__outer .Flow__step .Flow__bubble i {
  font-size: 17px;
  color: #fff;
  line-height: 30px;
  opacity: 0.7;
}
.Flow__outer .Flow__step .Flow__text {
  margin-top: 3px;
  font-size: 15px;
}
.Flow__outer .Flow__step.complete .Flow__bubble {
  background: #90d991;
}
.Flow__outer .Flow__step.active .Flow__bubble {
  background: #5ecadf;
}
.Flow__outer .Flow__step.active .Flow__text {
  font-weight: bold;
}
.Flow__outer::after {
  display: table;
  content: " ";
  clear: both;
}
.Flow__outer .Flow__progress {
  top: 13px;
  height: 4px;
  background: #ddd;
  position: absolute;
}
.Flow__outer .Flow__progress .Flow__progressBar {
  height: 100%;
  width: 0%;
  position: absolute;
}
.Flow__outer .Flow__progress .Flow__progressBar-1 {
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 50%, #5ecadf 100%);
}
.Flow__outer .Flow__progress .Flow__progressBar-2 {
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 66.3%, #5ecadf 100%);
}
.Flow__outer .Flow__progress .Flow__progressBar-3 {
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 75%, #5ecadf 100%);
}
.Flow__outer .Flow__progress .Flow__progressBar-4 {
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 80%, #5ecadf 100%);
}
.Flow__outer .Flow__progress.Flow__progress-3 {
  width: 66.66%;
  left: 16.66%;
}
.Flow__outer .Flow__progress.Flow__progress-3 .Flow__progressBar-1 {
  width: 50%;
}
.Flow__outer .Flow__progress.Flow__progress-3 .Flow__progressBar-2 {
  width: 100%;
}
.Flow__outer .Flow__progress.Flow__progress-3 .Flow__progressBar-3 {
  width: 100%;
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 100%, #5ecadf 100%);
}
.Flow__outer .Flow__progress.Flow__progress-4 {
  width: 75%;
  left: 12.5%;
}
.Flow__outer .Flow__progress.Flow__progress-4 .Flow__progressBar-1 {
  width: 33.3%;
}
.Flow__outer .Flow__progress.Flow__progress-4 .Flow__progressBar-2 {
  width: 66.6%;
}
.Flow__outer .Flow__progress.Flow__progress-4 .Flow__progressBar-3 {
  width: 100%;
}
.Flow__outer .Flow__progress.Flow__progress-4 .Flow__progressBar-4 {
  width: 100%;
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 100%, #5ecadf 100%);
}
.Flow__outer .Flow__progress.Flow__progress-5 {
  width: 80%;
  left: 10%;
}
.Flow__outer .Flow__progress.Flow__progress-5 .Flow__progressBar-1 {
  width: 25%;
}
.Flow__outer .Flow__progress.Flow__progress-5 .Flow__progressBar-2 {
  width: 50%;
}
.Flow__outer .Flow__progress.Flow__progress-5 .Flow__progressBar-3 {
  width: 75%;
}
.Flow__outer .Flow__progress.Flow__progress-5 .Flow__progressBar-4 {
  width: 100%;
}
.Flow__outer .Flow__progress.Flow__progress-5 .Flow__progressBar-5 {
  width: 100%;
  background: #90d991;
  background-image: linear-gradient(to right, #90d991 0%, #90d991 100%, #5ecadf 100%);
}
.Form.Form--inline {
  display: inline-block;
}
/*------------------------------------*\
    Form Resets (from Bootstrap)
\*------------------------------------*/
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
input[type="search"] {
  -webkit-appearance: none;
  box-sizing: border-box;
}
select[multiple],
select[size] {
  height: auto;
}
/*------------------------------------*\
    Mixins
\*------------------------------------*/
@media (max-width: 670px) {
  .mixin-formbreak {
    width: 100%;
  }
}
/*------------------------------------*\
    Success Box
\*------------------------------------*/
.Form__successBox {
  display: none;
  padding: 20px;
  color: #57c559;
}
.Form__successBox h4 {
  margin: 20px 0;
}
/*------------------------------------*\
    Help Blocks
\*------------------------------------*/
.Form__helpBlock {
  display: block;
  font-size: 10px;
  height: 10px;
  margin: 0;
  color: #888;
}
/*------------------------------------*\
    Form Groups
\*------------------------------------*/
.Form__group {
  position: relative;
  clear: both;
  margin-bottom: 5px;
}
.Form__group input,
.Form__group select,
.Form__group input::-moz-focus-inner {
  border: 0;
  outline: none;
}
.Form__group input:focus,
.Form__group select:focus,
.Form__group textarea:focus {
  box-shadow: none;
  outline: none;
}
.Form__group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
}
.Form__group label.Form__checkboxLabel:hover {
  cursor: pointer;
}
.Form__group .Form__control::-webkit-input-placeholder {
  color: #555;
  opacity: 0.4;
}
.Form__group .Form__control:-moz-placeholder {
  color: #555;
  opacity: 0.4;
}
.Form__group .Form__control::-moz-placeholder {
  color: #555;
  opacity: 0.4;
}
.Form__group .Form__control:-ms-input-placeholder {
  color: #555;
  opacity: 0.4;
}
.Form__group .Form__icon {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 34px;
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.7);
  border-right: 1px solid #dedede;
  z-index: 10;
  width: 25px;
  text-align: center;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.Form__group .Form__icon--large {
  line-height: 39px;
}
.Form__group .Form__icon--after {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid #dedede;
}
.Form__group .Form__clear {
  position: absolute;
  display: none;
  right: 0;
  bottom: 0;
  width: 30px;
  line-height: 34px;
  text-align: center;
  transition: color 0.2s;
  font-size: 15px;
  color: #666;
}
.Form__group .Form__clear:hover {
  color: #222;
  cursor: pointer;
}
.Form__group .Form__loader {
  position: absolute;
  display: none;
  right: 25px;
  bottom: 0;
  width: 30px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}
.Form__group.Form__group--100 {
  width: 100%;
}
.Form__group.Form__group--75 {
  width: 75%;
}
.Form__group.Form__group--66 {
  width: 66.66%;
}
.Form__group.Form__group--50 {
  width: 50%;
}
.Form__group.Form__group--40 {
  width: 40%;
}
.Form__group.Form__group--33 {
  width: 33.33%;
}
.Form__group.Form__group--25 {
  width: 25%;
}
.Form__group.Form__group--20 {
  width: 20%;
}
.Form__group.Form__group--16 {
  width: 16.66%;
}
.Form__group .Form__control {
  height: 34px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 7px;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  position: relative;
  color: #555a5f;
}
.Form__group .Form__control--large {
  height: 40px;
  font-size: 16px;
  line-height: normal;
  padding: 0 7px;
  width: 100%;
  border: 1px solid #c2c7cc;
  background: #fff;
  border-radius: 3px;
  position: relative;
  color: #3d454d;
}
.Form__group select[multiple].Form__control {
  height: auto;
  min-height: 100px;
}
.Form__group select.Form__control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}
.Form__group select.Form__control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.Form__group textarea.Form__control {
  display: block;
  resize: vertical;
  height: 100px;
  min-height: 50px;
  padding: 8px 10px;
}
.Form__group textarea.Form__control.Form__control--short {
  min-height: 50px;
}
.Form__group .Form__control.Form__control--icon {
  padding-left: 35px;
}
.Form__group .Form__control.Form__control--iconAfter {
  padding-right: 35px;
}
.Form__group .Form__control--unchangeable {
  padding: 10px;
  background: #fafafa;
}
.Form__group .Form__control--unchangeable:hover {
  cursor: no-drop;
}
.Form__group:not(.has-error) .Form__control:focus {
  border: 1px solid #5cb8e6;
  box-shadow: none;
}
.Form__group input[type="radio"],
.Form__group input[type="checkbox"] {
  margin-top: 2px;
}
.Form__group .Form__control:disabled {
  background: #eee;
}
.Form__group .Form__control:disabled:hover {
  cursor: not-allowed;
}
.Form__label {
  font-weight: 600 !important;
  color: #8a939b;
  letter-spacing: 0.2px;
  font-size: 14px;
}
.Form__group.has-error label {
  color: #eb5252;
}
.Form__group.has-error .Form__statusX {
  display: block;
}
.Form__group.has-error .Form__statusCheck {
  display: none;
}
.Form__group.has-error .Form__control {
  border: 1px solid #eb5252;
  background: #fff2f2;
  z-index: 1;
}
.Form__group.has-error .Form__control:focus + .Form__errorMessage {
  transform: translateY(5px);
  visibility: visible;
  opacity: 1;
}
.Form__group.has-error .Form__control:not(:focus) + .Form__errorMessage {
  visibility: hidden;
}
.Form__group.has-error .Form__checkboxContainer {
  background: #fff2f2;
  border: 1px solid #eb5252;
}
.Form__group.has-error .Form__control::-webkit-input-placeholder {
  color: #eb5252;
  opacity: 1;
}
.Form__group.has-error .Form__control:-moz-placeholder {
  color: #eb5252;
  opacity: 1;
}
.Form__group.has-error .Form__control::-moz-placeholder {
  color: #eb5252;
  opacity: 1;
}
.Form__group.has-error .Form__control:-ms-input-placeholder {
  color: #eb5252;
  opacity: 1;
}
.Form__group.has-check .Form__statusX {
  display: none;
}
.Form__group.has-check .Form__statusCheck {
  display: block;
}
.Form__group.has-check .Form__errorMessage {
  display: none;
}
/*------------------------------------*\
   Form Status
\*------------------------------------*/
.Form__status {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 2;
}
.Form__status .Form__statusFeedback {
  display: none;
  line-height: 40px;
}
.Form__status .Form__statusCheck {
  color: #57c559;
}
.Form__status .Form__statusX {
  color: #eb5252;
}
/*------------------------------------*\
    Form Layout
\*------------------------------------*/
.Form__inlinedSeparate .Form__group {
  clear: none;
  float: left;
}
.Form__inlinedSeparate .Form__group .Form__errorMessage {
  right: 5px;
}
.Form__inlinedSeparate .Form__group:not(:first-child) {
  padding-left: 5px;
}
.Form__inlinedTogether .Form__group {
  clear: none;
  float: left;
}
.Form__inlinedTogether .Form__group:not(:first-child) .Form__control {
  border-left: none;
  border-radius: 0;
}
.Form__inlinedTogether .Form__group:first-child .Form__control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.Form__inlinedTogether .Form__group:last-child .Form__control {
  border-left: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.Form__inlinedTogether .Form__group:not(:first-child) {
  padding-left: 0;
}
.Form__inlinedTogether .Form__group::after {
  display: table;
  content: " ";
  clear: both;
}
.Form__inlinedSeparate::after,
.Form__inlinedTogether::after {
  display: table;
  content: " ";
  clear: both;
}
.Form__input {
  position: relative;
}
/*------------------------------------*\
    Error Messages
\*------------------------------------*/
.Form__errorMessage {
  position: absolute;
  bottom: 100%;
  margin-bottom: 23px;
  right: 0;
  z-index: 10;
  visibility: hidden;
  max-width: 99%;
  padding: 0 8px;
  background: #f43d34;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.Form__errorMessage::after {
  position: absolute;
  bottom: -4px;
  right: 8px;
  display: inline-block;
  border-right: 4px solid transparent;
  border-top: 4px solid #f43d34;
  border-left: 4px solid transparent;
  content: '';
}
.mixin-error-message-fade-in {
  transform: translateY(5px);
  visibility: visible;
  opacity: 1;
}
.mixin-error-message-fade-out {
  visibility: hidden;
}
.Form__errorMessage--caution {
  background: #dcaf56;
}
.Form__errorMessage--caution::after {
  border-top-color: #dcaf56;
}
/*------------------------------------*\
    Form Submit
\*------------------------------------*/
.Form__submit {
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
  padding-top: 20px;
  display: table;
  width: 100%;
}
.Form__submit .Form__submitTextContainer {
  display: table-cell;
  vertical-align: middle;
  padding-top: 1px;
}
.Form__submit .Form__submitTextContainer p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}
.Form__submit .Form__submitButtonContainer {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
/*------------------------------------*\
    Question Marks
\*------------------------------------*/
.Form__questionMark {
  display: inline;
  position: relative;
  z-index: 0;
}
.Form__questionMark .Form__questionMarkIcon {
  width: 20px;
  text-align: center;
  z-index: 211;
  position: relative;
}
.Form__questionMark .Form__questionMarkIcon:hover {
  cursor: pointer;
}
.Form__questionMark .Form__questionMarkInfo {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 210;
  max-width: 300px;
  left: 0;
  bottom: 0;
  border: 1px solid #dadada;
}
.Form__questionMark .Form__questionMarkInfo img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.Form__questionMark:hover {
  z-index: 200;
}
.Form__questionMark:hover .Form__questionMarkInfo {
  display: block;
}
/*------------------------------------*\
    Errors
\*------------------------------------*/
.Form__errors {
  margin-bottom: 10px;
  color: white;
  background: #eb5252;
  border-radius: 3px;
  padding: 5px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.Form__errors:empty {
  display: none;
}
.Form__errors p {
  font-weight: bold;
}
.Form__errors a {
  color: white;
  text-decoration: underline;
}
.Form__errorsInner {
  background: #f8c4c4;
  color: #d81919;
  border: 1px solid #f08080;
  margin-bottom: 20px;
  padding: 5px;
  border-radius: 3px;
}
.Form__errorsInner:empty {
  display: none;
}
/*------------------------------------*\
   Success
\*------------------------------------*/
.Form__success {
  display: none;
  margin-bottom: 10px;
  color: white;
  font-weight: 500;
  background: #57c559;
  border-radius: 3px;
  padding: 5px;
  text-align: center;
}
.Form__success:empty {
  display: none;
}
/*------------------------------------*\
   CheckboxSelectMultiple Formatting
\*------------------------------------*/
.Form__checkboxSelectMultiple ul {
  margin-left: 0;
}
.Form__checkboxSelectMultiple ul::after {
  display: table;
  content: " ";
  clear: both;
}
.Form__checkboxSelectMultiple li {
  list-style-type: none;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.Form__checkboxSelectMultiple label:hover {
  cursor: pointer;
}
.Form__checkboxSelectMultiple--33 li {
  width: 33%;
}
.Form__checkboxSelectMultiple--25 li {
  width: 25%;
}
/*------------------------------------*\
    Accessories
\*------------------------------------*/
.Form__passwordMeter {
  height: 13px;
  width: 100%;
}
.Form__passwordMeter .Form__passwordBlock {
  margin-top: 5px;
  height: 6px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  width: 14%;
  float: left;
  margin-right: 1%;
  background: #dadada;
}
.Form__passwordMeter .Form__passwordText {
  margin-top: 3px;
  font-weight: 500;
  width: 40%;
  float: left;
  font-size: 10px;
  line-height: 10px;
}
.Form__passwordMeter::after {
  display: table;
  content: " ";
  clear: both;
}
.button-margins {
  margin-right: 10px;
}
/**********************************/
/****** Various Header Options ****/
/**********************************/
/******** Index Hero Formatting ************/
.Hero {
  position: relative;
  border-bottom: 1px solid #dadada;
  text-align: center;
  padding: 50px 30px 50px 30px;
}
.Hero h1 {
  font-size: 50px;
  margin: 0;
  padding: 10px 20px 20px 20px;
  font-weight: 300;
}
.Hero h2 {
  max-width: 650px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 24px;
  text-shadow: 0 0 2px #777;
  padding: 0 20px 3px 20px;
}
.Hero h3 {
  margin: 0 auto 30px auto;
  font-size: 30px;
  line-height: 36px;
  font-weight: 200;
}
.Hero h4 {
  text-transform: uppercase;
  font-size: 13px;
  margin: 0 auto;
  opacity: 0.8;
  max-width: 600px;
}
.Hero .Hero__inner {
  margin: 0 auto;
  max-width: 1520px;
}
.Hero .Hero__buttonContainer {
  padding: 30px 30px 95px 30px;
  position: relative;
  z-index: 1;
}
.Hero .Hero__button {
  background: rgba(0, 0, 0, 0.4);
  margin-right: 10px;
  font-weight: 500;
}
.Hero .Hero__button:hover {
  background: rgba(0, 0, 0, 0.5);
}
.Hero .Hero__imageContainer {
  text-align: right;
}
.Hero .Hero__imageContainer img {
  max-width: 99%;
  max-height: 99%;
}
.Hero--image {
  background-size: cover;
  background-position: center center;
  margin-top: -60px;
  padding-top: 110px;
}
.Hero--main {
  margin-top: -50px;
  padding-top: 100px;
  padding-bottom: 0;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/vet_pattern.png), linear-gradient(to left, #8c6bea 0%, #2a9ed3 100%);
  background-repeat: repeat;
}
.Hero--main .dog {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  right: 0;
  width: 100%;
  height: 160px;
}
.Hero--main .dog img {
  width: 230px;
  margin-right: 420px;
}
@media (max-width: 710px) {
  .Hero--main .dog {
    display: none;
  }
}
.Hero--main .Hero__buttonContainer {
  padding-bottom: 55px;
}
.Hero--main .Hero__button {
  margin: 0;
}
/******** Static General Purpose Heros  ************/
.Hero--small {
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
.Hero--small h5 {
  color: #555;
  font-size: 28px;
  font-weight: 200;
  text-shadow: 0 1px 1px #fff;
}
.Hero--small p {
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  letter-spacing: 0.4px;
}
/******** Page Heros *********************/
.Hero--general {
  color: #444;
  text-align: left;
  font-size: 26px;
  padding: 10px 20px 10px 20px;
  margin: 0 0 0 0;
  line-height: 45px;
  border-bottom: 1px solid #dadada;
  font-weight: 200;
}
/******** One off Variations ************/
.Hero--inverse {
  color: #fff;
}
.Hero--left {
  text-align: left;
}
.Hero--center {
  text-align: center;
}
.Hero--white {
  background: #fff;
}
.Hero--video {
  height: 600px;
  width: 100%;
  margin-top: -60px;
  overflow: hidden;
}
.Hero--video video {
  z-index: -2;
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Hero--video::after {
  position: absolute;
  z-index: -1;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.Hero--video .uber {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
/******** Subhero Formatting ************/
.Hero--subhero {
  border-bottom: 1px solid #dadada;
  text-align: center;
  background: #f9f9f9;
  padding: 15px 10px;
}
.Hero--subhero p {
  line-height: 25px;
  font-size: 13px;
  margin-bottom: 0;
}
.Hero--subhero p .label {
  font-weight: normal;
  margin-right: 5px;
  font-size: 13px;
  padding-top: 4px;
}
.Hero--testimonial {
  margin-top: -60px;
  position: relative;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/corporate/testimonial_horse.png);
  background-size: 800px 450px;
  background-repeat: no-repeat;
  background-position: top left;
  color: #fff;
}
.Hero--testimonial::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: " ";
  background: #778fd8;
  background-image: linear-gradient(to right, #7890dd 0%, #7189d3 100%);
  background-position: center center;
  background-size: cover;
}
.Hero--testimonial h1 {
  margin-top: 60px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2px;
}
.Hero--testimonial h4 {
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.4px;
  text-transform: none;
  opacity: 0.6;
  margin-bottom: 100px;
}
.Hero--testimonial .Hero--testimonial__inner {
  max-width: 1520px;
  margin: 0 auto;
}
.Hero--pricing {
  margin-top: -60px;
  position: relative;
  background: linear-gradient(to top right, #a177ff, #02ceff);
  color: #fff;
}
.Hero--pricing h1 {
  margin-top: 60px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 2px;
}
.Hero--pricing h4 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-transform: none;
  opacity: 0.6;
  margin-bottom: 80px;
}
.Hero--pricing .Hero--testimonial__inner {
  max-width: 1520px;
  margin: 0 auto;
}
.Hero--pilot {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/pilot.jpg);
}
.Hero--pilot h1 {
  font-weight: 100;
  font-size: 60px;
  color: #9edfec;
}
.Hero--pilot h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.Hero--pilot a {
  border: 1px solid #9edfec;
  color: #9edfec;
}
.Hero--merchant h1 {
  font-weight: 100;
  font-size: 60px;
  color: #aabcee;
}
.Hero--merchant h4 {
  max-width: 800px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.Hero--merchant a {
  color: #809ae5;
}
.Hero--merchant a:hover {
  color: #6b89e1;
}
.Hero--boost h1 {
  font-weight: 100;
  font-size: 60px;
  color: #afcc5a;
}
.Hero--boost h4 {
  max-width: 800px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.Hero--boost a {
  border: 1px solid #afcc5a;
  color: #afcc5a;
}
.Hero--portal {
  margin-top: -130px;
  padding-top: 180px;
}
.Hero--innercircle {
  position: relative;
  margin-top: -50px;
  background: linear-gradient(to top left, #4cddff, #3b9aca 10%, #2d6ca5 20%, #2a5291 27%, #283d81 35%, #222654 50%, #1e1635 63%, #0c0010 93%, #000);
  color: #fff;
  min-height: 600px;
  padding-top: 200px;
}
.Hero--innercircle h1 {
  color: #fff;
  letter-spacing: 1px;
  font-size: 60px;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 0;
  padding-bottom: 0;
}
.Hero--innercircle h2 {
  font-size: 18px;
}
.Hero--innercircle img {
  max-width: 400px;
}
.Hero--innercircle svg {
  position: absolute;
  opacity: 0.1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.Icon {
  display: inline-block;
  padding-top: 1px;
  vertical-align: top;
  font-style: normal;
  font-size: 13px;
  font-weight: 100;
  font-family: "Arial Narrow", Arial, sans-serif;
}
.ImageCarousel {
  border: 1px solid red;
}
/*

Boxes are used in various places to contain elements on the page

*/
.Image {
  display: block;
}
.Image--inline {
  display: inline-block;
}
.Image--contain {
  max-width: 100%;
  max-height: 100%;
}
.Image--center {
  margin: 0 auto;
}
.Image--full {
  width: 100%;
}
.Image--border {
  border: 1px solid #dadada;
}
.Image--40 {
  max-width: 40px;
  max-height: 40px;
}
.Image--50 {
  max-width: 50px;
  max-height: 50px;
}
.Image--60 {
  max-width: 70px;
  max-height: 70px;
}
.Image--100 {
  max-width: 100px;
  max-height: 100px;
}
.Image--thumbnailsmall {
  max-width: 40px;
  max-height: 40px;
}
.Image--thumbnail {
  max-width: 60px;
  max-height: 60px;
}
.Image--small {
  max-width: 120px;
  max-height: 120px;
}
.Image--medium {
  max-width: 150px;
  max-height: 150px;
}
.Label {
  display: inline-block;
  border: 1px solid #aaa;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  border-color: #888;
  color: #888;
}
.Label:empty {
  display: none;
}
.Label--small {
  font-size: 10px;
  line-height: 14px;
  padding: 0 6px;
}
.Label--violet {
  border-color: #809ae5;
  color: #809ae5;
}
.Label--violet.Label--inverse {
  border-color: none;
  color: #fff;
  background: #809ae5;
}
.Label--blue {
  border-color: #5cb8e6;
  color: #5cb8e6;
}
.Label--blue.Label--inverse {
  border-color: none;
  color: #fff;
  background: #5cb8e6;
}
.Label--teal {
  border-color: #5bd4c0;
  color: #5bd4c0;
}
.Label--teal.Label--inverse {
  border-color: none;
  color: #fff;
  background: #5bd4c0;
}
.Label--purple {
  border-color: #5969e2;
  color: #5969e2;
}
.Label--purple.Label--inverse {
  border-color: none;
  color: #fff;
  background: #5969e2;
}
.Label--lime {
  border-color: #99ba39;
  color: #99ba39;
}
.Label--lime.Label--inverse {
  border-color: none;
  color: #fff;
  background: #99ba39;
}
.Label--red {
  border-color: #eb5252;
  color: #eb5252;
}
.Label--red.Label--inverse {
  border-color: none;
  color: #fff;
  background: #eb5252;
}
.Label--orange {
  border-color: #d8a540;
  color: #d8a540;
}
.Label--orange.Label--inverse {
  border-color: none;
  color: #fff;
  background: #d8a540;
}
.Menu--horizontal {
  padding: 20px 20px 0 20px;
}
.Menu--horizontal ul {
  margin-left: 0;
}
.Menu--horizontal li {
  display: inline-block;
}
.Menu--horizontal li a {
  display: block;
  margin-right: 20px;
  font-size: 14px;
  color: #777;
  font-weight: 400;
  padding: 3px 0;
  transition: color 0.15s;
}
.Menu--horizontal li a.bordered {
  border: 1px solid #dadada;
  border-radius: 2px;
  padding-right: 8px;
  padding-left: 8px;
}
@media (max-width: 500px) {
  .Menu--horizontal li a.bordered {
    display: none;
  }
}
.Menu--horizontal li a.active {
  border-bottom: 2px solid #61bce6;
  color: #333;
  font-weight: 500;
}
.Menu--horizontal li a.active:hover {
  text-decoration: none;
}
.Menu--horizontal li a:not(.active):hover {
  color: #000;
  text-decoration: none;
}
.Menu--horizontal li:last-child a {
  margin-right: 0;
}
.Menu--static {
  padding: 10px 0 5px 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
.Menu--static .pull-right {
  float: right;
}
.Menu--violet li a.active {
  border-color: #809ae5;
}
.Menu--account {
  border-bottom: 1px solid #dadada;
}
.Menu--account h1 {
  margin: 10px 0;
}
.MenuThin {
  margin-top: 7px;
  margin-bottom: -1px;
  font-size: 18px;
}
.MenuThin li {
  display: inline-block;
  list-style-type: none;
}
.MenuThin a:not(.Button) {
  color: #777;
  font-weight: 300;
  display: inline-block;
  padding: 5px 10px 8px 10px;
}
.MenuThin a:not(.Button).active {
  color: #5678dc;
  border-bottom: 1px solid #5678dc;
}
.MenuThin a:not(.Button):hover {
  text-decoration: none;
}
.MenuThin a:not(.Button):not(.active):hover {
  color: #000;
}
/**************************************/
/**************************************/
.Message {
  display: none;
  width: 100%;
  position: fixed;
  z-index: 200;
  left: 0;
}
.Message.info {
  background: #35a3dc;
}
.Message.success {
  background: #57b755;
}
.Message.error {
  background: #ff5858;
}
.Message .Message__inner {
  padding: 0 5px;
  height: 62px;
  max-width: 100%;
  width: calc(1500px);
  margin: 0 auto;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: auto;
  display: table;
}
.Message .Message__inner p {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  line-height: 17px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding-left: 30px;
}
.Message .Message__hide {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 30px;
  font-size: 20px;
  opacity: 0.4;
}
.Message .Message__hide:hover {
  cursor: pointer;
  opacity: 0.8;
}
.Note {
  padding: 10px 50px 10px 10px;
  background: #f1f1f1;
  text-align: center;
}
/* Notification Counts */
.Notification {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  padding: 0 3px;
  border-radius: 2px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  top: -7px;
  right: -3px;
  background: #aaa;
  background-image: linear-gradient(to bottom, #aaa 0%, 888 100%);
}
.Notification--blue {
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #5cb8e6 0%, #2199d5 100%);
}
.Notification--red {
  background: #eb5252;
  background-image: linear-gradient(to bottom, #eb5252 0%, #d81919 100%);
}
.Notification--violet {
  background: #809ae5;
  background-image: linear-gradient(to bottom, #809ae5 0%, #4067d8 100%);
}
.Notification--lime {
  background: #afcc5a;
  background-image: linear-gradient(to bottom, #afcc5a 0%, #89a633 100%);
}
.Overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  left: 0;
  top: 0;
  z-index: 1000;
  display: table;
  color: #eee;
}
.Overlay .top-message {
  font-size: 18px;
}
.Overlay .bottom-message {
  font-size: 12px;
  color: #ddd;
}
.Overlay__outer {
  display: table-cell;
  vertical-align: middle;
}
.Overlay__inner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/*

Pagination is used to filter through many pages

*/
.Pagination {
  display: block;
  text-align: center;
  padding: 20px 15px;
}
.Pagination__inner {
  display: inline-block;
}
.Pagination__inner .Pagination__item {
  border-radius: 18px;
  display: inline-block;
  color: #8a939b;
  font-size: 17px;
  transition: color 0.2s;
  padding: 5px 14px;
}
.Pagination__inner .Pagination__item:not(.active):hover {
  cursor: pointer;
  color: #4f8cf1;
}
.Pagination__inner .Pagination__item:hover {
  text-decoration: none;
  color: #555;
}
.Pagination__inner .Pagination__item.active {
  background: #4f8cf1;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Pagination__inner .Pagination__count {
  opacity: 0.7;
  background: #f1f1f1;
}
@keyframes progress-poles {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-19px);
  }
}
.ProgressBar {
  border: 1px solid #dadada;
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 0 5px #ddd inset;
  width: 100%;
  height: 15px;
  line-height: 15px;
  position: relative;
  overflow: hidden;
}
.ProgressBar .Progress {
  transition: width 0.9s;
  background: #4f8cf1;
  height: 14px;
}
.ProgressBar .Progress--striped {
  animation: progress-poles 500ms infinite linear;
  background: repeating-linear-gradient(45deg, #4f8cf1, #4f8cf1 7px, #8eb5f6 7px, #8eb5f6 14px);
  height: 40px;
}
.ProgressBar--thin {
  height: 10px;
}
.ProgressBar--thin .Progress {
  height: 9px;
}
.ProgressBar--fat {
  height: 20px;
  line-height: 20px;
}
.ProgressBar--fat .Progress {
  height: 19px;
}
.ProgressBar--orange .Progress {
  background: #e5c380;
}
.ProgressBar__text {
  width: 100%;
  text-align: right;
  padding: 0 5px;
  position: absolute;
  top: 0;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}
.ProgressBar__text--center {
  text-align: center;
}
/*

Ribbons emphase a product tile with specials such as featured, etc.

*/
.Ribbon {
  width: 120px;
  position: absolute;
  z-index: 4;
  top: 13px;
  left: -31px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15px;
  padding-top: 3px;
  letter-spacing: 0.4px;
  font-weight: bold;
  transform: rotate(-45deg);
}
.Ribbon::before {
  position: absolute;
  z-index: -1;
  content: " ";
  top: 0;
  left: 0;
  border-bottom: 35px solid #5969e2;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  text-shadow: 0 0 1px #fff;
  height: 0;
  width: 120px;
  opacity: 0.8;
}
.Ribbon:hover {
  cursor: help;
}
.Ribbon--teal::before {
  color: #fff;
  border-bottom-color: #5bd4c0;
}
.Ribbon--green::before {
  color: #fff;
  border-bottom-color: #57c559;
}
.Ribbon--blue::before {
  color: #fff;
  border-bottom-color: #5cb8e6;
}
.Ribbon--purple::before {
  color: #fff;
  border-bottom-color: #5969e2;
}
.Ribbon--lime::before {
  color: #fff;
  border-bottom-color: #99ba39;
}
.Ribbon--orange::before {
  color: #fff;
  border-bottom-color: #dcaf56;
}
.Ribbon__outer {
  position: relative;
}
.Ribbon__outer:hover .Ribbon__help {
  display: block;
}
.Ribbon__help {
  display: none;
  position: absolute;
  z-index: 1;
  padding: 20px 20px 20px 80px;
  line-height: 1.4;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
  max-height: 200px;
  background: #f5f6fd;
  max-width: 450px;
}
.Ribbon__help::after {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  background: #fff;
  height: 30px;
  width: 30px;
}
.Stars .Stars__container {
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  border-radius: 3px;
  float: left;
  padding: 3px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/star_empty.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center center;
}
.Stars .Stars__container:hover {
  cursor: pointer;
}
.Stars .Stars__container.active {
  border-color: #5cb8e6;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/star_full.png);
}
.Stars .Stars__container.before {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/star_full.png);
}
.Stars .Stars__container .star-img {
  max-width: 100%;
}
.Stars .Stars__text {
  line-height: 50px;
  font-size: 14px;
  margin-left: 15px;
  float: left;
}
.Stars .Stars__text .rating-hover {
  font-weight: 500;
}
.Stars .Stars__text .rating-click:hover {
  cursor: pointer;
}
.Stars::after {
  display: table;
  content: " ";
  clear: both;
}
.StarRating {
  height: 16px;
  width: 85px;
  overflow: hidden;
  background-size: 170px 16px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars.png);
}
.StarRating--halfstar {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
}
.StarRating--halfstar.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--45 {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
  background-position: -17px 0;
}
.StarRating--45.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--45.StarRating--large {
  background-position: -34px 0;
}
.StarRating--35 {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
  background-position: -34px 0;
}
.StarRating--35.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--35.StarRating--large {
  background-position: -68px 0;
}
.StarRating--25 {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
  background-position: -51px 0;
}
.StarRating--25.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--25.StarRating--large {
  background-position: -102px 0;
}
.StarRating--15 {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
  background-position: -68px 0;
}
.StarRating--15.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--15.StarRating--large {
  background-position: -136px 0;
}
.StarRating--5 {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/stars/bluestars_half.png);
  background-size: 186px 16px;
  background-position: -85px 0;
}
.StarRating--5.StarRating--large {
  background-size: 372px 32px;
}
.StarRating--5.StarRating--large {
  background-position: -170px 0;
}
.StarRating--40 {
  background-position: -17px 0;
}
.StarRating--40.StarRating--large {
  background-position: -34px 0;
}
.StarRating--30 {
  background-position: -34px 0;
}
.StarRating--30.StarRating--large {
  background-position: -68px 0;
}
.StarRating--20 {
  background-position: -51px 0;
}
.StarRating--20.StarRating--large {
  background-position: -102px 0;
}
.StarRating--10 {
  background-position: -68px 0;
}
.StarRating--10.StarRating--large {
  background-position: -136px 0;
}
.StarRating--0 {
  background-position: -85px 0;
}
.StarRating--0.StarRating--large {
  background-position: -170px 0;
}
.StarRating--large {
  height: 32px;
  width: 170px;
  background-size: 340px 32px;
}
.StarRating--inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
}
.Table {
  border: 1px solid #dadada;
  border-radius: 4px;
  background: #fff;
  width: 100%;
  display: table;
}
.Table .Table__row {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
}
.Table .Table__row:last-child {
  border-bottom: none;
}
.Table .Table__row--header {
  background: #fafafa;
  color: #555;
  border-bottom: 1px solid #dadada;
}
.Table .Table__row--header:first-child {
  border-top-left-radius: 3px;
}
.Table .Table__row--header:last-child {
  border-top-right-radius: 3px;
}
.Table .Table__row--strong {
  font-weight: bold;
}
.Table .Table__cell {
  display: table-cell;
  vertical-align: middle;
  padding: 6px;
  border-bottom: 1px solid #eaeaea;
}
.Table .Table__cell.uppercase {
  text-transform: uppercase;
}
.Table .Table__cell--past {
  color: lightgray;
}
.Table--clear {
  border: none;
  background: none;
}
.Table--register {
  width: 82%;
  margin-bottom: 10px;
}
.Tabs .Tabs__tab {
  display: block;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 3px 5px;
  margin-bottom: 5px;
}
.Tabs .Tabs__tab:hover {
  text-decoration: none;
}
.Tabs .Tabs__tab.active {
  font-weight: 500;
  color: #fff;
  background: #5cb8e6;
  border-color: #30a5df;
  box-shadow: 0 0 3px #aaa inset;
}
.Tabs .Tabs__chevron {
  float: right;
  color: #fff;
  display: inline-block;
  margin-top: 4px;
}
.Tabs .Tabs__tab:not(.active) .Tabs__chevron {
  display: none;
}
.Tabs .Tabs__tab:not(.active):hover {
  color: #000;
  cursor: pointer;
}
.Tabs--horizontal {
  padding-top: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #dadada;
  background: #fafafa;
  box-shadow: 0 0 20px #eee inset;
}
.Tabs--horizontal .Tab {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  vertical-align: top;
  padding: 5px 5px;
  border: 1px solid #dadada;
  border-bottom-color: #dadada;
  margin-bottom: -1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.Tabs--horizontal .Tab:not(.active):hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}
.Tabs--horizontal .Tab.active {
  font-weight: bold;
  border: 1px solid #dadada;
  border-bottom-color: transparent;
  background: #fff;
}
.TagInput .current-inputs {
  border: 1px solid #dadada;
  background: #fafafa;
  padding: 2px;
  margin-bottom: 5px;
}
.TagInput .current-inputs:empty {
  display: none;
}
.TagInput .current-input {
  border: 1px solid #dadada;
  padding: 1px 4px;
  background: #eee;
  display: inline-block;
  margin: 2px;
}
.TagInput .current-input .fa-remove:hover {
  color: #222;
  cursor: pointer;
}
.Testimonial {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.Testimonial__inner {
  margin: 20px auto 40px auto;
  max-width: 800px;
}
.Testimonial__inner::after {
  display: table;
  content: " ";
  clear: both;
}
@media (max-width: 820px) {
  .Testimonial__inner {
    width: 600px;
  }
}
@media (max-width: 620px) {
  .Testimonial__inner {
    width: 400px;
  }
}
.Testimonial__inner .Testimonial__collageBox__container {
  position: relative;
  padding: 5px;
  float: left;
}
.Testimonial__inner .Testimonial__collageBox__container.Testimonial__collageBox__tall {
  height: 300px;
}
.Testimonial__inner .Testimonial__collageBox__container.Testimonial__collageBox__short {
  height: 150px;
}
.Testimonial__inner .Testimonial__collageBox__container.Testimonial__collageBox__fat {
  width: 50%;
}
.Testimonial__inner .Testimonial__collageBox__container.Testimonial__collageBox__skinny {
  width: 25%;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid #dadada;
  background: #f1f1f1;
  background-size: cover;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox .text {
  width: 390px;
  padding: 20px;
  height: 140px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox .text p {
  color: white;
  font-size: 14px;
  margin-bottom: 0;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox .text p.author {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.6;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox.primary {
  background: #70b9eb;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox.action {
  background: #ba87e2;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox.violet {
  background: #a2a3ed;
}
.Testimonial__inner .Testimonial__collageBox__container .Testimonial__collageBox.orange {
  background: #a2a3ed;
}
.TestimonialFacts {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.1);
}
.TestimonialFacts .row {
  max-width: 1520px;
  margin: 0 auto;
}
.TestimonialFacts .col-4 {
  padding: 10px;
}
.TestimonialFacts .col-4:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.TestimonialFacts h5 {
  line-height: 1;
  margin: 0;
  font-size: 24px;
  font-weight: 100;
  font-size: 28px;
}
.TestimonialFacts p {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-size: 13px;
}
.TestimonialBlocks {
  max-width: 1520px;
  margin: 0 auto;
}
.TestimonialBlocks .col-6 {
  padding: 10px;
}
.TestimonialBlock {
  position: relative;
  border: 1px solid red;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/corporate/testimonials/cn_equine/2.jpg);
  background-size: cover;
  height: 300px;
  border: 3px solid #eee;
  border-radius: 3px;
  color: #fff;
}
.TestimonialBlock:hover {
  border-color: #869eeb;
  cursor: pointer;
}
.TestimonialBlock::after {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: " ";
}
.TestimonialBlock .TestimonialBlock__overlayClick {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  font-size: 13px;
  background: rgba(134, 158, 235, 0.5);
  padding: 3px 8px;
  border-bottom-left-radius: 2px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.TestimonialBlock .TestimonialBlock__overlay {
  z-index: 1;
  text-align: center;
  position: relative;
  padding: 30px 40px 0 40px;
  height: 100%;
  font-size: 22px;
}
.TestimonialBlock .TestimonialBlock__overlay p {
  margin-bottom: 10px;
  line-height: 1.4;
}
.TestimonialBlock .TestimonialBlock__overlay:hover .TestimonialBlock__overlayClick {
  display: block;
}
.TestimonialBlock .ImageContainer {
  position: absolute;
  z-index: 2;
  bottom: -4px;
  text-align: center;
  width: 100%;
}
.TestimonialBlock .ImageContainer img {
  margin: 0 auto;
  max-height: 40px;
  max-width: 110px;
}
.TestimonialBlock .TestimonialBlock__more {
  z-index: 2;
  color: #333;
  display: none;
  height: 100%;
  width: 100%;
  top: 0;
  padding: 10px;
  text-align: left;
  color: #444;
  font-size: 15px;
  position: absolute;
  padding: 20px 40px;
  background: rgba(255, 255, 255, 0.95);
}
.TestimonialBlock .TestimonialBlock__logo {
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 10px 10px 0 10px;
  margin-bottom: -4px;
  width: 130px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.TestimonialBlock .lay {
  position: absolute;
  height: 100%;
  width: 100%;
}
/*

Tooltips are used for more information on a hover

*/
.Tooltip {
  display: none;
  font-family: 'Helvetica Neue', helvetica;
  position: absolute;
  text-transform: none;
  top: 100%;
  z-index: 100;
  min-width: 200px;
  right: auto;
  left: 0;
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
  font-weight: normal;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
.Tooltip .Tooltip__inner {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0 auto;
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  text-align: center;
}
.Tooltip .Tooltip__inner::before {
  top: -6px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  z-index: 101;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.8);
  border-left: 7px solid transparent;
  content: '';
}
.Tooltip--top {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 6px;
}
.Tooltip--top .Tooltip__inner::before {
  bottom: -6px;
  top: auto;
  border-bottom: none;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
}
.Tooltip--right {
  top: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 7px;
  text-align: left;
}
.Tooltip--right .Tooltip__inner::before {
  top: 50%;
  bottom: auto;
  margin-left: 0;
  margin-top: -7px;
  left: -6px;
  border-top: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.8);
  border-left: none;
  border-bottom: 7px solid transparent;
}
.Tooltip--left {
  top: auto;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 7px;
  text-align: right;
}
.Tooltip--left .Tooltip__inner::before {
  top: 50%;
  bottom: auto;
  margin-right: 0;
  margin-top: -7px;
  right: -6px;
  left: auto;
  border-top: 7px solid transparent;
  border-left: 7px solid rgba(0, 0, 0, 0.8);
  border-right: none;
  border-bottom: 7px solid transparent;
}
.Tooltip--light .Tooltip__inner {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #dadada;
}
.Tooltip--light.Tooltip--right .Tooltip__inner::before {
  border-right-color: rgba(255, 255, 255, 0.95);
}
.Tooltip--light.Tooltip--left .Tooltip__inner::before {
  border-left-color: rgba(255, 255, 255, 0.95);
}
.Tooltip--light.Tooltip--top .Tooltip__inner::before {
  border-top-color: rgba(255, 255, 255, 0.95);
}
.Tooltip--light.Tooltip--bottom .Tooltip__inner::before {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}
.Tooltip--large {
  min-width: 350px;
}
.Tooltip--xlarge {
  min-width: 450px;
}
.Tooltip--alignleft .Tooltip__inner {
  text-align: left;
}
.ScrollUp {
  z-index: 500;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  background: rgba(255, 255, 255, 0.8);
  color: #666;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ScrollUp i {
  font-size: 24px;
}
.ScrollUp:hover {
  cursor: pointer;
  background: #fff;
  color: #5cb8e6;
}
@media print {
  .ScrollUp {
    display: none;
  }
}
.ScrollUp--show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.ScrollUp--hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
}
.Status {
  border-radius: 3px;
  line-height: 1.5;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  background: #ddd;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.Status i {
  margin-left: 4px;
}
.Status.in_stock_main {
  background: #57c559;
}
.Status.in_stock_alternate {
  background: #99ba39;
}
.Status.drop_ship {
  background: #5969e2;
}
.Status.special_order {
  background: #5969e2;
}
.Status.free_good {
  background: #aa34af;
}
.Status.out_of_state {
  background: #ef6161;
}
.Status.awaiting_arrival {
  background: #be8b27;
}
.Status.unavailable {
  background: #ef6161;
}
.Status.partial {
  background: #be8b27;
}
.Status.Status--inverse {
  background: none;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 15px;
  padding: 0;
  text-transform: none;
}
.Status.Status--inverse.in_stock_main,
.Status.Status--inverse.one_business_day {
  color: #44be46;
}
.Status.Status--inverse.in_stock_alternate,
.Status.Status--inverse.two_business_day {
  color: #99ba39;
}
.Status.Status--inverse.drop_ship {
  color: #2e42da;
}
.Status.Status--inverse.special_order {
  color: #345dd5;
}
.Status.Status--inverse.free_good {
  color: #aa34af;
}
.Status.Status--inverse.out_of_state {
  color: #eb5252;
}
.Status.Status--inverse.awaiting_arrival {
  color: #dcaf56;
}
.Status.Status--inverse.unavailable {
  color: #eb5252;
}
.Status.Status--inverse.partial {
  color: #dcaf56;
}
.StatusText {
  font-weight: bold;
  font-size: 14px;
  text-transform: none;
}
.StatusText span {
  font-weight: normal;
  font-size: 80%;
  color: #999;
}
.StatusText.in_stock_main {
  color: #57c559;
}
.StatusText.in_stock_alternate {
  color: #99ba39;
}
.StatusText.drop_ship {
  color: #5969e2;
}
.StatusText.special_order {
  color: #809ae5;
}
.StatusText.free_good {
  color: #cf6cd3;
}
.StatusText.awaiting_arrival {
  color: #e5c380;
}
.StatusText.unavailable {
  color: #eb5252;
}
.StatusText.partial {
  color: #e1b96b;
}
.Thumbnail {
  display: block;
  border: 1px solid #dadada;
  max-width: 80px;
  height: 60px;
  border-radius: 2px;
  position: relative;
  text-align: center;
  background: #fff;
  transition: border-color 0.2s;
}
.Thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.Thumbnail:hover {
  cursor: pointer;
  border-color: #aaa;
}
.Thumbnail:hover:not(.active):not(.current) {
  border-color: #aaa;
}
.Thumbnail.inactive {
  opacity: 0.2;
}
.Thumbnail.current::after {
  position: absolute;
  content: " . ";
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(92, 184, 230, 0.08);
}
.Thumbnail.active {
  border: 1px solid #f1763f;
}
/*------------------------------------*\
    Videos
\*------------------------------------*/
.Video {
  margin-top: 10px;
  position: relative;
}
.Video .Video__play {
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  height: 50px;
  line-height: 1;
  width: 50px;
  margin-left: -15px;
  margin-top: -25px;
  transition: color 0.3s;
}
.Video:hover {
  cursor: pointer;
}
.Video:hover .Video__play {
  color: rgba(0, 0, 0, 0.8);
}
.Video img {
  border: 1px solid #dadada;
  border-radius: 3px;
  max-width: 100%;
}
.Piecounter {
  height: 28px;
  display: inline-block;
  vertical-align: top;
  width: 28px;
  background-size: calc(196px) 28px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/piecounter.png);
}
.Piecounter--5 {
  background-position: calc(-28px) 0;
}
.Piecounter--4 {
  background-position: calc(-56px) 0;
}
.Piecounter--3 {
  background-position: calc(-84px) 0;
}
.Piecounter--2 {
  background-position: calc(-112px) 0;
}
.Piecounter--1 {
  background-position: calc(-140px) 0;
}
.Piecounter--0 {
  background-position: calc(-168px) 0;
}
.Flame {
  height: 25px;
  display: inline-block;
  vertical-align: top;
  width: calc(12.5px);
  overflow: hidden;
  background-size: calc(37.5px) 25px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/fireicons.png);
}
.Flame--medium {
  background-position: calc(-12.5px) 0;
}
.Flame--hot {
  background-position: calc(-25px) 0;
}
/**********************************/
/******  Top Bar Color Accent *****/
/**********************************/
.topcolor {
  height: 5px;
  opacity: 0.5;
  border-bottom: 1px solid #888;
}
.topcolorblue {
  background: #6bc5ea;
}
/**********************************/
/** Seller Completeness Bars ******/
/**********************************/
.CompleteBar {
  display: block;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/widgets/completebars.png);
  background-size: 150px 36px;
  width: 30px;
  height: 36px;
}
.CompleteBar--2 {
  background-position: -30px 0;
}
.CompleteBar--3 {
  background-position: 60px 0;
}
.CompleteBar--4 {
  background-position: -90px 0;
}
.CompleteBar--5 {
  background-position: -120px 0;
}
.CompleteBar--large {
  width: 60px;
  height: 72px;
  background-size: 300px 72px;
}
.CompleteBar--large.CompleteBar--2 {
  background-position: -60px 0;
}
.CompleteBar--large.CompleteBar--3 {
  background-position: -120px 0;
}
.CompleteBar--large.CompleteBar--4 {
  background-position: -180px 0;
}
.CompleteBar--large.CompleteBar--5 {
  background-position: -240px 0;
}
.CompleteBar--center {
  margin: 0 auto;
}
.CompleteBar--inline {
  display: inline-block;
}
/**********************************/
/******  Back to Top **************/
/**********************************/
.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  padding: 1em;
  padding-right: 20px;
  display: none;
}
.back-to-top i {
  color: #fff;
  font-size: 20px;
  opacity: 0.8;
}
.back-to-top:hover {
  background: rgba(0, 0, 0, 0.7);
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/******************************************************/
/******  2 Col Layout w/ fixed width sidebar **********/
/******************************************************/
.Layout--fixedSideBar {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.Layout--fixedSideBar__col {
  display: table-cell;
  vertical-align: top;
}
.Layout--fixedSideBar__col.Layout--fixedSideBar__side,
.Layout--fixedSideBar__col.Layout--fixedSideBar__col--side {
  width: 300px;
  min-height: 250px;
  border-left: 1px solid #eaeaea;
  background: #fafafa;
}
.Layout--fixedSideBar__col.Layout--fixedSideBar__side--left {
  border-left: none;
  border-right: 1px solid #eaeaea;
}
.Layout--fixedSideBar__col.Layout--fixedSideBar__side--thin {
  width: 225px;
}
.Layout--fixedSideBar__col.Layout--fixedSideBar__side--thick {
  width: 350px;
}
.Layout--fixedSideBar__col.Layout--fixedSideBar__col--xl {
  width: 400px;
}
.Layout--fixedSidebar__side__header {
  font-weight: 200;
  margin-bottom: 10px;
}
/*

LayoutFixed uses a CSS table layout to have
fixed and variable width elements

For a fixed width element, set its width as a style

*/
.LayoutFixed {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.LayoutFixed .LayoutFixed--col {
  display: table-cell;
  vertical-align: top;
}
/*******************************************************/
/******  Vertically Centered Display *******************/
/*******************************************************/
.Layout--centeredTable {
  display: table;
  margin: 0 auto;
  height: 100%;
}
.Layout--centeredTable .Layout--centeredTable__row {
  display: table-row;
}
.Layout--centeredTable .Layout--centeredTable__row .Layout--centeredTable__cell {
  display: table-cell;
  vertical-align: middle;
  padding-top: 60px;
}
/*

Grid System

To create a row:
<div class="row">
  <div class="col col-4">
    <div class="col-inner"></div>
  </div>
</div>

*/
.row {
  position: relative;
}
.row.row-padded .col:not(:first-child) {
  padding-left: 10px;
}
.row.row-padded .col:not(:last-child) {
  padding-right: 10px;
}
.row.row-padded-thin .col:not(:first-child) {
  padding-left: 5px;
}
.row.row-padded-thin .col:not(:last-child) {
  padding-right: 5px;
}
.row.row-not-padded .col:not(:last-child),
.row.row-not-padded .col:not(:first-child) {
  padding: 0;
}
.row.row-border-bottom {
  border-bottom: 1px solid #eaeaea;
}
.col {
  position: relative;
  float: left;
  min-height: 1px;
}
.col-0 {
  float: left;
  position: relative;
  padding: 0;
}
.col-0 {
  width: 0%;
}
.col-pull-0 {
  right: 0%;
}
.col-push-0 {
  left: 0%;
}
.col-offset-0 {
  margin-left: 0%;
}
.col-1 {
  float: left;
  position: relative;
  padding: 0;
}
.col-1 {
  width: 8.33333333%;
}
.col-pull-1 {
  right: 8.33333333%;
}
.col-push-1 {
  left: 8.33333333%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-2 {
  float: left;
  position: relative;
  padding: 0;
}
.col-2 {
  width: 16.66666667%;
}
.col-pull-2 {
  right: 16.66666667%;
}
.col-push-2 {
  left: 16.66666667%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-3 {
  float: left;
  position: relative;
  padding: 0;
}
.col-3 {
  width: 25%;
}
.col-pull-3 {
  right: 25%;
}
.col-push-3 {
  left: 25%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-4 {
  float: left;
  position: relative;
  padding: 0;
}
.col-4 {
  width: 33.33333333%;
}
.col-pull-4 {
  right: 33.33333333%;
}
.col-push-4 {
  left: 33.33333333%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-5 {
  float: left;
  position: relative;
  padding: 0;
}
.col-5 {
  width: 41.66666667%;
}
.col-pull-5 {
  right: 41.66666667%;
}
.col-push-5 {
  left: 41.66666667%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-6 {
  float: left;
  position: relative;
  padding: 0;
}
.col-6 {
  width: 50%;
}
.col-pull-6 {
  right: 50%;
}
.col-push-6 {
  left: 50%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-7 {
  float: left;
  position: relative;
  padding: 0;
}
.col-7 {
  width: 58.33333333%;
}
.col-pull-7 {
  right: 58.33333333%;
}
.col-push-7 {
  left: 58.33333333%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-8 {
  float: left;
  position: relative;
  padding: 0;
}
.col-8 {
  width: 66.66666667%;
}
.col-pull-8 {
  right: 66.66666667%;
}
.col-push-8 {
  left: 66.66666667%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-9 {
  float: left;
  position: relative;
  padding: 0;
}
.col-9 {
  width: 75%;
}
.col-pull-9 {
  right: 75%;
}
.col-push-9 {
  left: 75%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-10 {
  float: left;
  position: relative;
  padding: 0;
}
.col-10 {
  width: 83.33333333%;
}
.col-pull-10 {
  right: 83.33333333%;
}
.col-push-10 {
  left: 83.33333333%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-11 {
  float: left;
  position: relative;
  padding: 0;
}
.col-11 {
  width: 91.66666667%;
}
.col-pull-11 {
  right: 91.66666667%;
}
.col-push-11 {
  left: 91.66666667%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-12 {
  float: left;
  position: relative;
  padding: 0;
}
.col-12 {
  width: 100%;
}
.col-pull-12 {
  right: 100%;
}
.col-push-12 {
  left: 100%;
}
.col-offset-12 {
  margin-left: 100%;
}
.col-0 {
  float: left;
  position: relative;
  padding: 0;
}
.col-0 {
  width: 0%;
}
.col-pull-0 {
  right: 0%;
}
.col-push-0 {
  left: 0%;
}
.col-offset-0 {
  margin-left: 0%;
}
.col-1 {
  float: left;
  position: relative;
  padding: 0;
}
.col-1 {
  width: 8.33333333%;
}
.col-pull-1 {
  right: 8.33333333%;
}
.col-push-1 {
  left: 8.33333333%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-2 {
  float: left;
  position: relative;
  padding: 0;
}
.col-2 {
  width: 16.66666667%;
}
.col-pull-2 {
  right: 16.66666667%;
}
.col-push-2 {
  left: 16.66666667%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-3 {
  float: left;
  position: relative;
  padding: 0;
}
.col-3 {
  width: 25%;
}
.col-pull-3 {
  right: 25%;
}
.col-push-3 {
  left: 25%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-4 {
  float: left;
  position: relative;
  padding: 0;
}
.col-4 {
  width: 33.33333333%;
}
.col-pull-4 {
  right: 33.33333333%;
}
.col-push-4 {
  left: 33.33333333%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-5 {
  float: left;
  position: relative;
  padding: 0;
}
.col-5 {
  width: 41.66666667%;
}
.col-pull-5 {
  right: 41.66666667%;
}
.col-push-5 {
  left: 41.66666667%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-6 {
  float: left;
  position: relative;
  padding: 0;
}
.col-6 {
  width: 50%;
}
.col-pull-6 {
  right: 50%;
}
.col-push-6 {
  left: 50%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-7 {
  float: left;
  position: relative;
  padding: 0;
}
.col-7 {
  width: 58.33333333%;
}
.col-pull-7 {
  right: 58.33333333%;
}
.col-push-7 {
  left: 58.33333333%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-8 {
  float: left;
  position: relative;
  padding: 0;
}
.col-8 {
  width: 66.66666667%;
}
.col-pull-8 {
  right: 66.66666667%;
}
.col-push-8 {
  left: 66.66666667%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-9 {
  float: left;
  position: relative;
  padding: 0;
}
.col-9 {
  width: 75%;
}
.col-pull-9 {
  right: 75%;
}
.col-push-9 {
  left: 75%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-10 {
  float: left;
  position: relative;
  padding: 0;
}
.col-10 {
  width: 83.33333333%;
}
.col-pull-10 {
  right: 83.33333333%;
}
.col-push-10 {
  left: 83.33333333%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-11 {
  float: left;
  position: relative;
  padding: 0;
}
.col-11 {
  width: 91.66666667%;
}
.col-pull-11 {
  right: 91.66666667%;
}
.col-push-11 {
  left: 91.66666667%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-12 {
  float: left;
  position: relative;
  padding: 0;
}
.col-12 {
  width: 100%;
}
.col-pull-12 {
  right: 100%;
}
.col-push-12 {
  left: 100%;
}
.col-offset-12 {
  margin-left: 100%;
}
@media (max-width: 960px) {
  .responsive .col-sm-0 {
    float: left;
  }
  .responsive .col-sm-0 {
    width: 0%;
  }
  .responsive .col-sm-pull-0 {
    right: 0%;
  }
  .responsive .col-sm-push-0 {
    left: 0%;
  }
  .responsive .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-1 {
    float: left;
  }
  .responsive .col-sm-1 {
    width: 8.33333333%;
  }
  .responsive .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-sm-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-2 {
    float: left;
  }
  .responsive .col-sm-2 {
    width: 16.66666667%;
  }
  .responsive .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-sm-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-3 {
    float: left;
  }
  .responsive .col-sm-3 {
    width: 25%;
  }
  .responsive .col-sm-pull-3 {
    right: 25%;
  }
  .responsive .col-sm-push-3 {
    left: 25%;
  }
  .responsive .col-sm-offset-3 {
    margin-left: 25%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-4 {
    float: left;
  }
  .responsive .col-sm-4 {
    width: 33.33333333%;
  }
  .responsive .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-sm-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-5 {
    float: left;
  }
  .responsive .col-sm-5 {
    width: 41.66666667%;
  }
  .responsive .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-sm-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-6 {
    float: left;
  }
  .responsive .col-sm-6 {
    width: 50%;
  }
  .responsive .col-sm-pull-6 {
    right: 50%;
  }
  .responsive .col-sm-push-6 {
    left: 50%;
  }
  .responsive .col-sm-offset-6 {
    margin-left: 50%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-7 {
    float: left;
  }
  .responsive .col-sm-7 {
    width: 58.33333333%;
  }
  .responsive .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-sm-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-8 {
    float: left;
  }
  .responsive .col-sm-8 {
    width: 66.66666667%;
  }
  .responsive .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-sm-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-9 {
    float: left;
  }
  .responsive .col-sm-9 {
    width: 75%;
  }
  .responsive .col-sm-pull-9 {
    right: 75%;
  }
  .responsive .col-sm-push-9 {
    left: 75%;
  }
  .responsive .col-sm-offset-9 {
    margin-left: 75%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-10 {
    float: left;
  }
  .responsive .col-sm-10 {
    width: 83.33333333%;
  }
  .responsive .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-sm-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-11 {
    float: left;
  }
  .responsive .col-sm-11 {
    width: 91.66666667%;
  }
  .responsive .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-sm-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (max-width: 960px) {
  .responsive .col-sm-12 {
    float: left;
  }
  .responsive .col-sm-12 {
    width: 100%;
  }
  .responsive .col-sm-pull-12 {
    right: 100%;
  }
  .responsive .col-sm-push-12 {
    left: 100%;
  }
  .responsive .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-0 {
    float: left;
  }
  .responsive .col-xs-0 {
    width: 0%;
  }
  .responsive .col-xs-pull-0 {
    right: 0%;
  }
  .responsive .col-xs-push-0 {
    left: 0%;
  }
  .responsive .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-1 {
    float: left;
  }
  .responsive .col-xs-1 {
    width: 8.33333333%;
  }
  .responsive .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-xs-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-2 {
    float: left;
  }
  .responsive .col-xs-2 {
    width: 16.66666667%;
  }
  .responsive .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-xs-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-3 {
    float: left;
  }
  .responsive .col-xs-3 {
    width: 25%;
  }
  .responsive .col-xs-pull-3 {
    right: 25%;
  }
  .responsive .col-xs-push-3 {
    left: 25%;
  }
  .responsive .col-xs-offset-3 {
    margin-left: 25%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-4 {
    float: left;
  }
  .responsive .col-xs-4 {
    width: 33.33333333%;
  }
  .responsive .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-xs-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-5 {
    float: left;
  }
  .responsive .col-xs-5 {
    width: 41.66666667%;
  }
  .responsive .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-xs-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-6 {
    float: left;
  }
  .responsive .col-xs-6 {
    width: 50%;
  }
  .responsive .col-xs-pull-6 {
    right: 50%;
  }
  .responsive .col-xs-push-6 {
    left: 50%;
  }
  .responsive .col-xs-offset-6 {
    margin-left: 50%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-7 {
    float: left;
  }
  .responsive .col-xs-7 {
    width: 58.33333333%;
  }
  .responsive .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-xs-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-8 {
    float: left;
  }
  .responsive .col-xs-8 {
    width: 66.66666667%;
  }
  .responsive .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-xs-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-9 {
    float: left;
  }
  .responsive .col-xs-9 {
    width: 75%;
  }
  .responsive .col-xs-pull-9 {
    right: 75%;
  }
  .responsive .col-xs-push-9 {
    left: 75%;
  }
  .responsive .col-xs-offset-9 {
    margin-left: 75%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-10 {
    float: left;
  }
  .responsive .col-xs-10 {
    width: 83.33333333%;
  }
  .responsive .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-xs-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-11 {
    float: left;
  }
  .responsive .col-xs-11 {
    width: 91.66666667%;
  }
  .responsive .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-xs-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-12 {
    float: left;
  }
  .responsive .col-xs-12 {
    width: 100%;
  }
  .responsive .col-xs-pull-12 {
    right: 100%;
  }
  .responsive .col-xs-push-12 {
    left: 100%;
  }
  .responsive .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-0 {
    float: left;
  }
  .responsive .col-xs-0 {
    width: 0%;
  }
  .responsive .col-xs-pull-0 {
    right: 0%;
  }
  .responsive .col-xs-push-0 {
    left: 0%;
  }
  .responsive .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-1 {
    float: left;
  }
  .responsive .col-xs-1 {
    width: 8.33333333%;
  }
  .responsive .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-xs-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-2 {
    float: left;
  }
  .responsive .col-xs-2 {
    width: 16.66666667%;
  }
  .responsive .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-xs-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-3 {
    float: left;
  }
  .responsive .col-xs-3 {
    width: 25%;
  }
  .responsive .col-xs-pull-3 {
    right: 25%;
  }
  .responsive .col-xs-push-3 {
    left: 25%;
  }
  .responsive .col-xs-offset-3 {
    margin-left: 25%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-4 {
    float: left;
  }
  .responsive .col-xs-4 {
    width: 33.33333333%;
  }
  .responsive .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-xs-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-5 {
    float: left;
  }
  .responsive .col-xs-5 {
    width: 41.66666667%;
  }
  .responsive .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-xs-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-6 {
    float: left;
  }
  .responsive .col-xs-6 {
    width: 50%;
  }
  .responsive .col-xs-pull-6 {
    right: 50%;
  }
  .responsive .col-xs-push-6 {
    left: 50%;
  }
  .responsive .col-xs-offset-6 {
    margin-left: 50%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-7 {
    float: left;
  }
  .responsive .col-xs-7 {
    width: 58.33333333%;
  }
  .responsive .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-xs-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-8 {
    float: left;
  }
  .responsive .col-xs-8 {
    width: 66.66666667%;
  }
  .responsive .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-xs-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-9 {
    float: left;
  }
  .responsive .col-xs-9 {
    width: 75%;
  }
  .responsive .col-xs-pull-9 {
    right: 75%;
  }
  .responsive .col-xs-push-9 {
    left: 75%;
  }
  .responsive .col-xs-offset-9 {
    margin-left: 75%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-10 {
    float: left;
  }
  .responsive .col-xs-10 {
    width: 83.33333333%;
  }
  .responsive .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-xs-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-11 {
    float: left;
  }
  .responsive .col-xs-11 {
    width: 91.66666667%;
  }
  .responsive .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-xs-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (max-width: 600px) {
  .responsive .col-xs-12 {
    float: left;
  }
  .responsive .col-xs-12 {
    width: 100%;
  }
  .responsive .col-xs-pull-12 {
    right: 100%;
  }
  .responsive .col-xs-push-12 {
    left: 100%;
  }
  .responsive .col-xs-offset-12 {
    margin-left: 100%;
  }
}
.col-12-5,
.col-xs-12-5,
.col-sm-12-5,
.col-md-12-5,
.col-lg-12-5 {
  width: 20%;
  float: left;
  position: relative;
}
.col-12-7,
.col-xs-12-7,
.col-sm-12-7,
.col-md-12-7,
.col-lg-12-7 {
  width: 14.825%;
  float: left;
  position: relative;
}
.col-12-8,
.col-xs-12-8,
.col-sm-12-8,
.col-md-12-8,
.col-lg-12-8 {
  width: 12.5%;
  float: left;
  position: relative;
}
.col-12-10,
.col-xs-12-10,
.col-sm-12-10,
.col-md-12-10,
.col-lg-12-10 {
  width: 10%;
  float: left;
  position: relative;
}
.col-p-5 {
  width: 5%;
  float: left;
  position: relative;
}
.col-p-10 {
  width: 10%;
  float: left;
  position: relative;
}
.col-p-15 {
  width: 15%;
  float: left;
  position: relative;
}
.col-p-20 {
  width: 20%;
  float: left;
  position: relative;
}
.col-p-25 {
  width: 25%;
  float: left;
  position: relative;
}
.col-p-30 {
  width: 30%;
  float: left;
  position: relative;
}
.col-p-35 {
  width: 35%;
  float: left;
  position: relative;
}
.col-p-40 {
  width: 40%;
  float: left;
  position: relative;
}
.col-p-45 {
  width: 45%;
  float: left;
  position: relative;
}
.col-p-55 {
  width: 55%;
  float: left;
  position: relative;
}
.col-p-60 {
  width: 60%;
  float: left;
  position: relative;
}
.col-p-65 {
  width: 65%;
  float: left;
  position: relative;
}
.col-p-70 {
  width: 70%;
  float: left;
  position: relative;
}
.col-p-75 {
  width: 75%;
  float: left;
  position: relative;
}
.col-p-80 {
  width: 80%;
  float: left;
  position: relative;
}
.col-p-85 {
  width: 85%;
  float: left;
  position: relative;
}
.col-p-90 {
  width: 90%;
  float: left;
  position: relative;
}
.col-p-95 {
  width: 90%;
  float: left;
  position: relative;
}
.clearfix::before,
.clearfix::after,
.row::before,
.row::after {
  content: " ";
  display: table;
}
.clearfix::after,
.container::after,
.container-fluid::after,
.row::after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none;
}
.affix {
  position: fixed;
  transform: translate3d(0, 0, 0);
}
html {
  height: 100%;
}
html.noscroll {
  overflow-y: hidden;
}
html.noscroll body {
  overflow-y: hidden;
}
body {
  height: 100%;
  background: #f9fafb;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
body .body-container {
  min-width: 1520px;
}
body.white {
  background: #fff;
}
body.responsive .body-container {
  min-width: 1px;
}
/********** General Page Elements ***********/
.Container__outer {
  padding: 0 20px;
  max-width: 1520px;
  margin: 0 auto;
}
.Container {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
}
.Container--white {
  background: #fff;
}
.Container--border {
  border: 1px solid #dadada;
}
.Container--padding {
  padding: 20px;
}
.section {
  padding: 15px 0;
  margin: 15px;
}
.Holder {
  background: #f6f6f6;
  padding: 40px 0;
}
/**
// Headers
// --------------------------------------------------

**/
header #HeaderSimple {
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}
header #HeaderSimple img {
  padding: 5px;
  margin: 5px;
  max-height: 45px;
  opacity: 0.8;
}
header #HeaderSimple img:hover {
  opacity: 1;
}
#Header2 {
  z-index: 10;
  position: relative;
  height: 50px;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.7);
}
#Header2 .Header__inner {
  width: calc(1480px);
  margin: 0 auto;
  display: table;
  height: 50px;
  position: relative;
}
#Header2 .Header__element {
  display: table-cell;
  vertical-align: top;
}
#Header2 .Header__element:hover {
  text-decoration: none;
}
#Header2 .Header__fixed {
  width: auto;
}
#Header2 .Header__variable {
  width: 100%;
}
#Header2 .Header__text {
  display: block;
  position: relative;
  margin: 0 0;
  padding: 10px 15px;
  background: none;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  transition: color 0.2s;
}
#Header2 .Header__text .Header__text__icon {
  opacity: 0.2;
}
#Header2 .Header__text:hover,
#Header2 .Header__text.selected {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
#Header2 .Header__text:hover .Header__text__icon,
#Header2 .Header__text.selected .Header__text__icon {
  opacity: 0.5;
}
#Header2 .Header__text.selected {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
#Header2 .Header__text.selected::before {
  bottom: 0;
  left: 40%;
  z-index: 101;
  position: absolute;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  content: ' ';
}
#Header2 .Header__text--strong {
  border-radius: 3px;
  color: #fff;
  background: #809ae5;
  font-weight: normal;
}
#Header2 .Header__label {
  background: #5bd4c0;
  font-size: 11px;
  font-weight: normal;
  padding: 1px 2px 0 2px;
  border-radius: 2px;
  display: inline-block;
  margin-top: 3px;
  margin-left: -2px;
  margin-right: -10px;
  vertical-align: top;
  line-height: 1;
}
#Header2 .Header__logo {
  padding-left: 0;
}
#Header2 .Header__logo img {
  padding-top: 12px;
  padding-right: 15px;
  width: 150px;
}
#Header2 .Header__search {
  width: 100%;
  margin-top: 8px;
  position: relative;
}
#Header2 .Header__searchTable {
  width: 100%;
  height: 34px;
  margin-top: 3px;
  position: relative;
}
#Header2 .Header__searchInput {
  font-weight: 200;
  width: 100%;
  padding: 0 5px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 34px;
  border: 1px solid transparent;
  box-shadow: none;
}
#Header2 .Header__searchInput:focus {
  border: 1px solid transparent;
  box-shadow: none;
}
#Header2 .Header__searchButtonTD {
  width: 40px;
}
#Header2 .Header__searchButtonTD button {
  border-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  height: 34px;
  line-height: 34px;
  width: 40px;
  color: #777 !important;
  background: #eee;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border: none;
  border-left: 1px solid #ccc;
  font-weight: 400;
  text-align: center;
  padding: 0;
}
#Header2 .Header__searchExit {
  display: none;
  position: absolute;
  top: 7px;
  right: 40px;
  padding: 2px 10px;
  color: #777;
  font-size: 15px;
}
#Header2 .Header__searchExit:hover {
  color: #333;
  cursor: pointer;
}
#Header2 .Header__searchExit.active {
  display: block;
}
#Header2 .Header__searchLoader {
  display: none;
  position: absolute;
  top: 7px;
  right: 60px;
  padding: 2px 10px;
  color: #aaa;
  font-size: 15px;
}
#Header2 #shopping-cart {
  transition: 0.4s;
}
#Header2 #shopping-cart.glow {
  color: #89d8e7;
}
#Header2.naked {
  background: none;
}
#Header2.naked .Header__search {
  visibility: hidden;
}
/*
SubHeader (For Merchant Portal)
*/
.SubHeader {
  background: #fff;
  border-bottom: 5px solid #e4e4e4;
  padding: 0 10px;
}
.SubHeader__inner {
  max-width: 1520px;
  margin: 0 auto;
}
.SubHeader__inner::after {
  display: table;
  content: " ";
  clear: both;
}
.SubHeader__left {
  float: left;
}
.SubHeader__right {
  float: right;
}
.SubHeader__title {
  font-size: 24px;
  font-weight: 200;
  padding: 4px 0 0 0;
  color: #888;
}
.SubHeader__menu {
  margin: 0 0 -5px 0;
  text-align: left;
}
a.SubHeader__item {
  display: inline-block;
  color: #555;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 12px 20px;
  border-bottom: 5px solid transparent;
}
a.SubHeader__item:hover {
  color: #1aacd6;
  text-decoration: none;
  cursor: pointer;
}
a.SubHeader__item.active {
  color: #1aacd6;
  border-bottom-color: #3cc1e7;
}
a.SubHeader__button {
  margin-top: 9px;
}
.Footer {
  background: #222;
  padding-bottom: 30px;
}
.Footer a {
  color: #eee;
}
.Footer a:hover {
  color: #fff;
}
.Footer .Footer__inner {
  max-width: 1520px;
  padding: 50px 20px;
  margin: 0 auto;
}
.Footer .Footer__main {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
.Footer .Footer__row {
  margin-bottom: 15px;
}
.Footer .Footer__row::after {
  display: table;
  content: " ";
  clear: both;
}
.Footer .Footer__row p,
.Footer .Footer__row a {
  color: #eee;
  display: inline-block;
  font-weight: 200;
  letter-spacing: 0.5px;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 15px;
}
.Footer .Footer__legal p,
.Footer .Footer__legal a {
  font-weight: 400;
  color: #aaa;
  font-weight: 200;
  font-size: 13px;
  text-transform: uppercase;
}
.Footer a.Footer__social {
  margin-top: -5px;
  font-size: 16px;
  margin-left: 5px;
  display: inline-block;
}
/*********************************
/**** Empty Footer Bar ************
/*********************************/
.Footer--empty {
  padding: 0;
  height: 30px;
  background: none;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
.Autosuggest {
  position: absolute;
  z-index: 200;
  min-width: 400px;
  max-width: 505px;
  width: 100%;
  border: 1px solid #ccc;
  text-align: left;
  background: #fff;
}
.Autosuggest .Autosuggest__header {
  background: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 14px;
  margin: 5px 10px 5px 10px;
  color: #555;
  border-bottom: 1px solid #eee;
}
.Autosuggest .Autosuggest__option {
  font-size: 15px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  position: relative;
  display: block;
  padding: 0 10px 0 10px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Autosuggest .Autosuggest__option .matching {
  color: #000;
}
.Autosuggest .Autosuggest__option:hover {
  background: #f8f8f8;
  cursor: pointer;
  text-decoration: none;
  color: #555;
}
.Autosuggest .Autosuggest__option.active {
  background: #eee;
}
.Autosuggest .Autosuggest__itemName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Autosuggest .Autosuggest__itemManufacturer {
  color: #999;
  font-size: 11px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Autosuggest .Autosuggest__option--disabled {
  opacity: 0.5;
  background: #fafafa;
}
.Autosuggest .Autosuggest__option--disabled:hover,
.Autosuggest .Autosuggest__option--disabled.active {
  background: none;
}
.Autosuggest .Autosuggest__recent {
  color: #52188c;
}
.Autosuggest .Autosuggest__footer {
  padding: 2px 10px;
  font-size: 12px;
}
.Empty {
  padding: 60px 40px;
  text-align: center;
}
.Empty .fa {
  border-radius: 50%;
  border: 1px solid #eaeaea;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 60px;
  color: rgba(0, 0, 0, 0.13);
}
.Empty h4 {
  margin-top: 20px;
}
/* 
Side bar Helper 
*/
.Helper {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Helper:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.Helper h4 {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
}
.Helper p {
  color: #6e767c;
}
.Helper .Helper__link {
  display: inline-block;
  margin-top: 10px;
}
.Helper .Helper__link:hover {
  text-decoration: none;
}
/*

Splash Content

*/
.SplashNumber {
  font-size: 15px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: #5969e2;
  color: #fff;
}
.SplashNumber--violet {
  background: #809ae5;
}
/*

Comments box used by the community features (questions, reviews)

*/
.Comments {
  position: relative;
  display: block;
  border-radius: 2px;
  border: 1px solid #ddd;
  padding: 20px;
  margin-top: 10px;
  background: #f6f6f6;
}
.Comments .Comments__comment {
  border-bottom: 1px solid #d6d6d6;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.Comments .Comments__comment p {
  margin: 0;
}
.Comments .Comments__comment .author {
  font-size: 12px;
  margin: 0;
  display: inline-block;
}
.Comments .Comments__comment .delete,
.Comments .Comments__comment .edit {
  color: #5ecadf;
  color: #30a5df;
  transition: color 0.1s;
}
.Comments .Comments__comment .delete:hover,
.Comments .Comments__comment .edit:hover {
  color: #35a9df;
  cursor: pointer;
  text-decoration: underline;
}
.Comments .Comments__comment .Comments__commentEditing {
  display: none;
}
.Comments .Comments__comment .Comments__commentLoading {
  display: none;
  text-align: center;
}
.Comments .Comments__comment .Comments__commentDeleted {
  display: none;
}
.Comments .Comments__comment .Comments__commentDeleted .text {
  font-style: italic;
  color: #999;
}
.Comments .Comments__comment .delete-form {
  display: inline-block;
}
.Comments .Comments__comment:last-child {
  border-bottom: none;
}
.Comments::before {
  position: absolute;
  top: -8px;
  left: 31px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.Comments::after {
  position: absolute;
  top: -6px;
  left: 32px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f6f6f6;
  border-left: 6px solid transparent;
  content: '';
}
.Comments .Comments__commentForm::after {
  display: table;
  content: " ";
  clear: both;
}
.Comments .Comments__commentLoading {
  display: none;
}
.Comments .Comments__author {
  display: inline-block;
}
.Comments .Comments__author p {
  display: inline-block;
}
.Comments .Comments__authorEdit {
  display: none;
}
.Comments .Comments__submit {
  float: right;
}
.Comments .Comments__loader {
  color: #5ecadf;
  text-align: center;
}
.Comments--hidden {
  display: none;
}
.SideMenu__section {
  margin-bottom: 15px;
}
.SideMenu__section--box {
  background-color: white;
  border: 1px solid #eaeaea;
}
.SideMenu__content {
  list-style-type: none;
  margin-left: -10px;
}
.SideMenu__header {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  margin: 5px 0;
}
.SideMenu__header--offset {
  margin-left: 8px;
}
.SideMenu__sidebar {
  background: none;
  border: none;
}
.SideMenu__link {
  display: block;
  border-radius: 3px;
  margin: 5px 0;
  padding: 3px 10px;
  color: #888;
  font-weight: 500;
  font-size: 16px;
  transition: color 0.2s;
}
.SideMenu__link i {
  float: right;
  display: none;
}
.SideMenu__link.active {
  color: #fff;
  background: #4f8cf1;
}
.SideMenu__link.active i {
  padding: 2px;
  font-weight: bold;
  line-height: 20px;
  display: inline-block;
}
.SideMenu__link.active:hover {
  color: #fff;
  text-decoration: none;
}
.SideMenu__link:not(.active):hover {
  color: #333;
  text-decoration: none;
}
.Report {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 9999;
  width: 100%;
  min-height: 400px;
  background: rgba(0, 0, 0, 0.85);
  display: table;
}
.Report .Report__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.Report .Report__box {
  width: 550px;
  position: relative;
  margin: 0 auto;
  background: #fafafa;
  border: 1px solid #dadada;
  text-align: left;
  padding: 20px;
}
.Report .Report__success {
  text-align: center;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
.Clinic__PracticeType .checkbox {
  line-height: 40px;
}
.CompanyAdvisors {
  display: none;
  background-color: #353535;
  background: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/advisors.jpg);
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding: 40px 20px;
}
.CompanyAdvisors .col-4 {
  padding: 20px;
}
.CompanyAdvisors h4,
.CompanyAdvisors h5,
.CompanyAdvisors h6 {
  font-weight: normal;
  line-height: 1.4;
}
.CompanyAdvisors h4 {
  font-weight: bold;
}
.CompanyAdvisors h5 {
  font-style: italic;
}
.CompanyTeam {
  padding: 40px 20px;
  background: #fafafa;
}
.CompanyTeamMember {
  background: #fff;
  padding: 20px;
  border: 1px solid #dadada;
  margin: 20px;
  height: 390px;
}
.CompanyTeamMember .col-4 {
  padding-right: 20px;
}
.CompanyTeamMember img {
  border: 2px solid #eaeaea;
}
.CompanyTeamMember h2,
.CompanyTeamMember h3 {
  font-weight: normal;
}
.CompanyTeamMember h2 {
  font-size: 18px;
  font-weight: bold;
}
.CompanyTeamMember h3 {
  line-height: 1.3;
  font-size: 16px;
  font-style: italic;
}
.CompanyTeamMember p {
  margin-top: 10px;
  line-height: 1.4;
  color: #999;
}
.CouponListItem {
  margin: 30px 0 30px 0;
  border-left: 3px solid #5ecadf;
  padding-left: 10px;
  font-size: 14px;
}
.CouponAdminType {
  position: relative;
  display: block;
  border: 1px solid #eee;
  padding: 10px;
  text-align: center;
  margin: 10px;
  border-radius: 3px;
  opacity: 0.5;
}
.CouponAdminType.active {
  opacity: 1;
  border: 1px solid #5cb8e6;
  background: #e1f2fa;
}
.CouponAdminType:not(.active) input {
  pointer-events: none;
}
.CouponAdminType:not(.active):hover {
  opacity: 1;
  cursor: pointer;
}
.CouponAdminType .Form__group {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #eaeaea;
}
/************************/
/*   Coupon Card        */
/************************/
.CouponCard {
  border-left: 2px solid #5cb8e6;
  padding: 20px;
}
.CouponCard__count {
  font-size: 13px;
  color: #999;
  line-height: 1;
}
/************************/
/*   Coupon Clip        */
/************************/
.CouponClip {
  margin-top: 5px;
}
.CouponClip__offer {
  display: inline-block;
  border: 1px dashed #55958e;
  border-radius: 4px;
  text-align: left;
}
.CouponClip__offerInner {
  background: #c9f0ec;
  border-radius: 4px;
  font-size: 13px;
  padding: 0 4px;
  transition: background 0.2s;
}
.CouponClip__offerInner:hover {
  cursor: pointer;
  background: #b7e9e4;
}
.CouponClip__details {
  font-size: 13px;
  margin: 5px 0 5px 10px;
}
.CouponClip__details:hover {
  cursor: pointer;
}
.CouponClip__explanation {
  padding: 10px;
}
.CouponClip__success {
  color: #57c559;
  display: none;
}
.CouponClip__loading {
  color: #5cb8e6;
  display: none;
}
.CouponClip__error {
  color: #eb5252;
  display: none;
}
.CouponClip--clipped .CouponClip__offer {
  display: none;
}
.CouponClip--clipped .CouponClip__success {
  display: inline-block;
}
/************************/
/*   Coupon Bulletin    */
/************************/
.CouponBulletin {
  margin: 5px;
  border: 3px dotted transparent;
  padding: 5px;
}
.CouponBulletin:hover {
  border: 3px dotted #dadada;
}
.CouponBulletin__count {
  color: #999;
  font-size: 13px;
  text-align: center;
}
.CouponBulletin__savings {
  margin-top: 6px;
  color: #57c559;
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
a.CouponBulletin__name {
  display: block;
  color: #333;
  text-align: center;
  line-height: 16px;
  height: 32px;
  overflow: hidden;
}
a.CouponBulletin__image {
  display: block;
  height: 120px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
a.CouponBulletin__image:hover {
  text-decoration: none;
}
.CouponBulletin__details:hover {
  cursor: pointer;
  text-decoration: underline;
}
/************************/
/*   Coupon Index       */
/************************/
.CouponIndex__container {
  border: 1px solid #e0e2e3;
}
.CouponIndex__header {
  width: 100%;
  margin: 0 auto;
  padding: 60px 15px;
  background-color: #87b4cb;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}
.CouponIndex__header .CouponIndex__mainIcon {
  margin-bottom: 20px;
  padding: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.CouponIndex__header h1 {
  font-size: 38px;
}
.CouponIndex__header h2 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
.CouponIndex__header h3 {
  margin: 0 auto;
  max-width: 600px;
  margin-top: 10px;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.25px;
}
.CouponIndex__header a.CouponIndex__link {
  color: #fff;
  text-decoration: underline;
}
.CouponIndex__header a.CouponIndex__link:hover {
  color: #ccc;
}
.CouponIndex__header .Button {
  margin-top: 30px;
}
.CouponIndex__notice {
  background: #dcf3dc;
  color: #3cad3e;
  padding: 20px;
  font-size: 18px;
  text-align: center;
}
.CouponIndex__header--dark {
  color: #333;
}
.CouponIndex__header--dark h2 {
  color: rgba(0, 0, 0, 0.7);
}
.CouponIndex__prompt {
  background: #fafafa;
  padding: 50px 20px 50px 20px;
  text-align: center;
}
.CouponIndex__section {
  background: #fafafa;
  padding: 40px;
  border-bottom: 1px solid #e0e2e3;
  text-align: center;
}
.CouponIndex__section h1 {
  margin-bottom: 15px;
}
.CouponIndex__section h5 {
  max-width: 800px;
  margin: 0 auto;
  font-weight: normal;
}
.CouponIndex__section img {
  margin: 0 auto;
}
.CouponIndex__section--white {
  background: #fff;
}
.CouponIndex .CouponIndex__display {
  background: #fff;
  border: 1px solid #e0e2e3;
  color: #555;
}
.CouponIndex .CouponIndex__display p:not(:last-child) {
  border-bottom-color: #e0e2e3;
}
.CouponIndex .CouponIndex__display .fa-check {
  color: #87b4cb;
}
.CouponIndex__section--message {
  color: #57c559;
  font-size: 18px;
}
.CouponIndex__section--overflowImage {
  padding: 40px 0 0 40px;
}
.CouponIndex__textCol {
  padding-bottom: 40px;
}
.CouponIndex__faq {
  text-align: left;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 16px;
}
.CouponIndex__faq h3 {
  color: #5cb8e6;
  font-weight: bold;
}
.CouponIndex__faq p {
  font-size: 16px;
}
.CouponIndex__subheader {
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
}
@media (max-width: 768px) {
  .responsive .CouponIndex__section {
    padding: 20px 10px;
  }
  .responsive .CouponIndex__section--overflowImage {
    padding: 40px 0 0 20px;
  }
}
.Innercircle__diagonalBreaker {
  position: relative;
  z-index: 1;
  height: 100px;
  background: #fafafa;
  margin-bottom: -100px;
  width: 100%;
}
.Innercircle__diagonalBreaker::after {
  background: inherit;
  bottom: 100%;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
  z-index: -1;
}
.Innercircle__section {
  padding: 100px 0;
}
.Innercircle__section h1 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #115fa9;
}
.Innercircle__history {
  padding: 150px 0 0 0;
  background: #fafafa;
  overflow: hidden;
}
.Innercircle__history .Image {
  max-height: 490px;
}
.Innercircle__support {
  background: radial-gradient(circle farthest-corner at right bottom, #ffd08a 0%, #ffa376 28%, #d26578 52%, #682a84 79%, #241668 100%);
  color: #fff;
  text-align: center;
  padding: 150px 0;
}
.Innercircle__support .col-4 {
  padding: 10px;
}
.Innercircle__supportBox {
  margin-top: 40px;
  background: rgba(0, 0, 0, 0.4);
  padding: 50px 20px;
}
.Innercircle__supportBox .fa {
  font-size: 30px;
  opacity: 0.6;
}
.Innercircle__discuss {
  background: linear-gradient(to bottom left, #4cddff, #3b9aca 10%, #2d6ca5 20%, #2a5291 27%, #283d81 35%, #222654 50%, #1e1635 63%, #0c0010 93%, #000);
  color: #fff;
  text-align: center;
  padding-bottom: 0;
  border-bottom: 1px solid #dadada;
}
.Innercircle__discuss img {
  margin-top: 60px;
}
.Innercircle__discuss h1 {
  color: #eee;
}
.Innercircle__integration {
  background: linear-gradient(to top left, #4cddff, #3b9aca 10%, #2d6ca5 20%, #2a5291 27%, #283d81 35%, #222654 50%, #1e1635 63%, #0c0010 93%, #000);
  color: #fff;
  text-align: center;
  padding: 150px 0 200px 0;
}
.Innercircle__integration h1 {
  color: #fff;
  margin-bottom: 20px;
}
.Innercircle__integration .col-4 {
  position: relative;
  padding: 0 20px;
}
.Innercircle__integration h2 {
  margin: 30px 0 20px 0;
  font-weight: bold;
  font-size: 19px;
}
.Innercircle__integration p {
  font-size: 16px;
}
.Innercircle__integration .Innercircle__integrationArrow {
  position: absolute;
  right: 0;
  top: 60px;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}
.Innercircle__integration .Innercircle__integrationImage {
  width: 250px;
  margin: 0 auto;
  height: 195px;
  background-size: 750px 195px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/innercircle/integration.png);
  margin-bottom: 30px;
}
.Innercircle__integration .Innercircle__integrationImage--2 {
  background-position: -250px 0;
}
.Innercircle__integration .Innercircle__integrationImage--3 {
  background-position: -500px 0;
}
.Innercircle__popularity {
  padding-bottom: 0;
  color: #fff;
  background: linear-gradient(to right, #222553 0%, #4bdafd 100%);
}
.Innercircle__pilot {
  background: #fff;
  padding: 120px 0 50px 0;
}
.Innercircle__pilot img {
  width: 100%;
}
.Innercircle__coupon {
  padding-bottom: 0;
  padding-top: 50px;
  background: #fafafa;
  overflow: hidden;
}
.Innercircle__coupon img {
  max-width: 250px;
  margin-bottom: -150px;
}
.Innercircle__checkout {
  padding-top: 0;
  padding-bottom: 100px;
  background: #fafafa;
}
.Innercircle__checkout img {
  max-width: 100%;
}
.Landing {
  background: red;
}
.LandingHero {
  position: relative;
  margin-top: -60px;
  width: 100%;
  background-image: linear-gradient(to left, #af98f0 0%, #53b2dd 100%);
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/vet_pattern.png), linear-gradient(to left, #af98f0 0%, #53b2dd 100%);
  background: linear-gradient(to left, #5cc3f6 0%, #4fb3e5 100%);
}
.LandingHero__inner {
  overflow: auto;
  max-width: 1520px;
  margin: 0 auto;
}
.LandingVetove {
  margin: 0 auto 0 auto;
  display: inline-block;
}
.LandingAccounts {
  width: 100%;
  position: relative;
  text-align: center;
  margin: -40px auto -20px auto;
}
.LandingLogo {
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.LandingLogo .Logo {
  margin: 5px;
}
.LandingLogo .Logo.inactive {
  opacity: 0.3;
}
.LandingLogo__progress {
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: #93e788;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.LandingLogo__text {
  position: absolute;
  top: -20px;
  width: 100%;
}
.LandingLogo__text a {
  display: inline-block;
  text-align: center;
  color: #eee;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: color 0.2s;
}
.LandingLogo__text a:hover {
  color: #fff;
  text-decoration: none;
}
.LandingSearch {
  max-width: 650px;
  margin: 150px auto 0 auto;
  text-align: center;
}
.LandingSearch .Form__control {
  height: 45px;
  font-size: 16px;
  width: 100%;
  padding-left: 10px;
}
.LandingSearch .Button {
  height: 45px;
  line-height: 33px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.LandingSuggestions {
  max-width: 650px;
  margin: 40px auto 140px auto;
}
.LandingSuggestions strong {
  opacity: 0.6;
  color: #fff;
  margin-bottom: 10px;
}
.LandingSuggestions a {
  color: #fff;
  font-size: 15px;
  display: block;
  transition: color 0.2s;
}
.LandingSuggestions a:hover {
  color: #fff;
}
.LandingSpotlight {
  padding: 0 20px;
  max-width: 1520px;
  padding-top: 10px;
  margin: 0 auto;
}
.LandingSpotlight__outer {
  background: #fff;
  padding: 60px 0 50px 0;
}
.LandingSpotlight__inner {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  text-align: center;
}
.LandingSpotlight__inner h5 {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #aaa;
}
.LandingSpotlight__inner h4 {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.LandingSpotlight__inner p {
  font-weight: 200;
  max-width: 250px;
  margin: 0 auto;
}
.LandingSpotlight__inner a.col-6 {
  display: block;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 10px 0;
  color: #333;
  text-decoration: none;
}
.LandingSpotlight__inner img {
  max-height: 260px;
  margin: 20px auto;
}
.LandingSpotlight__inner .blue-link {
  color: #5cb8e6;
  margin-top: 15px;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.LandingSpotlight__inner .blue-link:hover {
  color: #1d89bf;
}
/*

Add to List Module gives easy functionality to add items
to a list, or create a new list

*/
.ListAddToList {
  position: relative;
}
a.ListAddToList__button {
  position: relative;
  z-index: 4;
  font-size: 12px;
  padding-right: 16px;
}
a.ListAddToList__button:hover {
  cursor: pointer;
  text-decoration: none;
}
.ListAddToList__container {
  width: 300px;
}
.ListAddToList a.ListAddToList__create {
  background: #e9f5ea;
  color: #3e7a46;
}
.ListAddToList a.ListAddToList__create:hover {
  cursor: pointer;
  color: #226a2c;
  background: #ddeedf;
}
.ListAddToList__listItemStatus {
  display: inline-block;
  width: 20px;
}
.ListAddToList__listItemStatus .fa-plus-circle {
  display: none;
}
.ListAddToList__listItem {
  position: relative;
  padding: 4px 5px;
  border-bottom: 1px solid #eee;
}
.ListAddToList__listItem:not(.added):hover {
  cursor: pointer;
  background: #fafafa;
}
.ListAddToList__listItem:not(.added):hover .ListAddToList__listItemStatus .fa-plus-circle {
  display: block;
}
.ListAddToList__listItem p {
  padding-right: 10px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
}
.ListAddToList__newList {
  padding: 10px;
  display: none;
}
.ListAddToList__newList .ButtonRemove {
  right: 15px;
  top: 10px;
  font-size: 15px;
}
.ListAddToList__loading {
  display: none;
  padding: 40px 20px;
  text-align: center;
}
.ListAddToList__addNew {
  padding: 10px;
}
.ListAddToList__spinner {
  text-align: center;
  display: block;
}
.js-module-addtolist-loading {
  display: none;
}
.ListAddToList.active .ListAddToList__container {
  display: block;
  z-index: 100;
}
.ListAddToList.active .ListAddToList__button {
  z-index: 101;
  border-bottom: none;
  background: #fff;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/*

List Items Display

*/
.appLists__listManager {
  border-bottom: 1px solid #dadada;
  padding: 10px 20px;
}
/*

List Price Matrix

*/
.ListMatrix {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: table;
  width: 100%;
  border: 1px solid #dadada;
  background: #fff;
}
.ListMatrix .ListMatrix__row {
  display: table-row;
}
.ListMatrix .ListMatrix__cell {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  border: 1px solid #eaeaea;
  border-right-color: #f1f1f1;
  border-left-color: #f1f1f1;
  font-weight: 200;
}
.ListMatrix .ListMatrix__cell.ListMatrix__cell--left {
  text-align: left;
}
.ListMatrix .ListMatrix__cell__title {
  font-weight: normal;
}
.ListMatrix .ListMatrix__manufacturer {
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 5px;
}
.ListMatrix .ListMatrix__cell.green {
  background: #f2fbf3;
}
.ListMatrix .ListMatrix__cell.active {
  border-color: #5cb8e6;
  background: #e1f2fa;
}
.ListMatrix .ListMatrix__header {
  background: #535353;
  color: #fff;
  line-height: 1.8;
}
.ListMatrix .ListMatrix__header .ListMatrix__cell {
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #dadada;
}
.ListMatrix .ListMatrix__header .ListMatrix__cell.ListMatrix__cell--left {
  padding-left: 5px;
  text-align: left;
}
.ListMatrix .ListMatrix__header .Logo {
  margin: 0 auto;
}
.ListMatrix .ListMatrix__price,
.ListMatrix .fa-spin {
  font-size: 20px;
  line-height: 80px;
}
.ListMatrix .ListMatrix__select {
  margin: 0 10px;
}
.ListMatrix .ListMatrix__cell:hover {
  cursor: pointer;
}
.ListMatrix .ListMatrix__cell:hover i {
  color: #aaa;
}
.ListMatrix .ListMatrix__cell:hover i:hover {
  color: #333;
}
.ListMatrix .ListMatrix__icons {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 2px;
  color: #e6e6e6;
}
.ListMatrix .ListMatrix__icon {
  display: inline-block;
  position: relative;
}
.ListMatrix .ListMatrix__icon .fa {
  padding: 2px 2px;
}
.ListMatrix .ListMatrix__font {
  font-size: 15px;
}
.ListMatrix__footer {
  padding: 15px 10px 15px 10px;
  border: 1px solid #dadada;
  border-top: none;
  background: #fafafa;
}
.ListMatrix__footer::after {
  display: table;
  content: " ";
  clear: both;
}
.ListMatrix__totals {
  float: right;
  width: 300px;
  text-align: right;
  font-size: 14px;
}
.ListMatrix__totals span {
  font-size: 18px;
  width: 100px;
  display: inline-block;
  color: #5cb8e6;
  font-weight: 500;
}
.ListBanner {
  color: white;
  background-image: linear-gradient(45deg, #f1b137 0%, #f8daa1 99%, #f8daa1 100%);
  margin-bottom: 16px;
  cursor: pointer;
  animation: 1s ease-in-out expandHeight;
  overflow: hidden;
}
.ListBanner__content {
  padding: 6px 16px;
}
.ListBanner h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
.ListBanner h3 {
  font-size: 16px;
}
.ListBanner__icon {
  font-size: 52px;
}
.ListBanner__text {
  padding-left: 16px;
}
.ListBanner__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(255, 255, 255, 0.6);
  color: #414141;
}
.ListBanner__button svg {
  margin-left: 6px;
}
.static-section {
  border-bottom: 1px solid #dadada;
  padding: 40px;
  background: #fff;
}
.static-section.static-section-light {
  background: #f8f8f8;
}
.static-section .static-section-header {
  padding: 20px 0 20px 0;
  margin: 0 auto;
  max-width: 550px;
  text-align: center;
}
.static-section .static-section-body {
  padding: 20px 0;
  margin: 0 auto;
}
.static-section .static-section-body p {
  max-width: 600px;
  margin: 0 auto;
}
.static-section .static-section-body .thin {
  max-width: 600px;
  margin: 0 auto;
}
.static-section .static-section-body .medium {
  max-width: 800px;
  margin: 0 auto;
}
.static-section .static-section-body .fat {
  max-width: 100%;
  margin: 0 auto;
}
.static-feature .text {
  margin: 0 auto;
}
.static-feature .text h3 {
  font-weight: 500;
  font-size: 26px;
  margin-bottom: 5px;
}
.static-feature .text h4 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #666;
}
.static-feature .text .thin {
  max-width: 600px;
  margin: 0 auto 10px auto;
}
.static-feature .col-6 .text {
  padding: 20px 0 0 60px;
  margin-bottom: 40px;
}
.static-feature .col-6:not(.col-push-6) .text {
  padding: 20px 60px 0 0;
  margin-bottom: 40px;
}
.static-feature .chart {
  margin-top: 40px;
  max-height: 500px;
  margin-right: 70px;
  min-height: 400px;
  width: 100%;
}
.static-feature .image {
  margin: 0 auto;
}
.static-feature .image img {
  max-width: 100%;
}
.press-image-container {
  padding: 5px;
  float: left;
  width: 25%;
}
.press-image-container .press-image {
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
}
.press-image-container .press-image a {
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
}
.help-search {
  height: 100px;
  max-width: 700px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: -50px auto 20px auto;
  background: #f1f1f1;
  display: table;
}
.help-form {
  padding: 0 10px;
  display: table-row;
}
.help-form input {
  width: 400px;
  vertical-align: top;
  margin-right: -10px;
  display: table-cell;
}
.help-form .button {
  width: auto;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  vertical-align: top;
  height: 34px;
  display: table-cell;
}
.question {
  margin-bottom: 35px;
}
.individual-question {
  display: none;
  max-width: 700px;
  margin: 0 auto 0 auto;
}
.individual-question .topbar {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #dadada;
  color: #999;
}
.individual-question h3 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.individual-question p {
  margin-bottom: 20px;
  font-size: 13px;
}
.individual-question .related {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #dadada;
}
.individual-question .related h4 {
  margin-bottom: 20px;
}
.individual-question .related a {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}
.sp {
  width: 350px;
  background: #fafafa;
  border-radius: 3px;
  padding: 20px;
  margin: 25px auto 40px auto;
  border: 1px solid #e6e6e6;
}
.sp p {
  font-size: 15px;
  border-bottom: 1px solid #eee;
}
.sp .reach {
  margin-top: 30px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  border-radius: 3px;
  font-weight: 500;
  background: #d4f0ce;
}
.support,
.company {
  height: 160px;
}
.job-class {
  max-width: 800px;
  margin: 0 auto 20px auto;
  text-align: left;
}
.job-class h5 {
  font-size: 22px;
  margin: 30px 0;
}
.job-class .job {
  margin-bottom: 20px;
}
.job-class .job h6 {
  font-size: 14px;
}
.job-class .job p {
  max-width: 100%;
  text-align: justify;
}
.job-class .job span {
  float: right;
}
.fullpage-container {
  max-width: 500px;
  padding: 30px;
  text-align: center;
  margin: 0 auto;
}
.fullpage-container h5 {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
}
.fullpage-container .contact {
  margin: 20px;
}
.fullpage-container .contact p {
  font-size: 14px;
  margin: 0;
}
.AccountBox {
  padding: 10px;
  background: linear-gradient(to bottom right, #53f, #05d5ff);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  height: 100%;
}
.AccountBox .Form__label {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
}
.AccountBox__header {
  margin-bottom: 10px;
  text-align: center;
}
.AccountBox__header h1 {
  text-align: center;
  font-size: 40px;
}
.AccountBox__header p {
  font-size: 17px;
}
.AccountBox__logo {
  text-align: center;
  margin-bottom: 10px;
}
.AccountBox__logo img {
  max-width: 200px;
}
.AccountBox__box {
  -ms-flex-positive: 0;
      flex-grow: 0;
  border: 10px solid rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  width: 500px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  color: #fff;
}
.AccountBox__footer {
  max-width: 500px;
  margin: 10px auto 10px auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.AccountBox__footer a {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block;
  font-size: 20px;
  color: #fff;
  padding: 5px 0;
  transition: opacity 0.2s;
}
.AccountBox__footer a:hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}
.AccountBox__forgotPassword {
  position: absolute;
  top: 32px;
  right: 10px;
  font-size: 16px;
  transition: color 0.2s;
}
@media (max-width: 500px) {
  .AccountBox__box {
    width: auto;
    min-width: 100%;
    max-width: 100%;
  }
}
.signup-box {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px 0 50px 0;
}
.signup-box .title {
  text-align: center;
  border-bottom: 1px solid #dadada;
}
.signup-box .perks {
  border-bottom: 1px solid #dadada;
  position: relative;
}
.signup-box .perks .perk {
  margin: 10px;
  position: relative;
}
.signup-box .perks .perk-name {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}
.signup-box .perks .perk-name i {
  font-size: 18px;
  color: #57c559;
}
.signup-box .perks .perk-description {
  padding-left: 20px;
}
.faq-question {
  margin-bottom: 15px;
}
.faq-question h6 {
  line-height: 1.4;
  margin-bottom: 5px;
}
.register-section {
  border-bottom: 1px solid #dadada;
  position: relative;
}
.register-section::after {
  display: table;
  content: " ";
  clear: both;
}
.register-section:last-child {
  border: none;
}
.register-section .register-section-header {
  padding: 20px 0;
  position: relative;
}
.register-section .register-section-header h4 {
  font-size: 16px;
  line-height: 28px;
}
.register-section .register-section-right {
  position: absolute;
  top: 20px;
  right: 0;
}
.register-section .register-section-right a {
  margin-top: -3px;
  width: 100px;
}
.register-section .register-section-right .complete {
  display: block;
  width: 100px;
  margin-top: 3px;
  color: #57c559;
  font-weight: 500;
  text-align: center;
}
.register-section .register-section-right .complete a {
  color: #57c559;
}
.register-section .edit-button {
  margin-top: -15px;
  padding-bottom: 20px;
  float: left;
}
.additional-info {
  padding-bottom: 50px;
}
/*  
Account Address Display
*/
.Auth__lines {
  top: 50%;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/pharmacy/backgrounds/lines-desktop.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
/************************/
/*   Merchant Index     */
/************************/
.MerchantPricing {
  background: #aabcee;
  background-image: linear-gradient(to bottom, #aabcee 0%, #5b478d 100%);
  border-radius: 3px;
  padding: 20px;
}
.MerchantPricing h1 {
  font-size: 35px;
  color: #fff;
}
.MerchantPricing h4 {
  color: #eee;
  margin-bottom: 20px;
}
.MerchantPricing__left {
  background: #fff;
  padding: 20px;
  border-radius: 2px;
  margin: 0 50px 20px 20px;
}
.MerchantPricing__right {
  color: #fff;
  text-align: left;
  padding-left: 20px;
}
.MerchantPricing__right p {
  font-size: 18px;
  margin: 15px 0;
}
.MerchantPricing__price {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.MerchantPricing__price h2 {
  font-size: 70px;
  font-weight: bold;
  color: #92a1ca;
  line-height: 1;
}
.MerchantPricing__price p {
  color: #999;
  font-size: 18px;
}
.MerchantPricing__stat {
  margin-bottom: 15px;
  text-align: left;
}
.MerchantPricing__stat h5 {
  color: #92a1ca;
  font-weight: bold;
}
.MerchantIndex__title {
  padding: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #fff;
}
.MerchantIndex__title h2 {
  color: #fff;
  font-size: 34px;
}
.MerchantIndex__title h3 {
  color: #eee;
}
.MerchantIndex__title--dark {
  color: #333;
  border-bottom-color: #eaeaea;
}
.MerchantIndex__title--dark h2 {
  color: #333;
}
.MerchantIndex__title--dark h3 {
  color: #555;
}
.MerchantIndex__title--noborder {
  border: none;
}
.MerchantIndex__box {
  border: 1px solid #809ae5;
  padding: 10px;
  border-radius: 3px;
  border-top-width: 5px;
}
.MerchantIndex__box h3 {
  color: #809ae5;
}
.MerchantIndex__box h4 {
  font-size: 16px;
}
.MerchantIndex__selling {
  margin: 40px 0;
  background: linear-gradient(163deg, #6e80b1, #485066);
  text-align: left;
}
.MerchantIndex__selling i {
  color: #fff;
  opacity: 0.6;
  font-size: 34px;
}
.MerchantIndex__selling h4 {
  font-weight: bold;
  color: #ddd;
  font-size: 20px;
}
.MerchantIndex__selling p {
  color: #ccc;
  font-size: 16px;
}
.MerchantIndex__upsell {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/corporate/dog_running.jpg);
  background-size: cover;
}
.MerchantIndex__selling--pilot {
  background: #353535;
}
.MerchantIndex__selling--pilot h4 {
  color: #9edfec;
}
.MerchantIndex__selling--pilot p {
  color: #eee;
}
a.MerchantIndex__app {
  margin-bottom: 50px;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
a.MerchantIndex__app .fa-angle-right {
  transition: margin-left 0.3s;
}
a.MerchantIndex__app p {
  padding-right: 5px;
  transition: padding-right 0.3s;
}
a.MerchantIndex__app:hover {
  transform: rotate(360deg);
  text-decoration: none;
  color: #fff;
}
a.MerchantIndex__app:hover .fa-angle-right {
  margin-left: 5px;
}
a.MerchantIndex__app:hover p {
  padding-right: 0;
}
.MerchantIndex__appIcon {
  display: inline-block;
  margin: 10px 0;
  border: 2px solid #fff;
  color: #fff;
  font-size: 70px;
  width: 130px;
  line-height: 130px;
  height: 130px;
  border-radius: 50%;
}
.MerchantIndex__appIcon i {
  opacity: 0.8;
}
.MerchantIndex__image {
  border-radius: 3px;
  border: 1px solid #dadada;
}
/************************/
/*   Merchant Browse    */
/************************/
.MerchantBrowse__bar {
  background: #fff;
  padding: 10px;
  border: 1px solid #dadada;
  margin-bottom: 10px;
}
.MerchantBrowse__row__div {
  display: block;
  background: #fff;
  border: 1px solid #dadada;
  padding: 5px;
  height: 90px;
  margin: 0 5px 10px 5px;
  transition: background 0.3s, border-color 0.3s;
  color: #333;
}
a.MerchantBrowse__row__div:hover {
  text-decoration: none;
  color: #333;
}
.MerchantBrowse__row__div--merchant h5:hover {
  text-decoration: underline;
}
.MerchantBrowse__image {
  display: block;
  max-width: 100%;
  min-height: 80px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.MerchantBrowse__row__div--product:hover {
  border-color: #bbb;
}
.MerchantBrowse__row__div--count {
  text-align: center;
  padding-top: 20px;
}
.MerchantBrowse__row__div--count h1 {
  line-height: 1;
  color: #809ae5;
  font-weight: normal;
}
.MerchantBrowse__row__div--count p {
  font-size: 13px;
  color: #aaa;
  font-weight: bold;
}
.MerchantBrowse__row__div--count:hover {
  background: #f6f6f6;
}
/************************/
/*   Merchant Direct    */
/************************/
.MerchantDirect__header {
  background: linear-gradient(to left top, rgba(41, 8, 48, 0.97) 0, rgba(82, 65, 143, 0.97) 50%, rgba(114, 183, 227, 0.97) 100%);
  margin-top: -60px;
  padding-top: 120px;
  color: #fff;
}
.MerchantDirect__header h4 {
  font-size: 18px;
}
.MerchantDirect__howitworks {
  background: #fafafa;
  border-bottom: 1px solid #dadada;
}
.MerchantDirect__howitworks h2 {
  font-size: 34px;
}
.MerchantDirect__howitworks p {
  font-size: 16px;
}
.MerchantDirect__merchants {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 100px 20px;
  background: url(https://media.vetcove.com/static/dist/app/static/img/corporate/merchants.png), radial-gradient(circle farthest-side at right bottom, #5b2c7e 8%, #154866 70%, #000);
  background-repeat: repeat;
}
.MerchantDirect__merchants h1 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: bold;
}
.MerchantDirect__merchants p {
  font-size: 17px;
  max-width: 600px;
  margin: 0 auto;
  color: #eee;
}
.MerchantDirect__newMerchant {
  padding: 80px 20px 80px 20px;
}
.MerchantDirect__payments {
  position: relative;
  max-width: 1520px;
  margin: 100px auto;
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  text-align: left;
}
.MerchantDirect__payments .col-6 {
  padding: 25px;
  height: 300px;
  border-bottom: 1px solid #dadada;
  transition: background 0.4s;
}
.MerchantDirect__payments .col-6:hover {
  background: #f6f6f6;
}
.MerchantDirect__payments img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -125px;
  margin-top: 50px;
  max-width: 250px;
  max-height: 500px;
}
.MerchantDirect__payments h3 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #809ae5;
  font-weight: bold;
}
.MerchantDirect__payments p {
  font-size: 17px;
}
.MerchantDirect__image {
  position: relative;
  z-index: 1;
  overflow: visible;
}
.MerchantDirect__image img {
  max-height: 600px;
  margin-top: -300px;
  margin-bottom: -300px;
}
/************************/
/* Merchant Registration */
/************************/
.MerchantRegister__steps {
  margin-top: 20px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #f1f1f1;
  padding: 15px;
}
.MerchantRegister__step {
  font-size: 15px;
  margin: 10px 0;
  color: #999;
}
.MerchantRegister__step span {
  display: inline-block;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 5px;
  border: 1px solid #5cb8e6;
  color: #5cb8e6;
  border-radius: 50%;
}
.MerchantRegister__step i {
  float: right;
  visibility: hidden;
  color: #57c559;
}
.MerchantRegister__step.active {
  font-weight: bold;
  color: #5cb8e6;
}
.MerchantRegister__step.completed {
  color: #333;
}
.MerchantRegister__step.completed i {
  visibility: visible;
}
/************************/
/*   Merchant Nav Bar   */
/************************/
.MerchantBar {
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
}
.MerchantBar > div {
  padding: 0 20px;
}
.MerchantBar::after {
  display: table;
  content: " ";
  clear: both;
}
.MerchantBar .MerchantBar__item {
  position: relative;
  display: block;
  padding: 10px;
  width: 12.5%;
  float: left;
  transition: background 0.2s;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.MerchantBar .MerchantBar__item:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.MerchantBar .MerchantBar__item i {
  font-size: 24px;
  color: #fff;
}
.MerchantBar .MerchantBar__item p {
  text-transform: uppercase;
  color: #eee;
}
.MerchantBar .MerchantBar__item.active {
  background: #809ae5;
}
.MerchantBar .MerchantBar__item:hover {
  text-decoration: none;
}
.MerchantBar .MerchantBar__item:not(.active):hover {
  background: rgba(0, 0, 0, 0.1);
}
.MerchantBar .MerchantBar__item span {
  position: absolute;
  left: 50%;
  margin-left: 10px;
  top: 2px;
  background: red;
  background: linear-gradient(to bottom, #f15656 0%, #c82d2e 100%);
  color: #fff;
  padding: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}
/************************/
/*  Merchant Dashboard  */
/************************/
.MerchantDashboard {
  background-color: #f1f1f1;
  padding: 20px 0 60px 0;
}
.MerchantDashboard__registration {
  background: #fff;
  margin: 0 auto;
  border: 1px solid #dadada;
  padding: 20px;
}
.MerchantDashboard__profile {
  height: 330px;
  background: #fff;
  border: 1px solid #dadada;
}
.MerchantDashboard__main {
  height: 330px;
  background: #fff;
  border: 1px solid #dadada;
}
.MerchantDashboard__logo {
  display: inline-block;
  margin-top: 10px;
  max-height: 90px;
  max-width: 90px;
}
.MerchantDashboard__grade {
  background: #57c559;
  line-height: 60px;
  color: #fff;
  font-size: 55px;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
}
.MerchantDashboard__stat {
  padding: 10px;
  width: 33%;
  float: left;
  text-align: center;
}
.MerchantDashboard__stat .MerchantDashboard__icon {
  margin: 0 auto 10px auto;
  border: 3px solid #fc94c8;
  color: #fb62af;
  width: 80px;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
}
.MerchantDashboard__stat .MerchantDashboard__icon--second {
  border-color: #bb94fc;
  color: #9b62fb;
}
.MerchantDashboard__stat .MerchantDashboard__icon--third {
  border-color: #fcc594;
  color: #fbaa62;
}
.MerchantDashboard__stat .MerchantDashboard__delta {
  background: rgba(0, 0, 0, 0.05);
  margin-top: 5px;
  border-radius: 4px;
  padding: 3px;
  font-size: 14px;
}
.MerchantDashboard__stat .MerchantDashboard__delta span {
  font-weight: bold;
}
.MerchantDashboard__stat h3 {
  font-size: 17px;
}
.Merchant__inputHelp {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 5px;
  margin-top: 25px;
  width: 350px;
  background: #333;
  border-radius: 3px;
  padding: 10px;
  color: #fff;
}
.Merchant__inputHelp::after {
  position: absolute;
  width: 10px;
  right: 100%;
  top: 10px;
  height: 10px;
  border-top: 5px solid transparent;
  border-right: 5px solid #333;
  border-bottom: 5px solid transparent;
  content: " ";
}
/************************/
/* Merchant Detail Page */
/************************/
.MerchantDetail__container {
  min-height: 500px;
}
.MerchantDetail__header {
  position: relative;
  background-color: #5ecadf;
  background-size: cover;
  background-position: center center;
  margin-top: -60px;
  padding-top: 280px;
  padding-bottom: 5px;
  color: #fff;
  font-size: 15px;
}
.MerchantDetail__header a {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  z-index: 1;
  font-size: 30px;
  color: #fff;
}
.MerchantDetail__header a:hover {
  color: #5ecadf;
}
.MerchantDetail__header::after {
  position: absolute;
  bottom: 0;
  height: 80px;
  content: " ";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
}
.MerchantDetail__name {
  z-index: 1;
  position: relative;
  color: red;
  font-size: 36px;
  margin-left: 0;
  color: #fff,;
}
.MerchantDetail__logo {
  width: 140px;
  height: 140px;
  margin: -70px auto 0 auto;
  border-radius: 50%;
  text-align: center;
  background-color: white;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.MerchantDetail__subheader {
  border-bottom: 1px solid #eaeaea;
}
.MerchantDetail__menu {
  list-style-type: none;
  margin: 0;
}
.MerchantDetail__menu li {
  display: inline-block;
}
.MerchantDetail__menu a {
  display: block;
  line-height: 70px;
  font-size: 20px;
  color: #333;
  margin-bottom: -1px;
}
.MerchantDetail__menu li:not(:last-child) a {
  margin-right: 50px;
}
.MerchantDetail__menu a.active {
  color: #5ecadf;
  border-bottom: 1px solid #5ecadf;
}
.MerchantDetail__menu a:hover {
  text-decoration: none;
  color: #5ecadf;
}
.MerchantDetail__sidebar {
  margin: 20px 40px 20px 0;
  padding: 20px;
  background: #f6f6f6;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  text-align: left;
}
.MerchantDetail__sidebar h5 {
  font-weight: 600;
}
.MerchantDetail__sidebar p {
  margin-left: 15px;
}
/************************/
/* Merchant Public Page */
/************************/
.MerchantPage {
  position: relative;
  padding: 100px 0 60px 0;
  margin-top: -60px;
  background: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #ddd, #fff);
}
.MerchantPage__inner {
  position: relative;
  z-index: 2;
  width: 1520px;
  margin: 0 auto;
  padding: 20px;
}
.MerchantPage__section {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #dadada;
}
.MerchantPage__logo {
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.MerchantPage__wallpaper {
  position: relative;
  height: 160px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.MerchantPage__wallpaper::after {
  position: absolute;
  bottom: 0;
  left: 50px;
  content: " ";
  height: 30px;
  width: 30px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}
.MerchantPage__wallpaper--default {
  background: #535353;
  background-size: cover;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/merchant_bg.jpg);
}
.MerchantPage__wallpaper--default h1 {
  font-size: 50px;
  color: #fff;
  opacity: 0.8;
  font-weight: 100;
  padding: 49px 20px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MerchantPage__news {
  border-left: 5px solid #5cb8e6;
  padding: 20px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.MerchantPage__socialIcon {
  display: inline-block;
  font-size: 38px;
  line-height: 1;
  margin-top: -3px;
  margin-left: 10px;
  color: #999;
  transition: color 0.2s;
}
a.MerchantPage__socialIcon:hover {
  color: #333;
}
.MerchantPage__search {
  padding: 20px;
}
.MerchantPage__list {
  margin-left: 0;
}
.MerchantPage__list li {
  list-style-type: none;
}
.MerchantPage__section--news {
  border-left: 3px solid #5cb8e6;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.MerchantPage__newsDate {
  color: #888;
  padding-top: 10px;
  text-align: right;
}
/************************/
/*   Merchant Customer  */
/************************/
.MerchantCustomer {
  margin: 20px 0 40px 0;
  border-left: 3px solid #57c559;
  padding: 0 10px;
}
.MerchantCustomer--pending {
  border-left-color: #5cb8e6;
}
.MerchantCustomer--denied {
  border-left-color: #eb5252;
}
.MerchantCustomer--unconnected {
  border-left-color: #809ae5;
}
/************************/
/*   Merchant Table */
/************************/
.MerchantTable {
  margin: 10px 0;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  font-size: 15px;
}
.MerchantTable .row {
  padding: 5px;
}
.MerchantTable .col-3 {
  font-weight: bold;
}
.MerchantTable .row:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.MerchantTable .row:nth-child(even) {
  background: #fafafa;
}
/************************/
/*   Merchant Order     */
/************************/
.MerchantOrder {
  margin: 30px 0 30px 0;
  border-left: 3px solid #5cb8e6;
  padding-left: 10px;
  font-size: 14px;
}
.MerchantOrder p.MerchantOrderLabel {
  text-transform: uppercase;
  font-weight: 500;
  color: #aaa;
}
.MerchantOrder p span {
  float: right;
  color: #333;
}
.MerchantOrder--pending {
  border-left-color: #e5c380;
}
.MerchantOrder--accepted {
  border-left-color: #5cb8e6;
}
.MerchantOrder--shipped {
  border-left-color: #57c559;
}
.MerchantOrder--invoicepaid {
  border-left-color: #afcc5a;
}
.MerchantOrder--cancelled {
  border-left-color: #eb5252;
}
.MerchantProduct {
  margin: 30px 0 30px 0;
  border-left: 3px solid #5ecadf;
  padding-left: 10px;
  font-size: 14px;
}
/************************/
/*   Merchant User      */
/************************/
.MerchantUserHeader {
  border-radius: 4px;
}
.MerchantUser__stats {
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
.MerchantUser__stat:not(:last-child) {
  border-right: 1px solid #eaeaea;
}
.MerchantUser__update {
  background: #f1f1f1;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #dadada;
}
/************************/
/*   Merchant Finances  */
/************************/
.MerchantFinances__balance {
  margin-top: 20px;
  border: 1px solid #dadada;
  border-radius: 3px;
}
.MerchantFinances__balance .MerchantFinances__balanceExplain {
  background: #ebfbfe;
  padding: 20px;
  font-size: 16px;
  border-bottom: 1px solid #dadada;
}
/************************/
/*   Merchant Follow  */
/************************/
.js-module-merchant-follow-button {
  display: none;
}
/************************/
/*   Merchant HomePage  */
/************************/
.MerchantHomeHeader {
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
}
.MerchantHomeHeader .MerchantHomeHeader__inner {
  width: 1520px;
  margin: 0 auto;
  padding: 20px;
}
.MerchantHomeHeader h1 {
  font-size: 34px;
  font-weight: 200;
}
.MerchantHomeHeader__toggle {
  text-align: right;
}
.MerchantHomeHeader__toggle table {
  display: inline-block;
}
.MerchantHomeHeader__toggle .MerchantHomeHeader__toggle__inactiveText {
  color: #eb5252;
  font-weight: bold;
  margin-right: 10px;
}
.MerchantHomeHeader__toggle .MerchantHomeHeader__toggle__activeText {
  color: #57c559;
  font-weight: bold;
  margin-left: 10px;
}
.MerchantHomeHeader__toggle .MerchantHomeHeader__explain span {
  font-size: 12px;
  color: #aaa;
}
.MerchantHomeHeader__toggle.active .MerchantHomeHeader__toggle__inactiveText {
  color: #ccc;
}
.MerchantHomeHeader__toggle.active .MerchantHomeHeader__toggle__activeExplain {
  display: inline-block;
}
.MerchantHomeHeader__toggle.inactive .MerchantHomeHeader__toggle__activeText {
  color: #ccc;
}
.MerchantHomeHeader__toggle.inactive .MerchantHomeHeader__toggle__inactiveExplain {
  display: inline-block;
}
.MerchantHomeStat {
  background: #76c561;
  border: 1px solid #dadada;
  color: #fff;
  text-align: center;
}
.MerchantHomeStat h1 {
  font-weight: bold;
  padding: 3px 10px;
  background: #fff;
  color: #888;
  font-size: 16px;
}
.MerchantHomeStat h2 {
  margin: 30px 10px 0 10px;
  font-weight: bold;
  font-size: 32px;
}
.MerchantHomeStat h3 {
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 30px;
}
.MerchantHomeStat .MerchantHomeStat__header {
  border-bottom: 1px solid #eaeaea;
}
.MerchantHomeStat a {
  display: block;
  padding: 3px 10px;
  background: #fff;
  color: #888;
  font-weight: 300;
  font-size: 14px;
}
.MerchantHomeStat--followers {
  background: #b883cc;
}
.MerchantHomeStat--revenue {
  background: #56add5;
}
.MerchantHomeStat--purchases {
  background: #cfa540;
}
.MerchantHomeSteps {
  background: #fff;
  border: 1px solid #dadada;
}
.MerchantHomeSteps a {
  text-decoration: none;
  font-size: 18px;
}
.MerchantHomeSteps .col-1,
.MerchantHomeSteps .col-2 {
  text-align: center;
}
.MerchantHomeSteps .col-1,
.MerchantHomeSteps .col-2 .fa {
  color: #ddd;
}
.MerchantHomeSteps__header {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 20px;
}
.MerchantHomeSteps__header h1 {
  font-size: 20px;
  font-weight: bold;
}
.MerchantHomeSteps__header p {
  color: #aaa;
}
.MerchantHomeStep {
  padding: 20px 10px;
}
.MerchantHomeStep:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.MerchantHomeStep__delete {
  position: absolute;
  display: none;
  color: #ccc;
  top: 0;
  right: 5px;
}
.MerchantHomeStep__delete button {
  font-size: 16px;
}
.MerchantHomeStep__delete button:hover {
  color: #eb5252;
}
.MerchantHomeStep:hover .MerchantHomeStep__delete {
  display: block;
}
.MerchantHomeRStep {
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
  margin: 20px;
}
.MerchantHomeRStep h4 {
  font-weight: bold;
  margin-bottom: 10px;
}
.MerchantHomeRStep a {
  font-size: 14px;
}
/************************/
/*   Merchant Account   */
/************************/
.MerchantAccount__main {
  min-height: 700px;
}
.MerchantAccount__sectionHeader {
  margin-bottom: 20px;
}
.MerchantAccount__sectionTitle {
  text-transform: uppercase;
  font-size: 15px;
  color: #555;
  font-weight: bold;
  letter-spacing: 0.25px;
}
.MerchantAccount__sectionDescription {
  color: #999;
}
.OrderSummary {
  border: 1px solid #eaeaea;
  padding: 20px;
}
/* Order - Detail View */
.OrderDetail h6 {
  font-weight: bold;
}
.OrderDetail__header h6 {
  font-weight: bold;
}
.OrderDetail__sidebar {
  background: #fafafa;
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 20px;
}
.OrderDetail__summary {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dadada;
}
.OrderDetail__summary .OrderDetail__summaryTotal {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #eaeaea;
  font-size: 16px;
}
.OrderDetail__summary .OrderDetail__summaryTotal span {
  color: #5cb8e6;
}
.OrderDetail__actions a:not(:first-child) {
  margin-top: 10px;
}
.OrderDetail__items {
  border-top: 1px solid #dadada;
  margin-top: 20px;
  padding-top: 20px;
}
.OrderDetail__trackers {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dadada;
}
/* Order Tracking */
.OrderTracker {
  padding: 20px 0;
  margin-bottom: 20px;
}
.OrderTracker__step {
  margin-top: 40px;
  border-top: 6px solid #ddd;
  text-align: center;
  font-size: 18px;
  color: #aaa;
}
.OrderTracker__step i {
  display: none;
}
.OrderTracker__step--complete i {
  display: inline-block;
}
.OrderTracker__step--active {
  border-top-color: #809ae5;
  color: #809ae5;
  font-weight: bold;
}
/* Invoice Styling */
.Invoice {
  padding: 0.5in;
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 8.5in;
  font-family: helvetica nueue, helvetica, sans-serif;
}
.Invoice h1 {
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 16px;
  padding: 3px 10px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  margin-bottom: 40px;
}
.Invoice h2 {
  text-align: center;
  border-bottom: 1px solid #333;
  font-size: 16px;
  padding: 3px 10px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.Invoice__address {
  float: left;
}
.Invoice__logo {
  float: right;
  max-width: 150px;
  max-height: 100px;
}
.Invoice__items {
  margin-top: 40px;
}
.Invoice__itemsHeader {
  font-weight: bold;
}
.Invoice__counts {
  margin-top: 20px;
}
.wallpaper {
  width: 100%;
  height: 150px;
  background-size: cover;
}
.PaymentCard {
  position: relative;
  margin: 0 0 20px 0;
  border: 1px solid #eaeaea;
  border-left: 3px solid #809ae5;
}
.PaymentCard__overlay {
  display: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
}
.PaymentCard__brand {
  background: #f1f1f1;
  height: 90px;
  border-right: 1px solid #eee;
}
.PaymentCard__brand i {
  font-size: 30px;
  line-height: 90px;
  color: #809ae5;
}
.PaymentCard__delete {
  color: #999;
  transition: color 0.2s;
}
.PaymentCard__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.PaymentCard__cancel {
  position: absolute;
  color: #fff;
  top: 0;
  right: 5px;
  font-size: 18px;
  color: #ddd;
  transition: color 0.2s;
}
.PaymentCard__cancel:hover {
  color: #fff;
  cursor: pointer;
}
/* Pilot Card */
.PilotBrowse__header {
  background: #636363;
  background: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/pilot.jpg);
  background-size: cover;
  margin-top: -100px;
  padding-top: 100px;
  color: #fff;
}
.PilotBrowse__header h1 {
  font-weight: 100;
  color: #fff;
  font-size: 60px;
}
.PilotBalance {
  margin: 10px 0;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  text-align: center;
  padding: 5px 10px;
}
.PilotBalance h2 {
  font-size: 40px;
  line-height: 1;
}
.PilotBalance p {
  text-transform: uppercase;
}
a.PilotTile {
  padding: 10px;
  display: block;
  position: relative;
  border: 1px solid #eaeaea;
  transition: box-shadow 0.3s;
}
a.PilotTile:hover {
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 0 10px #ddd;
}
.PilotTile__status {
  position: absolute;
  top: 10px;
  right: 10px;
}
.PilotTile__status .fa {
  font-size: 35px;
}
.PilotTile__status .fa-lock {
  color: #505050;
}
.PilotTile__status .fa-check {
  color: #57c559;
}
.PilotTile__points {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  color: #505050;
}
.PilotTile__points h5 {
  font-weight: bold;
  font-size: 30px;
  color: #57c559;
  line-height: 1;
}
.PilotTile__points p {
  font-size: 11px;
  color: #ccc;
}
.PilotTile__image {
  height: 300px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.PilotTile__info {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
  color: #555;
}
.PilotTile__info h1 {
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PilotTile__info h1:hover {
  text-decoration: underline;
}
.PilotTile__info h2 {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #bbb;
}
.PilotTile__info h3 {
  font-size: 14px;
  font-weight: normal;
}
/* Pilot Page */
.PilotPage {
  position: relative;
}
.PilotPage__header {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.PilotPage__header h1 {
  font-size: 26px;
}
.PilotPage__header h2 {
  font-size: 15px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
}
.number {
  width: 20px;
  display: inline-block;
  height: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #5ecadf;
}
.PilotPage__stats {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.PilotPage__stat {
  text-align: center;
}
.PilotPage__stat h1 {
  font-size: 50px;
  color: #5ecadf;
  line-height: 1;
}
.PilotPage__stat h1 .PilotPage__linethrough {
  background-image: linear-gradient(transparent 48%, #5ecadf 50%, transparent 52%);
}
.PilotPage__stat p {
  text-transform: uppercase;
  color: #aaa;
}
.PilotPage__remaining {
  color: #999;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.PilotPage__resources {
  text-align: center;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.PilotPage__resources h1 {
  font-weight: bold;
  font-size: 13px;
  color: #bbb;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/* Pilot Manage Card */
.PilotManageCard {
  padding: 10px 0 20px 0;
  margin: 0 0 10px 0;
}
.PilotManageCard:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}
.PilotManageCard .PilotManageCard__image {
  height: 100px;
  width: 100px;
  background-size: cover;
  background-position: center center;
  border: 1px solid #d6d6d6;
}
.PilotManageCard .PilotManageCard__stat {
  margin-top: 20px;
  text-align: center;
  color: #666;
}
.PilotManageCard .PilotManageCard__stat h1 {
  line-height: 1;
}
.PilotManageCard .PilotManageCard__stat p {
  font-size: 11px;
  color: #999;
}
.PilotManageCard .PilotManageCard__stat:hover {
  text-decoration: none;
}
a.PilotManageCard__title {
  color: #333;
  font-weight: normal;
}
a.PilotManageCard__title:hover {
  color: #888;
  text-decoration: none;
}
/* Points */
.PilotPointsBar {
  margin-left: 20px;
  margin-top: 6px;
  background: blue;
  font-size: 15px;
  padding: 0 10px;
  border-radius: 20px;
  font-weight: 300;
  color: #fff;
  background: #5ecadf;
}
/* Points Table display: */
.PilotPointsDisplay {
  font-size: 15px;
  max-width: 700px;
  margin: 20px auto;
  background: #333;
  border-radius: 20px;
  color: #fff;
}
.PilotPointsDisplay p {
  font-size: 15px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.PilotPointsDisplay p .light {
  color: #ddd;
  font-size: 12px;
}
.PilotPointsDisplay p:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.PilotPointsDisplay p .u-floatRight {
  color: #9edfec;
  font-weight: 600;
}
/* Pilot Evaluation List */
.PilotEvaluation {
  padding: 20px 0;
}
.PilotEvaluation:first-child {
  padding-top: 0;
}
.PilotEvaluation:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.PilotEvaluation__header {
  margin-bottom: 20px;
}
/* Pilot Reviews on the Pilot Detail page */
.PilotReviews {
  margin-top: 20px;
  border: 1px solid #5cb8e6;
  border-top: none;
}
.PilotReviews h4 {
  position: relative;
  background: #5cb8e6;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.PilotReviews h4::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #5cb8e6;
  content: " ";
}
/* Pilot Browse Dashboard */
.PilotBrowseDashboard {
  margin-bottom: 20px;
  background: #fafafa;
  padding: 20px 10px;
  border-radius: 3px;
  border: 1px solid #dadada;
}
a.PilotBrowseDashboard__stat {
  display: block;
  text-align: center;
}
a.PilotBrowseDashboard__stat:not(:last-child) {
  margin-bottom: 20px;
}
a.PilotBrowseDashboard__stat:hover {
  text-decoration: none;
}
/* Pilot Homepage Arrows */
.ArrowCol {
  position: relative;
  height: 250px;
  padding: 20px;
  border: 1px solid #d6d6d6;
  width: 26%;
}
.ArrowCol.one {
  background: #e6e6e6;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
  width: 22%;
}
.ArrowCol.two {
  background: #eee;
  padding: 20px 0 20px 70px;
  border-right: none;
}
.ArrowCol.three {
  background: #f6f6f6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px 20px 20px 70px;
}
.ArrowCol.four {
  background: #fafafa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px 20px 20px 70px;
}
.ArrowCol::after {
  position: absolute;
  z-index: 1;
  top: 0;
  content: " ";
  right: -50px;
  width: 0;
  height: 0;
  border-top: 125px solid transparent;
  border-left: 50px solid red;
  border-bottom: 125px solid transparent;
}
.ArrowCol.one::after {
  border-left-color: #e6e6e6;
}
.ArrowCol.two::after {
  border-left-color: #eee;
}
.ArrowCol.three::after {
  border-left-color: #f6f6f6;
}
.ArrowCol.four::after {
  display: none;
}
.ArrowCol__step {
  font-size: 20px;
  font-weight: bold;
  color: #5ecadf;
  height: 50px;
  width: 50px;
  background: #fff;
  margin: 0 auto;
  border-radius: 50%;
  line-height: 50px;
  margin-bottom: 25px;
  border: 1px solid #ccc;
}
/* Pilot Search */
a.PilotSearch {
  color: #333;
  font-size: 13px;
  margin: 10px 0;
  display: inline-block;
  border: 1px dashed #55958e;
  background: #eee5f5;
  border-radius: 4px;
  padding: 1px 5px;
  text-align: left;
  transition: background 0.1s;
}
a.PilotSearch:hover {
  background: #ddd1e6;
  text-decoration: none;
  color: #333;
}
.Pricing {
  position: relative;
  z-index: 10;
  border: 30px solid #f6f6f6;
  margin-top: -100px;
  border-radius: 10px;
}
.Pricing__inner {
  border: 1px solid #dadada;
  border-radius: 3px;
}
.PricingTable {
  padding: 20px 20px 40px 20px;
}
.PricingTable .PricingTable__icon {
  font-size: 23px;
}
.PricingTable .fa-question-circle {
  color: #bbb;
}
.PricingTable .fa-check-circle-o {
  color: #57c559;
}
.PricingTable .fa-minus-circle {
  color: #eee;
}
.PricingTable__row {
  padding: 10px;
}
.PricingTable__row .col-4:first-child {
  font-size: 16px;
}
.PricingTable__row .col-4:not(:first-child) {
  text-align: center;
}
.PricingTable__row:nth-child(even) {
  background: #fafafa;
}
.PricingTable__option {
  margin: 0 20px 20px 20px;
  text-align: center;
  background: linear-gradient(to bottom, #79918d 0%, #647b78 100%);
  color: #fff;
  padding: 20px;
}
.PricingTable__option a {
  margin-top: 20px;
}
.PricingTable__option h1 {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
}
.PricingTable__option h2 {
  margin-top: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 30px;
}
.PricingTable__option h2 span {
  font-size: 16px;
}
.PricingTable__option--premium {
  background: linear-gradient(to bottom, #2dbe60 0%, #26a151 100%);
}
.ProductPage__Images .main-image {
  height: 200px;
  margin-bottom: 10px;
}
.ProductPage__Images .main-image .image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 198px;
  width: 100%;
}
.ProductPage__Images .main-image:hover {
  cursor: pointer;
}
.ProductPage__Overlay {
  display: none;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  color: #777;
  text-align: center;
  box-shadow: 0 0 70px #bbb inset;
}
.ProductPage__Overlay .navigator {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  padding: 30px;
  transition: color 0.2s;
}
.ProductPage__Overlay .navigator:hover {
  cursor: pointer;
  color: #555;
}
.ProductPage__Overlay .navigator:active {
  color: #000;
}
.ProductPage__Overlay .navigator-right {
  right: 0;
}
.ProductPage__Overlay .navigator-remove {
  top: 0;
  margin-top: 0;
  padding: 20px 30px;
}
.ProductPage__Overlay::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ProductPage__Overlay .page-overlay-image {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ProductPage__Overlay .page-overlay-image img {
  max-width: 100%;
  max-height: 100%;
}
.ProductPage__Overlay .thumbnails {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.ProductPage__Overlay .thumbnails .Thumbnail {
  display: inline-block;
  margin: 10px;
}
.ProductPage__PDF {
  color: #555;
  background: rgba(255, 255, 255, 0.7);
  padding-top: 10px;
  font-size: 20px;
}
.appProduct__Sidebar {
  padding: 20px;
  width: 250px;
  background-image: linear-gradient(to right, #fff 0%, #fff 95%, #f1f1f1 100%);
  border-right: 1px solid #dadada;
}
.appProduct__Mainbar {
  padding: 20px;
  position: relative;
}
.ProductPage__Name {
  margin-bottom: 20px;
}
.ProductPage__Name h2 {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.ProductPage__Name p {
  font-size: 12px;
}
.ProductPage__Name .upper-right-content {
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
}
.ProductPage__Items .input-label {
  padding: 3px 10px;
  display: block;
  border: 1px solid #dadada;
  background: #fafafa;
  border-radius: 2px;
  margin-bottom: 5px;
  line-height: 30px;
  transition: background 0.2s;
}
.ProductPage__Items .input-label.active {
  border: 1px solid #5cb8e6;
  background: #e9f6fc;
}
.ProductPage__Items .input-label:hover {
  cursor: pointer;
}
.ProductPage__Items .input-label:not(.active):hover {
  background: #f6f6f6;
}
.ProductPage__ItemContainer {
  position: relative;
  border: 1px solid #dadada;
}
.ProductPage__ItemContainer .ProductPage__ItemsArrow {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 1px;
  height: 100%;
  line-height: 60px;
  padding: 0 10px;
  font-size: 22px;
  background: #fafafa;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  transition: background 0.2s;
}
.ProductPage__ItemContainer .ProductPage__ItemsArrow:hover {
  cursor: pointer;
  background: #f1f1f1;
}
.ProductPage__ItemContainer .ProductPage__ItemsArrow:active {
  box-shadow: 0 0 6px #ccc inset;
}
.ProductPage__ItemContainer .ProductPage__ItemsDiv {
  width: 100%;
  border: 2px solid red;
  display: none;
  z-index: 99;
  max-height: 300px;
  background: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  border: 1px solid #dadada;
}
.ProductPage__ItemContainer .ProductPage__ItemsDiv .ProductPage__Item:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
.ProductPage__ItemContainer .ProductPage__Item {
  padding: 5px;
  padding-right: 55px;
  height: 60px;
  transition: background 0.2s;
}
.ProductPage__ItemContainer .ProductPage__Item h5 {
  margin-top: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
}
.ProductPage__ItemContainer .ProductPage__Item p {
  margin-top: 3px;
  font-size: 12px;
  color: #999;
}
.ProductPage__ItemContainer .ProductPage__Item .col-p-20 p {
  line-height: 1.4;
}
.ProductPage__ItemContainer .ProductPage__Item:hover {
  cursor: pointer;
  background: #eef8fc;
}
.ProductPage__ItemContainer .ProductPage__Item:active {
  box-shadow: 0 0 5px #ccc inset;
}
.ProductPage__ItemContainer .ProductPage__Item.active {
  background: #f7fbfe;
}
.ProductPage__ItemContainer .main-row .ProductPage__Item:hover {
  background: #fff;
}
.ProductPage__ItemContainer .main-row {
  border: 1px solid transparent;
}
.ProductPage__ItemContainer .main-row:hover {
  cursor: pointer;
  border: 1px solid #88cbed;
}
.navigation {
  padding: 15px 0;
  border-bottom: 1px solid #dadada;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 90%, #f1f1f1 100%);
}
.navigation .col {
  font-size: 16px;
  color: #2199d5;
  text-align: center;
  transition: color 0.2s;
}
.navigation .col:not(:last-child) {
  border-right: 1px solid #eaeaea;
}
.navigation .col:hover {
  color: #333;
  cursor: pointer;
}
.ProductPage__sectionTitle {
  border-bottom: 1px solid #eaeaea;
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}
.quick-facts {
  margin-left: 40px;
}
.quick-facts .fact {
  padding: 3px 0;
  border-bottom: 1px dotted #aaa;
  color: #999;
  text-transform: uppercase;
  font-size: 11px;
}
.quick-facts .fact::after {
  display: table;
  content: " ";
  clear: both;
}
.quick-facts .fact span {
  text-transform: none;
  font-size: 13px;
  color: #333;
}
.section-divider {
  margin-top: 20px;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 80%, #f1f1f1 100%);
  height: 30px;
  border-bottom: 1px solid #eaeaea;
}
.ProductPage__Suppliers {
  border-right: 1px solid #dadada;
  margin-right: -1px;
}
.ProductPage__Pricing {
  border: 1px solid #dadada;
  background: #fafafa;
  border-radius: 2px;
  position: relative;
}
.ProductPage__Pricing .loading-prices {
  padding: 10px;
  border-bottom: 1px solid #dadada;
}
.ProductPage__Pricing .input-label {
  padding: 3px 10px;
  display: none;
  border: 1px solid transparent;
  border-bottom: 1px solid #dadada;
  background: #fafafa;
  line-height: 60px;
  transition: background 0.2s;
}
.ProductPage__Pricing .input-label.lowest {
  background: #f8fdf7;
}
.ProductPage__Pricing .input-label.active {
  border: 1px solid #5cb8e6;
  background: #e9f6fc;
}
.ProductPage__Pricing .input-label:hover {
  cursor: pointer;
}
.ProductPage__Pricing .input-label:not(.active):hover {
  background: #f6f6f6;
}
.ProductPage__Pricing .input-label.visible {
  display: block;
}
.ProductPage__Pricing .price {
  text-align: right;
  font-size: 18px;
  font-weight: 500;
}
.ProductPage__Pricing .icon-details {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.87);
  min-width: 400px;
  right: 0;
  z-index: 10;
  color: #fff;
  border-radius: 3px;
  border-top-right-radius: 0;
  text-align: left;
}
.ProductPage__Pricing .icon-details .promotion {
  padding: 10px;
}
.ProductPage__Pricing .icon-details .promotion:not(:last-child) {
  border-bottom: 1px solid #333;
}
.ProductPage__Pricing .icon-details .promotion:not(:first-child) {
  border-top: 1px solid #555;
}
.ProductPage__Pricing .icon-details h5 {
  margin-bottom: 10px;
}
.ProductPage__Pricing .icon-details p {
  font-size: 12px;
  margin: 10px 0;
  line-height: 20px;
}
.ProductPage__Pricing .icon-details.icon-details-thin {
  min-width: 200px;
  padding: 5px 10px;
}
.ProductPage__Pricing .icon-details.icon-details-thin p {
  font-size: 14px;
}
.ProductPage__Pricing .icon {
  padding-top: 14px;
  position: relative;
  line-height: 26px;
}
.ProductPage__Pricing .icon i {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  display: block;
  line-height: 26px;
  font-size: 16px;
}
.ProductPage__Pricing .icon.active .icon-details {
  display: block;
}
.ProductPage__Pricing .icon.active i {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.ProductPage__Pricing .status-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  border-radius: 3px;
  color: #fff;
}
.ProductPage__Pricing .status-overlay::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ProductPage__Pricing .status-overlay .status-overlay-inner {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 600px;
}
.ProductPage__Pricing .status-overlay p {
  font-size: 14px;
  margin: 5px 0;
}
.ProductPage__Pricing .check-all-suppliers {
  border-bottom: 1px solid #dadada;
}
.ProductPage__Pricing .check-all-suppliers i {
  margin-left: 5px;
}
.ProductPage__Pricing .js-no-suppliers i {
  opacity: 0.2;
}
.js-unsynced-progress,
.js-synced-progress {
  display: none;
}
.ProductPage__Cart {
  border-left: 1px solid #dadada;
}
.ProductPage__Cart .links {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dadada;
}
.ProductPage__Cart .links a {
  margin-bottom: 10px;
}
.ProductPage__Cart .help {
  line-height: 1.2;
  font-size: 11px;
  margin-top: 10px;
}
.ProductPage__Cart .cart_option p {
  line-height: 1.4;
  font-size: 12px;
}
.ProductPage__step {
  margin-bottom: 5px;
}
.ProductPage__step .number {
  line-height: 17px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  background: #666;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
.ProductPage__step.active {
  color: #f09b00;
}
.ProductPage__step.active .number {
  background: #f09b00;
}
.Logo__supplier {
  width: 150px;
  height: 60px;
  display: block;
}
.Logo__supplier--small {
  width: 100px;
  height: 40px;
}
.Logo__supplier--xs {
  width: 75px;
  height: 30px;
}
.Logo__supplier--inline {
  display: inline-block;
}
.Logo__etailer {
  width: 75px;
  height: 30px;
  display: block;
  background-size: 75px 300px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/logos/supplier/etailerssprite.png);
}
.Logo__etailer.Logo__etailer--petcarerx {
  background-position: 0 -30px;
}
.Logo__etailer.Logo__etailer--1800petmeds {
  background-position: 0 -60px;
}
.Logo__etailer.Logo__etailer--smartpak {
  background-position: 0 -90px;
}
.Logo__etailer.Logo__etailer--drsfosterandsmith {
  background-position: 0 -120px;
}
.Logo__etailer.Logo__etailer--medivet {
  background-position: 0 -150px;
}
.Logo__etailer.Logo__etailer--vetdepot {
  background-position: 0 -180px;
}
.Logo__etailer.Logo__etailer--vetrxdirect {
  background-position: 0 -210px;
}
.Logo__etailer.Logo__etailer--californiapetpharmacy {
  background-position: 0 -240px;
}
.Logo__etailer.Logo__etailer--heartlandveterinarysupply {
  background-position: 0 -270px;
}
a.appProduct__ProductBox {
  position: relative;
  display: block;
  padding: 15px 10px 10px 10px;
  color: #333;
  border-bottom: 1px solid #dadada;
}
a.appProduct__ProductBox img {
  padding: 10px;
  max-height: 80px;
  margin: 0 auto;
}
a.appProduct__ProductBox .col-4 {
  text-align: center;
}
a.appProduct__ProductBox:hover {
  box-shadow: 0 0 4px #ddd inset;
  color: #333;
}
a.appProduct__ProductBox .name {
  line-height: 1.3;
  font-size: 12px;
  margin-bottom: 5px;
}
.appProduct__Categories__container {
  margin-bottom: 30px;
}
.appProduct__Categories__container::after {
  display: table;
  content: " ";
  clear: both;
}
.appProduct__Categories__category1Container {
  margin-bottom: 15px;
}
.appProduct__Categories__category1 {
  font-size: 20px;
  color: #444;
  font-weight: bold;
}
.appProduct__Categories__category2Container {
  width: 33%;
  float: left;
}
.appProduct__Categories__category2Container span {
  color: #aaa;
}
.appProduct__Categories__category2 {
  font-size: 14px;
  color: #555;
}
.appProduct__UpdateProduct .main-image {
  width: 100%;
  height: 100px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #dadada;
  border-radius: 2px;
}
.appProduct__UpdateProduct .list-quality .CompleteBar {
  margin: 0 auto;
}
.appProduct__UpdateProduct .list-quality p {
  font-size: 11px;
  color: #aaa;
}
.appProduct__UpdateProduct .image-box {
  position: relative;
  border: 1px solid #dadada;
  margin: 5px;
  background: #fff;
}
.appProduct__UpdateProduct .image-box .image {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  width: 100%;
}
.appProduct__UpdateProduct .image-box .ButtonRemove {
  border-bottom-left-radius: 2px;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.appProduct__UpdateProduct .media-object {
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #fafafa;
}
.appProduct__UpdateProduct .media-object img {
  display: block;
}
.appProduct__UpdateProduct .media-object .ButtonRemove {
  border-bottom-left-radius: 2px;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.appProduct__UpdateProduct .trumbowyg-box,
.appProduct__UpdateProduct .trumbowyg-editor {
  width: 100%;
}
.Product__Update__Stat {
  border-bottom: 1px solid #eaeaea;
  padding: 20px 5px;
}
.Product__Update__Stat h1 {
  line-height: 1;
}
.Product__Update__Stat p {
  font-size: 11px;
  text-transform: uppercase;
}
/*

Category Box - A box for linking to a category

*/
a.Product__CategoryBox {
  position: relative;
  display: block;
  height: 100px;
  border: 1px solid #dadada;
  background-size: cover;
  background-position: center center;
  color: #ddd;
  transition: color 0.2s;
}
a.Product__CategoryBox .Product__CategoryBox__title {
  position: absolute;
  padding-top: 20px;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}
a.Product__CategoryBox:hover {
  color: #fff;
}
.Product__ManufacturerBox {
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  display: block;
  margin-top: 20px;
  border: 1px solid #dadada;
  border-radius: 2px;
  color: #555;
  background: #fff;
  transition: color 0.2s;
}
.Product__ManufacturerBox .Product__ManufacturerBox__logo {
  position: absolute;
  display: block;
  background: #fafafa;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3;
  top: -20px;
  left: -5px;
  width: 60px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #dadada;
}
.Product__ManufacturerBox .Product__ManufacturerBox__productOverlay {
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s;
  width: 100%;
  bottom: 0;
  padding: 3px 3px 3px 3px;
  background: rgba(0, 0, 0, 0.6);
  transition: background 0.2s;
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
}
.Product__ManufacturerBox .Product__ManufacturerBox__images {
  min-height: 100px;
}
.Product__ManufacturerBox .Product__ManufacturerBox__product {
  position: relative;
  display: block;
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100px;
  border-bottom: 1px solid #dadada;
}
.Product__ManufacturerBox .Product__ManufacturerBox__product:hover .Product__ManufacturerBox__productOverlay {
  opacity: 1;
}
.Product__ManufacturerBox .Product__ManufacturerBox__product--left {
  border-right: 1px solid #dadada;
}
.Product__ManufacturerBox .Product__ManufacturerBox__name {
  font-size: 12px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Product__ManufacturerBox .Product__ManufacturerBox__count {
  color: #999;
  line-height: 1;
  font-size: 12px;
}
.Product__ManufacturerBox .Product__ManufacturerBox__arrow {
  padding-top: 8px;
  color: #555;
}
.Product__ManufacturerBox .Product__ManufacturerBox__details {
  background: #fafafa;
  display: block;
  padding: 10px;
}
.Product__ManufacturerBox .Product__ManufacturerBox__details:hover .Product__ManufacturerBox__name {
  text-decoration: underline;
}
.Product__ManufacturerBox .Product__ManufacturerBox__loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%;
  text-align: center;
}
.Product__ManufacturerBox.loading .Product__ManufacturerBox__inner {
  opacity: 0.05;
}
.Product__ManufacturerBox.loading .Product__ManufacturerBox__loader {
  display: block;
}
a.ProductBox {
  position: relative;
  display: block;
  border: 1px solid #dadada;
  border-radius: 2px;
  margin: 0 10px;
  background: #fff;
}
a.ProductBox:hover {
  text-decoration: none;
}
a.ProductBox .ProductBox__price {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 2px 5px;
  border: 1px solid #dadada;
  border-top: none;
  border-left: none;
  border-bottom-right-radius: 4px;
  background: #fafafa;
  color: #30a5df;
  font-weight: bold;
  font-size: 14px;
}
a.ProductBox .ProductBox__image {
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
a.ProductBox .ProductBox__ratings {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  padding: 3px;
  border: 1px solid #dadada;
  border-top: none;
  border-right: none;
  background: #fafafa;
  border-bottom-left-radius: 4px;
  display: inline-block;
  font-size: 11px;
}
a.ProductBox .ProductBox__ratings span {
  font-size: 11px;
  color: #aaa;
  display: inline-block;
  margin-top: 1px;
}
a.ProductBox .ProductBox__header {
  display: block;
  width: 100%;
  padding: 5px;
  border-top: 1px solid #dadada;
  background: rgba(255, 255, 255, 0.9);
  background: #fafafa;
}
a.ProductBox .ProductBox__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  font-size: 12px;
  color: #333;
}
a.ProductBox .ProductBox__manufacturer {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.4;
  color: #888;
}
a.ProductBox:hover .ProductBox__name {
  text-decoration: underline;
}
.Product__Arrow {
  font-size: 20px;
  padding: 0 5px;
  position: absolute;
  color: #999;
  z-index: 10;
  top: 35%;
  margin-top: -30px;
  height: 60px;
  line-height: 60px;
  background: #f1f1f1;
  border: 1px solid #dadada;
  transition: color 0.2s;
}
.Product__Arrow:hover {
  cursor: pointer;
  color: #333;
}
.Product__Arrow--left {
  left: -2px;
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.Product__Arrow--right {
  right: -1px;
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.Banner {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 60px;
  margin-bottom: -60px;
  padding: 5px 0 10px 0;
}
.Banner img {
  width: 600px;
}
/*

Update Modules

*/
.Update__visible {
  display: none;
}
.Update__invisible {
  display: block;
}
.Update .Update__visible {
  display: block;
}
.Update .Update__invisible {
  display: none;
}
/*

Product Create

*/
.ProductCreate__autosuggest {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  margin-top: -5px;
  width: 100%;
  background: #fff;
  border: 1px solid #dadada;
}
.ProductCreate__autosuggest .ProductCreate__autosuggest__item {
  padding: 10px;
}
.ProductCreate__autosuggest .ProductCreate__autosuggest__item:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.ProductCreate__autosuggest .ProductCreate__autosuggest__item:hover {
  background: #fafafa;
  cursor: pointer;
}
/*

Product Tile Grid Format

*/
a.ProductTile {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
  text-decoration: none;
  color: #555;
  transition: box-shadow 0.4s;
}
a.ProductTile:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  color: #555;
}
a.ProductTile .ProductTile__image {
  width: 100%;
  height: 180px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
a.ProductTile .ProductTile__info {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
  min-height: 35px;
}
a.ProductTile .ProductTile__info h1 {
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ProductTile .ProductTile__info h1:hover {
  color: #1d89bf;
}
a.ProductTile .ProductTile__info h2 {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
a.ProductTile .ProductTile__reviews {
  font-size: 12px;
  color: #999;
  line-height: 21px;
}
a.ProductTile .ProductTile__msrp {
  color: red;
  font-size: 14px;
  text-decoration: line-through;
}
a.ProductTile .ProductTile__price {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
a.ProductTile--short .ProductTile__image {
  height: 100px;
}
/*

Product Tile List Format

*/
a.ProductTile--list:hover {
  box-shadow: none;
}
a.ProductTile--list .ProductTile__image {
  height: 70px;
}
a.ProductTile--list .ProductTile__info {
  border-top: none;
  padding: 0;
}
a.ProductTile--list .ProductTile__info h1 {
  font-weight: bold;
}
a.ProductTile--list .ProductTile__description {
  border-top: 1px solid #eaeaea;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 12px;
}
/* Manufacturer Title */
.ManufacturerTile {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
  text-decoration: none;
  color: #555;
  transition: box-shadow 0.4s;
}
.ManufacturerTile:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset;
  text-decoration: none;
  color: #555;
}
.ManufacturerTile .ManufacturerTile__images {
  margin-bottom: 10px;
  height: 150px;
}
.ManufacturerTile .ManufacturerTile__image {
  display: block;
  position: relative;
  height: 75px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.ManufacturerTile .ManufacturerTile__image:first-child {
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.ManufacturerTile .ManufacturerTile__image:nth-child(2) {
  border-bottom: 1px solid #eaeaea;
}
.ManufacturerTile .ManufacturerTile__image:nth-child(3) {
  border-right: 1px solid #eaeaea;
}
.ManufacturerTile .ManufacturerTile__image p {
  display: none;
  position: absolute;
  color: #555;
  height: 100%;
  width: 100%;
  padding: 5px;
  font-size: 11px;
  line-height: 1.3;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
}
.ManufacturerTile .ManufacturerTile__image:hover p {
  display: block;
}
.ManufacturerTile .ManufacturerTile__info {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
}
.ManufacturerTile .ManufacturerTile__info a {
  font-size: 13px;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ManufacturerTile .ManufacturerTile__info a:hover {
  text-decoration: none;
  color: #1d89bf;
}
.ManufacturerTile .ManufacturerTile__info h2 {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
.ManufacturerTile .ManufacturerTile__reviews {
  font-size: 12px;
  color: #999;
  line-height: 21px;
}
.ManufacturerTile .ManufacturerTile__price {
  font-size: 12px;
  color: #333;
  margin-right: 5px;
}
.ItemMergeTile {
  position: relative;
  border-bottom: 1px solid #dadada;
  padding: 0 20px 20px 20px;
}
.ItemMergeTile.active {
  border: 2px solid #5cb8e6;
  background: #f7fbfe;
}
.ItemMergeTile .ItemMergeTile__action {
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 2px 7px;
  margin: 0 5px 10px 5px;
  font-size: 12px;
}
.ItemMergeTile .ItemMergeTile__action:not(button) {
  background: #fafafa;
  border: 1px solid #dadada;
}
.ItemMergeTile .ItemMergeTile__action--left {
  float: left;
}
.ItemMergeTile .ItemMergeTile__stat {
  display: inline-block;
  margin-right: 15px;
}
.ItemMergeTile .ItemMergeTile__stat p:first-child {
  text-transform: uppercase;
  font-size: 10px;
}
.ItemMergeTile .ItemMergeTile__stat p:last-child {
  line-height: 1;
  font-size: 12px;
}
.ItemMergeTile .ItemMergeTile__link {
  position: absolute;
  display: none;
  top: 0;
  right: 10px;
}
.ItemMergeTile .ItemMergeTile__link button {
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-left: 5px;
}
.ItemMergeTile .ItemMergeTile__link p {
  background: #fff;
  border: 1px solid #dadada;
  border-top: none;
  padding: 2px 7px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fafafa;
  color: #3cad3e;
}
.ItemMergeTile .ItemMergeTile__supply:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
}
.ItemMergeTile .ItemMergeTile__description {
  display: none;
}
.ItemMergeTile .ItemMergeTile__more {
  position: absolute;
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  bottom: 0;
  left: 0;
  color: #777;
  font-size: 12px;
  background: red;
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  text-align: center;
}
.ItemMergeTile .ItemMergeTile__more:hover {
  color: #000;
}
.ItemMergeTile.full .ItemMergeTile__description {
  display: block;
}
/*

Search Filter

*/
.Filter {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #dadada;
  border-radius: 2px;
  background: #eee;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
  line-height: 32px;
  font-size: 12px;
  transition: background 0.2s;
}
.Filter .Filter__update {
  display: none;
}
.Filter.active {
  border: 1px solid #5cb8e6;
  box-shadow: 0 0 3px #5cb8e6;
  background: #eef8fc;
}
.Filter.open .Filter__update,
.Filter.active .Filter__update {
  display: inline-block;
}
.Filter:not(.active):hover {
  background: #eee;
  background-image: linear-gradient(to bottom, #fafafa 0%, #eaeaea 100%);
  cursor: pointer;
}
.Filter .fa-remove {
  padding: 4px;
  margin-left: 5px;
}
.Filter .fa-remove:hover {
  color: #222;
  cursor: pointer;
}
/*

Promotion Preview Box 

*/
.PromotionPreview {
  display: block;
  position: relative;
  border: 1px solid #dadada;
  margin: 10px;
}
.PromotionPreview__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
}
.PromotionPreview__data {
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  width: 100%;
  padding: 5px;
}
.PromotionPreview__title {
  padding: 5px 5px;
}
.PromotionPreview__title h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PromotionPreview__title p {
  line-height: 1.6;
  font-size: 12px;
}
.PromotionPreview__days {
  padding: 5px 1px;
  text-align: right;
  line-height: 1.2;
}
.PromotionPreview__days h1 {
  font-size: 22px;
}
.PromotionPreview__days p {
  font-size: 11px;
  margin-right: 7px;
  margin-top: 5px;
}
a.Search__syncMore {
  display: block;
  color: #444;
  border: 1px solid #dadada;
  background: linear-gradient(to right, #63c9dd, #63c9dd, #63dcc4);
  background: #63c9dd;
  margin: 20px 0 -20px 0;
}
a.Search__syncMore h1 {
  color: #228a9e;
  font-size: 24px;
  font-weight: normal;
}
a.Search__syncMore .Button {
  background: #fff;
  font-weight: bold;
  color: #279cb3;
  border: none;
  margin-top: 20px;
  font-size: 18px;
  padding: 10px 20px;
}
a.Search__syncMore .Button:hover {
  background: #f1f1f1;
}
a.Search__syncMore:hover {
  color: #444;
  cursor: pointer;
}
.Search__syncMore__icon {
  color: #fff;
  margin-top: 10px;
  font-size: 52px;
  line-height: 1;
  text-align: center;
  width: 21.5%;
}
.Search__syncMore__icon img {
  max-width: 100%;
  max-height: 55px;
}
.Search__syncMore__text {
  padding: 8px 15px;
  background: #fff;
  width: 58.5%;
}
.Search__syncMore__button {
  text-align: center;
  width: 20%;
}
/*

Search Filters

*/
.Search__Filter {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.Search__Filter:last-child {
  border-bottom: none;
}
.Search__Filter .Search__Filter__header {
  position: relative;
}
.Search__Filter .Search__Filter__title {
  color: #444;
  font-weight: bold;
}
.Search__Filter .Search__Filter__clear {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  font-size: 11px;
  margin-top: 3px;
  color: #999;
}
.Search__Filter .Search__Filter__clear:hover {
  text-decoration: underline;
  cursor: pointer;
}
.Search__Filter .Search__Filter__body {
  margin: 5px 0 5px 0;
  font-size: 12px;
}
.Search__Filter .Search__Filter__count {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}
.Search__Filter .Search__Filter__option {
  position: relative;
  color: #333;
  display: block;
  font-size: 12px;
  border-radius: 8px;
}
.Search__Filter .Search__Filter__option div {
  display: inline-block;
}
.Search__Filter .Search__Filter__option:hover {
  cursor: pointer;
}
.Search__Filter .Search__Filter__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.Search__Filter .Search__Filter__syncText {
  display: inline-block;
  font-size: 12px;
}
.Search__Filter .Search__Filter__option--label {
  margin: 0 -4px;
  padding: 0 4px;
}
.Search__Filter .Search__Filter__option--label:hover {
  background: #fff;
  cursor: pointer;
}
.Search__Filter .Search__Filter__option--label .Search__Filter__count {
  top: 2px;
  right: 4px;
}
.Search__Filter .Search__Filter__option--switch {
  margin: 0 -4px;
  padding: 0 4px;
}
.Search__Filter .Search__Filter__option--switch .Search__Filter__count {
  top: 2px;
  right: 4px;
}
.Search__Filter .Search__Filter__option--faded {
  color: #aaa;
}
.Search__Filter .Search__Filter__option--indent {
  padding-left: 10px;
}
.Search__Filter .Search__Filter__option--doubleindent {
  padding-left: 20px;
}
.Search__Filter .Search__Filter__more {
  display: none;
}
.Search__Filter .Search__Filter__showMore {
  font-size: 12px;
  padding: 5px 1px 0 1px;
}
.Search__Filter .Search__Filter__showMore:hover {
  cursor: pointer;
  color: #000;
}
.Search__Filter .Search__Filter__showMoreMinus {
  display: none;
}
.Search__Filter.active .Search__Filter__title {
  color: orange;
}
.Search__Filter.active .Search__Filter__clear {
  display: block;
}
.Search__Filter.showmore .Search__Filter__showMoreMinus {
  display: block;
}
.Search__Filter.showmore .Search__Filter__showMorePlus {
  display: none;
}
/*

Search Container

*/
.Search__Results {
  position: relative;
}
/*

Search Summary 

*/
.appSearch__searchResearch {
  padding: 10px 10px 0 10px;
  margin-bottom: -5px;
  font-size: 16px;
}
.appSearch__searchResearch strong {
  color: #5cb8e6;
}
.appSearch__searchSummary {
  border-bottom: 1px solid #dadada;
  padding: 10px;
}
.appSearch__searchSummary .count {
  font-size: 13px;
  margin-top: 2px;
  display: inline-block;
}
.appSearch__searchSummary .related {
  font-size: 12px;
}
.appSearch__searchSummary .search-display {
  float: right;
  display: inline-block;
}
.appSearch__searchSummary select {
  border: 1px solid #dadada;
}
.appSearch__searchSummary::after {
  content: " ";
  display: table;
}
/*
Search Items
*/
.Search__Item {
  position: relative;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #dadada;
  /* Admin Item Merging in Search */
}
.Search__Item .Search__Item__column {
  float: left;
}
.Search__Item .Search__Item__column--image {
  width: 20%;
  padding: 15px 5px 15px 15px;
}
.Search__Item .Search__Item__column--image .image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 140px;
}
.Search__Item .Search__Item__column--text {
  width: 55%;
  padding: 10px 10px 10px 20px;
}
.Search__Item .Search__Item__column--text .Search__Item__manufacturerNo {
  font-size: 11px;
  color: #aaa;
}
.Search__Item .Search__Item__column--text .Search__Item__nameContainer {
  position: relative;
}
.Search__Item .Search__Item__column--text .Search__Item__namePencil {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 5px;
}
.Search__Item .Search__Item__column--text .Search__Item__namePencil:hover {
  cursor: pointer;
}
.Search__Item .Search__Item__column--text .Search__Item__name {
  font-size: 17px;
  color: #1d89bf;
  margin-bottom: 2px;
}
.Search__Item .Search__Item__column--text .Search__Item__description {
  font-size: 12px;
  margin-top: 5px;
}
.Search__Item .Search__Item__column--text .Search__Item__footer {
  padding-top: 10px;
}
.Search__Item .Search__Item__column--suppliers {
  position: relative;
  height: 100%;
  width: 25%;
  background: #fafafa;
  border-left: 1px solid #dadada;
  text-align: center;
}
.Search__Item .Search__Item__column--suppliers .supplier {
  display: block;
  padding: 3px 5px;
  transition: background 0.2s;
}
.Search__Item .Search__Item__column--suppliers .supplier.orderable:hover {
  background: #eee;
  cursor: pointer;
}
.Search__Item .Search__Item__column--suppliers .supplier:not(.orderable):hover {
  cursor: not-allowed;
}
.Search__Item .Search__Item__column--suppliers .supplier.supplier--unsynced .Logo__supplier {
  opacity: 0.3;
  transition: opacity 0.2s;
}
.Search__Item .Search__Item__column--suppliers .supplier.supplier--unsynced:hover {
  cursor: pointer;
}
.Search__Item .Search__Item__column--suppliers .supplier.supplier--unsynced:hover .Logo__supplier {
  opacity: 1;
}
.Search__Item .Search__Item__column--suppliers .supplier.supplier--unsynced:hover .Button {
  background: #eee;
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #e1e1e1 100%);
}
.Search__Item .Search__Item__column--suppliers .supplier.supplier--unsynced .Button {
  margin-top: -6px;
  padding: 1px 8px;
  color: #666;
  background: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
}
.Search__Item .Search__Item__column--suppliers .temp {
  padding-top: 7px;
  text-align: right;
  font-size: 15px;
}
.Search__Item .Search__Item__column--suppliers .temp span {
  font-size: 9px;
}
.Search__Item .Search__Item__column--suppliers .lowest {
  background: #f2fbf3;
}
.Search__Item .Search__Item__column--suppliers .lowest.orderable:hover {
  background: #e7f7e7;
}
.Search__Item .Search__Item__column--suppliers .doper {
  text-align: center;
}
.Search__Item .Search__Item__column--suppliers .doper p {
  border-bottom: 1px solid #dadada;
  display: inline-block;
}
.Search__Item .Search__Item__column--compounders {
  max-height: 250px;
  overflow-y: scroll;
}
.Search__Item .Search__Item__prices {
  display: block;
  font-size: 22px;
  color: #444;
  display: none;
}
.Search__Item .Search__Item__prices span {
  color: #888;
  font-weight: 200;
  font-size: 11px;
}
.Search__Item .Search__Item__availability {
  margin-top: 10px;
  display: inline-block;
}
.Search__Item .Search__Item__availability.in_stock_main {
  color: #90d991;
}
.Search__Item .Search__Item__availability.in_stock_alternate {
  color: #e5c380;
}
.Search__Item .Search__Item__availability.special_order {
  color: #9ed5f0;
}
.Search__Item .Search__Item__availability.out_of_state {
  color: #f39797;
}
.Search__Item .Search__Item__availability.drop_ship {
  color: #9aa4ed;
}
.Search__Item .Search__Item__availability.unavailable,
.Search__Item .Search__Item__availability.awaiting_arrival {
  color: #f39797;
}
.Search__Item .Search__Item__price {
  padding: 1px 0;
  line-height: 1.2;
}
.Search__Item .Search__Item__price strong {
  font-size: 14px;
  margin-right: 0;
}
.Search__Item .Search__Item__price span {
  font-size: 11px;
}
.Search__Item .Search__Item__overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 15px;
  color: #fff;
  display: none;
}
.Search__Item .Search__Item__overlay .Search__Item__overlayInner {
  display: block;
}
.Search__Item .Search__Item__overlay .Search__Item__overlayClose {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  padding: 2px 8px;
  color: #d6d6d6;
  transition: color 0.2s;
}
.Search__Item .Search__Item__overlay .Search__Item__overlayClose:hover {
  cursor: pointer;
  color: #fff;
}
.Search__Item .Search__Item__overlay .Search__Item__overlayLogo {
  margin-top: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) inset;
  border-radius: 2px;
  background: #fff;
  padding-top: 10px;
  height: 80px;
  text-align: center;
}
.Search__Item .Search__Item__overlay .main {
  padding: 0 0 0 20px;
}
.Search__Item .Search__Item__overlay .options {
  margin-top: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 13px;
  min-height: 80px;
}
.Search__Item .Search__Item__overlay .options a {
  display: block;
  color: #eee;
}
.Search__Item .Search__Item__overlay .options span {
  float: right;
}
.Search__Item.overlay .Search__Item__overlay {
  display: block;
}
.Search__Item .Search__Item__product {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  padding: 0 5px;
  font-size: 11px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0.8;
  border-top-right-radius: 3px;
  color: white;
  box-shadow: 0 0 4px #aaa inset;
  transition: background 0.2s;
}
.Search__Item .Search__Item__product:hover {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.6);
}
.Search__Item .Search__Item__merge {
  position: absolute;
  left: 100%;
  top: 0;
}
.Search__Item .Search__Item__mergeBox {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #dadada;
  background: #fff;
  margin-bottom: 10px;
  text-align: center;
  padding: 2px 5px;
}
.Search__Item .Search__Item__merge .fa-spin,
.Search__Item .Search__Item__merge .fa-check,
.Search__Item .Search__Item__merge .fa-exclamation {
  display: none;
  padding: 2px 0;
}
.Search__Item .Search__Item__merge .fa-bullseye:hover {
  cursor: pointer;
  color: #57c559;
}
.Search__Item .Search__Item__merge input:hover {
  cursor: pointer;
}
.Search__Item .Search__Item__merge.loading input {
  display: none;
}
.Search__Item .Search__Item__merge.loading .fa-spin {
  display: block;
}
.Search__Item .Search__Item__merge.loading .fa-bullseye {
  display: none;
}
.Search__Item .Search__Item__merge.success input {
  display: none;
}
.Search__Item .Search__Item__merge.success .fa-check {
  display: block;
}
.Search__Item .Search__Item__merge.success .fa-bullseye {
  display: none;
}
.Search__Item .Search__Item__merge.error input {
  display: none;
}
.Search__Item .Search__Item__merge.error .fa-exclamation {
  display: block;
}
.Search__Item .Search__Item__merge.error .fa-bullseye {
  display: none;
}
.Search__Item.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 860px;
  margin: 0 auto;
  box-shadow: 0 3px 6px #ccc;
}
.Search__Item__tagsContainer {
  font-size: 12px;
}
.Search__Item__meta {
  border: 1px dotted #dadada;
  margin: 5px 0 10px 0;
  font-size: 13px;
}
.Search__Item__meta:empty {
  display: none;
}
.Search__Item__meta p {
  padding: 1px 3px;
  border-bottom: 1px dotted #dadada;
}
.Search__Item__meta .col-4 {
  padding: 1px 3px;
  border-right: 1px dotted #dadada;
}
.Search__Item__meta h5 {
  border-top: 1px dotted #dadada;
  padding: 1px 3px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: normal;
}
.Search__ItemList {
  display: block;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 10px;
  transition: box-shadow 0.4s;
}
.Search__ItemList:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  text-decoration: none;
}
.Search__ItemList .image {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.search-loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
  background: #fff;
}
.search-loader i {
  color: #5ecadf;
  margin-top: 100px;
}
.more {
  text-align: center;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 2px;
  padding: 4px;
  transition: background 0.2s;
}
.more:hover {
  cursor: pointer;
  background: #f1f1f1;
}
.Search__Report {
  max-width: 500px;
  margin: 0 auto;
}
/*
Admin JS for search
*/
.js-module-search-checked-status .fa {
  display: none;
}
.js-module-search-checked-status .fa:hover {
  cursor: pointer;
}
.js-module-search-checked-status.checked .fa-thumbs-up {
  display: inline;
}
.js-module-search-checked-status.unsure .fa-question {
  display: inline;
}
.js-module-search-checked-status.unchecked .fa-thumbs-down {
  display: inline;
}
.Shop {
  background: #f1f1f1;
  margin-top: 20px;
}
.Shop .Shop--item {
  margin-bottom: 20px;
  display: block;
  position: relative;
  border-bottom: 1px solid transparent;
  padding: 10px;
  text-shadow: 0 0 1px #fff;
  transition: background 0.2s;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #555;
}
.Shop .Shop--item:hover {
  text-decoration: none;
  color: #555;
}
.Shop .Shop--item i {
  font-size: 18px;
}
.Shop .Shop--item.active {
  border-bottom-color: #5cb8e6;
  color: #2199d5;
}
.Shop .Shop--item:not(.active):hover {
  color: #333;
}
.ReactReferral__container {
  background: #fff;
  margin-top: -50px;
}
.ReactReferral__header {
  background: #f3f3f3;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/referral/bg.jpg);
  background-size: cover;
  border-bottom: 1px solid #dadada;
  padding: 130px 20px 50px 20px;
  text-align: center;
}
.ReactReferral__header h1 {
  font-size: 44px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}
.ReactReferral__header h2 {
  width: 900px;
  font-weight: normal;
  color: #eee;
  margin: 0 auto;
  font-size: 22px;
  max-width: 800px;
}
.ReactReferral__header h3 {
  font-size: 18px;
  color: #eee;
  margin: 0 auto;
}
.ReactReferral__body {
  border-bottom: 1px solid #eaeaea;
  max-width: 1520px;
  margin: 0 auto;
  padding: 40px 20px;
}
.ReactReferral__options h1 {
  margin-bottom: 20px;
}
.ReactReferral__option {
  margin-bottom: 15px;
}
.ReactReferral__option h2 {
  color: #249cb3;
  font-weight: normal;
}
.ReactReferral__option p {
  font-size: 16px;
}
.ReferralContainer {
  background: #fafafa;
  margin-top: -50px;
  border-bottom: 1px solid #dadada;
}
.ReferralContainer::after {
  display: table;
  content: " ";
  clear: both;
}
.ReferralHeader {
  background: #f3f3f3;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/referral/index_bg.jpg);
  background-size: cover;
  border-bottom: 1px solid #dadada;
  padding: 130px 20px 50px 20px;
  text-align: center;
}
.ReferralHeader h1 {
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin-bottom: 30px;
}
.ReferralHeader h2 {
  font-weight: 200;
  width: 900px;
  color: #eee;
  margin: 0 auto 40px auto;
  font-size: 20px;
}
.ReferralLink {
  position: relative;
  text-align: center;
  width: 500px;
  margin: 50px auto 0 auto;
}
.ReferralLink h3 {
  margin: 0 auto 10px auto;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dadada;
  padding: 10px 20px;
  font-size: 29px;
  font-weight: bold;
  color: #333;
}
.ReferralLink p {
  margin-top: 5px;
  font-size: 18px;
  color: #fff;
}
.ReferralLink .ReferralLink__social {
  display: block;
  margin: 0 auto 20px auto;
}
.ReferralLink a.ReferralLink__icon {
  display: block;
  border: 1px solid #dadada;
  background: #eee;
  padding: 3px 10px;
  color: #fff;
  font-size: 18px;
  transition: background 0.2s;
}
.ReferralLink a.ReferralLink__icon:hover {
  cursor: pointer;
  background: #ddd;
  text-decoration: none;
}
.ReferralLink a.ReferralLink__icon--email {
  color: #555;
}
.ReferralLink a.ReferralLink__icon--twitter {
  background: #00aced;
}
.ReferralLink a.ReferralLink__icon--twitter:hover {
  background: #0087ba;
}
.ReferralLink a.ReferralLink__icon--facebook {
  background: #3b5998;
}
.ReferralLink a.ReferralLink__icon--facebook:hover {
  background: #2d4373;
}
.ReferralDropdown {
  display: none;
  position: absolute;
  text-align: left;
  z-index: 1;
  top: 100%;
  margin-top: 10px;
  width: 100%;
  border: 1px solid #dadada;
  background: #fff;
  min-height: 200px;
  padding: 20px 10px 10px 10px;
}
.ReferralDropdown h4 {
  margin-bottom: 10px;
}
.ReferralDropdown__exit {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 15px;
  color: #555;
  transition: color 0.2s;
}
.ReferralDropdown__exit:hover {
  color: #000;
  cursor: pointer;
}
.ReferralDropdown__success {
  display: none;
}
.ReferralCount {
  font-size: 18px;
}
.ReferralCount strong {
  color: #5cb8e6;
  font-size: 26px;
}
.ReferralBonus {
  padding: 20px;
  background: #ddd;
  border: 1px solid #dadada;
  border-radius: 2px;
}
/* Referral Buttons */
a.ReferralButton,
button.ReferralButton {
  display: block;
  border: 1px solid #dadada;
  background: #eee;
  padding: 2px 10px;
  color: #fff;
  font-size: 16px;
  transition: background 0.2s;
}
a.ReferralButton i,
button.ReferralButton i {
  margin-right: 5px;
}
a.ReferralButton:hover,
button.ReferralButton:hover {
  color: #fff;
  cursor: pointer;
  background: #ddd;
  text-decoration: none;
}
a.ReferralButton.ReferralButton--facebook,
button.ReferralButton.ReferralButton--facebook {
  background: #3b5998;
  color: #fff;
}
a.ReferralButton.ReferralButton--facebook:hover,
button.ReferralButton.ReferralButton--facebook:hover {
  background: #2d4373;
}
a.ReferralButton.ReferralButton--twitter,
button.ReferralButton.ReferralButton--twitter {
  background: #00aced;
  color: #fff;
}
a.ReferralButton.ReferralButton--twitter:hover,
button.ReferralButton.ReferralButton--twitter:hover {
  background: #0087ba;
}
a.ReferralButton.ReferralButton--email,
button.ReferralButton.ReferralButton--email {
  background: #9d71c3;
  color: #fff;
}
a.ReferralButton.ReferralButton--email:hover,
button.ReferralButton.ReferralButton--email:hover {
  background: #844db4;
}
.Registration {
  background: #fff;
}
.Registration__header {
  background: #fafafa;
  border-bottom: 1px solid #dfdfdf;
}
.Registration__header h1 {
  font-size: 36px;
  color: #30a5df;
}
.Registration__header h2 {
  font-size: 18px;
  font-weight: normal;
  color: #888;
}
.Registration__headerInner {
  max-width: 600px;
  padding: 20px 10px;
  margin: 0 auto;
}
.Registration__body {
  max-width: 600px;
  padding: 50px 10px;
  margin: 0 auto;
}
.Registration__body label {
  font-size: 14px;
  color: #777;
  font-weight: bold;
  width: 100%;
}
.Registration__body label .Form__labelSpan {
  margin-left: 4px;
  color: #ccc;
  font-size: 85%;
  margin-top: 2px;
  float: right;
}
.Registration__body .Form__group {
  margin-bottom: 10px;
}
.Form__group .Registration__half {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.Registration__submit {
  max-width: 600px;
  padding-top: 20px;
  margin: 0 auto;
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
}
.Registration__signin {
  font-size: 16px;
  line-height: 36px;
}
.Registration__promo {
  background: #57c559;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .Registration .Form__control {
    font-size: 20px;
  }
}
.ReviewChart {
  display: table;
  width: 100%;
  margin: 0 0 20px 0;
}
.ReviewChart__summary {
  font-size: 13px;
  font-weight: bold;
}
.ReviewChart__tr {
  display: table-row;
  width: 100%;
}
.ReviewChart__tr p {
  vertical-align: top;
  width: auto;
  display: table-cell;
  white-space: nowrap;
  font-size: 12px;
}
.ReviewChart__progressContainer {
  width: 100%;
  display: table-cell;
  vertical-align: top;
  padding: 5px 5px 0 5px;
}
.ReviewDisplay {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ReviewDisplay:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.ReviewDisplay .ReviewDisplay__author {
  font-size: 11px;
  color: #777;
  margin-bottom: 5px;
}
.ReviewDisplay .ReviewDisplay__comments {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #eaeaea;
}
.ReviewDisplay .ReviewDisplay__comments:hover {
  cursor: pointer;
  text-decoration: none;
}
.ReviewDisplay .ReviewDisplay__vote {
  display: inline-block;
}
.ReviewDisplay .ReviewDisplay__vote form {
  display: inline-block;
}
.ReviewDisplay .ReviewDisplay__vote .ReviewDisplay__voteText {
  display: inline-block;
  margin-right: 10px;
}
.ReviewDisplay .ReviewDisplay__vote .ReviewDisplay__voteLoading {
  display: none;
}
.ReviewDisplay .ReviewDisplay__vote .ReviewDisplay__voteComplete {
  font-weight: 500;
  color: #57c559;
  display: none;
}
.ReviewDisplay .ReviewDisplay__vote .ReviewDisplay__voteError {
  font-weight: 500;
  color: #eb5252;
  display: none;
}
.ReviewForm__content {
  display: table;
  width: 100%;
}
.ReviewForm__cell {
  display: table-cell;
  vertical-align: top;
}
.ReviewForm__form::after {
  display: table;
  content: " ";
  clear: both;
}
.ReviewForm__prompt {
  border-bottom: 1px solid #dadada;
  padding: 20px;
}
.ReviewForm__reviewer {
  width: 100%;
}
.ReviewForm__reviewer .Form__inlinedTogether {
  padding-bottom: 45px;
}
.ReviewForm__reviewer p {
  line-height: 1;
  font-size: 12px;
}
.ReviewForm__reviewer a {
  line-height: 1;
  font-size: 12px;
}
.ReviewForm__submitDiv {
  border-top: 1px solid #dadada;
  text-align: left;
  position: relative;
}
.ReviewForm__fields {
  width: 100%;
  margin-top: 20px;
}
.ReviewForm__form textarea.ReviewForm__content {
  height: 30px;
  margin-bottom: 15px;
}
.ReviewForm__newBio {
  display: none;
  position: absolute;
  z-index: 10;
  border: 1px solid #dadada;
  background: #fff;
  padding: 10px;
  width: 600px;
}
/*

Alerts are to inform the user of errors or messages

*/
a.appRewards__Reward {
  display: block;
  background: #fafafa;
  height: 320px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dadada;
  background-size: cover;
  position: relative;
}
a.appRewards__Reward .header {
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
}
a.appRewards__Reward .header h3 {
  font-size: 16px;
}
a.appRewards__Reward .header p {
  font-size: 12px;
}
a.appRewards__Reward .footer {
  color: #fff;
  width: 100%;
  position: absolute;
  padding: 10px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
}
a.appRewards__Reward .footer .ProgressBar {
  margin-top: 4px;
}
a.appRewards__Reward:hover {
  box-shadow: 0 0 5px #333;
  text-decoration: none;
}
.appRewards__Goal {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.appRewards__Goal .points-col {
  position: relative;
  min-height: 90px;
}
.appRewards__Goal .status {
  text-align: center;
  display: block;
  margin-top: -16px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-size: 12px;
}
.appRewards__Goal .fa-certificate {
  position: absolute;
  text-align: center;
  height: 90px;
  width: 90px;
  top: 0;
  left: 50%;
  margin-left: -45px;
  display: block;
  color: #e6e6e6;
  font-size: 90px;
  z-index: 0;
  color: #f5f4bc;
}
.appRewards__Goal .points {
  padding-top: 23px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.appRewards__Goal .points h1 {
  line-height: 1;
}
.appRewards__Goal .points p {
  line-height: 1;
  text-transform: uppercase;
  font-size: 11px;
}
.appRewards__Balance {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 160px;
  height: 75px;
  border-radius: 3px;
  border: 1px solid #dadada;
  background: #5cb8e6;
  background-image: linear-gradient(to bottom, #5cb8e6 0%, #2199d5 100%);
  background: #fafafa;
  text-align: center;
  line-height: 1;
}
.appRewards__Balance h1 {
  font-size: 40px;
  margin: 10px 0 0 0;
}
.appRewards__Balance p {
  text-transform: uppercase;
  line-height: 1.4;
  font-size: 12px;
}
.appRewards__RewardPage__header {
  line-height: 1.2;
  margin-bottom: 10px;
}
.appRewards__RewardPage__mainImage {
  height: 300px;
  width: 100%;
  background-size: cover;
  border-radius: 2px;
}
.appRewards__RewardPage__summary {
  border: 10px solid #eee;
  border-radius: 2px;
  background: #fafafa;
  height: 200px;
  margin-left: 25px;
}
.appRewards__RewardPage__price {
  text-align: center;
  margin-bottom: 15px;
}
.appRewards__RewardPage__price h1 {
  font-size: 60px;
  line-height: 1;
  color: #5cb8e6;
}
.question-display {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.question-display.border-bottom {
  border-bottom: 1px solid #eaeaea;
}
.question-display .question-display-question {
  font-size: 16px;
  margin-bottom: 3px;
}
.question-display .question-display-author {
  font-size: 11px;
  color: #777;
}
.question-display .question-display-answer-container {
  margin: 35px 0 20px 0;
}
.question-display .question-display-answer-container .question-display-answer-author {
  margin-bottom: 3px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 500;
  color: #888;
}
.question-display .question-display-answer-container .show-all-more {
  color: #5ecadf;
  color: #30a5df;
  transition: color 0.1s;
}
.question-display .question-display-answer-container .show-all-more:hover {
  color: #35a9df;
  cursor: pointer;
  text-decoration: underline;
}
.question-display .question-display-answer-actions {
  margin-top: 8px;
}
.question-display .question-display-answer-actions p,
.question-display .question-display-answer-actions a {
  display: inline-block;
  font-size: 12px;
}
.question-display .question-display-answer-actions .question-display-answer-helpful {
  margin-right: 12px;
}
.question-display .question-display-answer-actions .question-display-vote-loader {
  font-size: 16px;
  color: #5ecadf;
}
.question-display .question-display-answer-actions .question-display-vote-complete {
  display: none;
  font-weight: 500;
  color: #57c559;
}
.question-upvoter {
  position: absolute;
  width: 50px;
  left: -50px;
  top: -3px;
  text-align: center;
}
.question-upvoter .glyphicon {
  font-size: 20px;
  margin: 0;
  color: #666;
  transition: color 0.1s;
}
.question-upvoter .glyphicon:hover {
  color: #444;
  cursor: pointer;
}
.question-upvoter .glyphicon.upvote.active {
  color: #57c559;
}
.question-upvoter .glyphicon.downvote.active {
  color: #eb5252;
}
.question-upvoter .question-upvoter-count p {
  margin: 0;
  line-height: 1;
}
.question-upvoter .question-upvoter-count .count {
  margin-top: -3px;
  font-size: 14px;
}
.question-upvoter .question-upvoter-count .votes {
  font-size: 9px;
  text-transform: uppercase;
}
.SellerInventoryTable .ListMatrix__cell {
  padding: 5px;
}
.SellerInventoryTable .ListMatrix__cell a.Button {
  color: #fff;
}
.SellerInventoryTable .ListMatrix__header .ListMatrix__cell {
  font-size: 12px;
}
.SellerInventoryTable .Form__group {
  margin-bottom: 0;
}
/* Order Tracking */
.ShippingTracker {
  padding: 20px;
  min-width: 500px;
}
.ShippingTracker:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.ShippingTracker__step {
  margin-top: 40px;
  border-top: 6px solid #ddd;
  text-align: center;
  font-size: 18px;
  color: #aaa;
}
.ShippingTracker__step i {
  display: none;
}
.ShippingTracker__step--complete {
  border-top-color: #57c559;
}
.ShippingTracker__step--complete i {
  display: inline-block;
}
.ShippingTracker__step--active {
  border-top-color: #57c559;
  color: #57c559;
  font-weight: bold;
}
.ShippingTracker__error {
  margin-top: 20px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  color: #eb5252;
}
.ShippingTracker__updatesToggler {
  text-align: center;
  margin: 15px 0 0 0;
  color: #999;
  transition: color 0.2s;
}
.ShippingTracker__updatesToggler:hover {
  cursor: pointer;
  color: #333;
}
.SSO {
  background-color: #f7fafc;
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.SSO__content {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 56px 24px;
}
.SSO__lines {
  top: 50%;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/pharmacy/backgrounds/lines-desktop.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.SSO__logo {
  width: 172px;
  margin-bottom: 24px;
}
.SSO__image {
  max-width: 100%;
  max-height: 100%;
}
.SSO__box {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(21, 34, 50, 0.08);
  background-color: #fff;
  padding: 42px 60px;
  width: 100%;
  max-width: 540px;
}
.SSO__title {
  font-family: canada-type-gibson, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.24px;
  color: #2e363e;
  text-align: center;
  margin-bottom: 32px;
}
.SSO__input-group {
  margin-bottom: 24px;
}
.SSO__label-group {
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.SSO__label {
  font-family: canada-type-gibson, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.24px;
  color: #676f78;
}
.SSO__help {
  font-family: canada-type-gibson, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.24px;
  color: #28a9e2;
}
.SSO__input {
  font-family: canada-type-gibson, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.24px;
  color: #2e363e;
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.1s ease-in-out;
}
.SSO__input:-ms-input-placeholder {
  color: #788c95;
}
.SSO__input::placeholder {
  color: #788c95;
}
.SSO__input:hover {
  border: 1px solid #d2d2d2;
}
.SSO__input:focus {
  outline: none;
  border: 1px solid #28a9e2;
}
.SSO__button {
  font-family: canada-type-gibson, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.24px;
  outline: none;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(21, 34, 50, 0.28);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  transition: all 100ms;
  text-align: center;
  position: relative;
  height: 48px;
  color: #fff;
  background-color: #28a9e2;
}
.SSO__button:hover {
  background-color: #2498cb;
}
.SSO__text {
  font-family: canada-type-gibson, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.24px;
  text-align: center;
  color: #676f78;
  margin-top: 42px;
  padding-top: 16px;
  border-top: 1px solid #eaeaea;
}
.SSO__link {
  font-family: canada-type-gibson, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.24px;
  color: #28a9e2;
}
.SSO__errors {
  margin-bottom: 24px;
  background: #fff0f0;
  border-radius: 3px;
  border: 1px solid #e11900;
  padding: 12px 16px;
}
.SSO__error {
  font-family: canada-type-gibson, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.24px;
  color: #e11900;
  margin-bottom: 4px;
  text-align: center;
}
.StaffStat {
  margin: 5px;
  padding: 10px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 6px;
}
.StaffChart {
  height: 400px;
  width: 100%;
}
.SupportContainer {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.SupportHeader {
  margin: 20px 0;
  transition: background 0.2s, color 0.2s;
}
.SupportHeader img {
  max-height: 35px;
}
.SupportHeader ul {
  float: right;
}
.SupportHeader li {
  list-style-type: none;
  display: inline;
  margin: 0 0 0 10px;
}
.SupportHeader a {
  padding: 4px 9px;
  border-radius: 15px;
  color: #737373;
  display: inline-block;
}
.SupportHeader a:hover {
  text-decoration: none;
  color: #555;
}
.SupportHeader a.highlighted {
  border: 1px solid #cacaca;
}
.SupportHeader a.highlighted:hover {
  background: #f6f6f6;
}
.SupportSearch {
  position: relative;
  margin-bottom: 20px;
}
.SupportSearch input {
  width: 100%;
  border-radius: 25px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  font-weight: 200;
  border: 1px solid #dadada;
  padding: 0 40px;
}
.SupportSearch input:focus {
  border: 1px solid #5cb8e6;
  box-shadow: 0 0 3px #5cb8e6;
}
.SupportSearch .fa {
  position: absolute;
  line-height: 50px;
  top: 0;
  color: #939393;
  font-size: 16px;
}
.SupportSearch .fa-search {
  left: 15px;
}
.SupportSearch .fa-times {
  right: 20px;
  font-size: 20px;
}
.SupportFooter {
  background: #fff;
  border-top: 1px solid #eaeaea;
  padding: 40px 0;
}
.SupportFooter__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.SupportFooter__links {
  max-width: 800px;
  margin: 30px auto 80px auto;
}
.SupportFooter__links .fa-envelope,
.SupportFooter__links .fa-comment {
  text-align: center;
  font-size: 40px;
  color: #ccc;
}
.SupportFooter__links p {
  font-size: 15px;
}
.SupportFooter__navigation {
  background: #fff;
  border-top: 1px solid #dadada;
  margin: 20px 0 30px 0;
  padding: 10px 0;
  color: #939da3;
  transition: color 0.2s;
}
.SupportFooter__navigation ul {
  margin: 0;
}
.SupportFooter__navigation li {
  list-style-type: none;
  display: inline;
  margin: 0 15px 0 0;
}
.SupportFooter__navigation a {
  color: #939da3;
  display: inline-block;
}
.SupportFooter__navigation a:hover {
  text-decoration: none;
  color: #555;
}
.SupportFooter__navigation p {
  float: right;
}
.SupportResult {
  padding: 20px 0;
}
.SupportResult:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
.SupportResult h4 {
  font-weight: 600;
  color: #222;
  line-height: 1.4;
}
.SupportDetail .fa {
  font-size: 30px;
  color: #57c559;
}
.SupportDetail .fa-arrow-circle-o-right {
  color: #ccc;
}
.SupportDetail h5 {
  color: #333;
  font-weight: normal;
  font-size: 16px;
}
.SupportDetail__header {
  margin-bottom: 20px;
  font-weight: 500;
}
.SupportVote {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #dfdfdf;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.SupportVote a {
  margin: 0 5px;
  padding: 0 5px;
  display: inline-block;
}
.SupportVote a:hover {
  cursor: pointer;
}
.SupportSuggestions {
  padding-left: 40px;
}
.SupportSuggestions h5 {
  text-transform: uppercase;
  color: #d4d4d4;
  margin-bottom: 20px;
}
.SupportSuggestion a {
  display: block;
  margin-bottom: 10px;
}
.SupportSuggestion a:hover {
  color: #4293bc;
  text-decoration: none;
}
.SupportSuggestion h6 {
  font-weight: normal;
}
.SupportBreadcrumbs {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}
.SupportBreadcrumbs a {
  color: #6f7c82;
  vertical-align: middle;
  display: inline-block;
}
.SupportBreadcrumbs .fa-angle-right {
  color: #9badb5;
  vertical-align: middle;
  margin: 0 10px;
  font-size: 20px;
  display: inline-block;
}
.Cart {
  padding: 0 20px;
}
.CartItem__container:not(:last-child) {
  border-bottom: 1px dashed #e6e6e6;
}
.Cart__item {
  padding: 15px 0;
  line-height: 24px;
  font-size: 15px;
}
.Cart__item select {
  border: 1px solid #dadada;
}
.Cart__item img {
  max-height: 70px;
}
.Cart__item .rQuantityInput {
  height: auto;
  margin-left: auto;
  margin-right: 0;
  width: 60px;
}
.Cart__itemImage {
  max-width: 130px;
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
  width: 130px;
  padding-right: 5px;
}
.Cart__itemMain {
  margin-bottom: 3px;
  padding-bottom: 3px;
  -ms-flex-align: center;
      align-items: center;
}
.Cart__itemActions {
  line-height: 1.6;
  font-size: 13px;
}
.Cart__itemDetails {
  -ms-flex-align: center;
      align-items: center;
}
.Cart__itemDetails > div {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.Cart__itemDetails .rCampaigns__itemDeal {
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 10px;
}
.Cart__infoMessage {
  display: inline-block;
  margin-top: 10px;
  font-weight: normal;
  border: 1px solid #e2e7eb;
  background: #f9fafb;
  color: #8a939b;
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 13px;
}
.Cart__infoMessage:not(:last-child) {
  margin-right: 10px;
}
.Cart__infoMessage--warning {
  border: 1px solid #f7d695;
  background: #fef8ec;
  color: #ae770f;
}
.Cart__infoMessage--success {
  border: 1px solid #ade3ae;
  background: #f0faf0;
  color: #409041;
}
.Cart__infoMessage--primary {
  border: 1px solid #c0d6fa;
  background: #f4f8fe;
  color: #3a68b2;
}
.Cart__itemName {
  -ms-flex-positive: 2;
      flex-grow: 2;
  font-size: 16px;
}
.Cart__itemSubname {
  font-size: 13px;
  color: #8a939b;
  font-weight: 400;
  line-height: 1;
}
.Cart__itemFacts {
  color: #6e767c;
  font-size: 16px;
}
.Cart__itemWeight {
  color: #8a939b;
  font-size: 16px;
}
.Cart__itemPromotions {
  border-radius: 3px;
  margin-left: 10px;
  padding: 1px 5px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  background: #a2acb5;
  color: #fff;
}
.Cart__itemTotalPrice {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  max-width: 150px;
  width: 150px;
}
.Cart__itemUnitPrice {
  text-align: right;
  font-size: 17px;
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  max-width: 150px;
  width: 150px;
}
.Cart__itemUnitPrice .rCart__itemUnitPrice--crossed {
  white-space: nowrap;
}
.Cart__itemQuantity {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  max-width: 100px;
  width: 100px;
}
@media (min-width: 1100px) {
  .Cart__itemQuantity {
    margin-left: 10px;
  }
}
.Cart__itemPrice {
  text-align: right;
  font-size: 17px;
  font-weight: 600;
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  max-width: 150px;
  width: 150px;
}
.Cart__action:hover {
  cursor: pointer;
}
.Cart__totals {
  padding: 20px 0;
}
.Cart__listContainer {
  display: inline-block;
  vertical-align: middle;
}
.Cart__totalsRow {
  text-align: right;
  line-height: 18px;
}
.Cart__totalsRow span {
  width: 100px;
  float: right;
  font-weight: bold;
  font-size: 18px;
}
.CartEmpty {
  margin: 40px 10px;
  text-align: center;
}
.CartEmpty .fa-shopping-cart {
  color: #4f8cf1;
  margin-bottom: 25px;
}
.CartEmpty h3 {
  margin-bottom: 15px;
  font-weight: 600;
}
.CartEmpty h4 {
  max-width: 600px;
  margin: 0 auto;
  color: #8a939b;
  font-size: 18px;
  margin-bottom: 20px;
}
.CrossedPrice--crossed {
  position: relative;
  opacity: 0.6;
  color: #4f8cf1;
  font-size: 14px;
}
.CrossedPrice--crossed::before,
.CrossedPrice--crossed::after {
  content: '';
  width: 90%;
  position: absolute;
  right: 5%;
  top: 50%;
}
.CrossedPrice--crossed::before {
  opacity: 0.5;
  border-bottom: 1px solid #4f8cf1;
  transform: skewY(10deg) translateY(-1px) scaleX(1.2);
}
.CrossedPrice--default {
  padding-left: 2px;
}
.CartUpdating {
  margin: 30px 10px;
  text-align: center;
}
.CartUpdating .fa {
  color: #4f8cf1;
}
.CartUpdating h3 {
  margin-bottom: 20px;
}
.CartUpdating h4 {
  max-width: 600px;
  margin: 0 auto;
  color: #bbb;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.TaxRate {
  margin: 10px 0;
  font-size: 15px;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/*** Additional Custom flexbox components ***/
.fb-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-width: 0;
}
.fb-line > * {
  min-width: 0;
}
.fb-line-left {
  text-align: left;
}
.fb-line-right {
  text-align: left;
}
/***
A grid based system based on the flexbox
https://github.com/kristoferjoseph/flexboxgrid/

To avoid conflict with our original grid system, all
CSS attributes are prefixed with .fb- (flexbox)
***/
.fb-container-fluid,
.fb-container {
  margin-right: auto;
  margin-left: auto;
}
.fb-container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}
.fb-row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.fb-row--flushed {
  margin-left: 0;
  margin-right: 0;
}
.fb-row--flushed > .fb-col {
  padding-left: 0;
  padding-right: 0;
}
.fb-row--nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.fb-row.reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.fb-col.reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.fb-col {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
.fb-col-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.fb-col-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.fb-col-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.fb-col-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.fb-col-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.fb-col-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.fb-col-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.fb-col-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.fb-col-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.fb-col-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.fb-col-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.fb-col-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.fb-col-p-5 {
  -ms-flex-preferred-size: 5%;
  flex-basis: 5%;
  max-width: 5%;
}
.fb-col-p-10 {
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
}
.fb-col-p-15 {
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  max-width: 15%;
}
.fb-col-p-20 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.fb-col-p-25 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.fb-col-p-30 {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%;
}
.fb-col-p-35 {
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
  max-width: 35%;
}
.fb-col-p-40 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%;
}
.fb-col-p-45 {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  max-width: 45%;
}
.fb-col-p-50 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.fb-col-p-55 {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  max-width: 55%;
}
.fb-col-p-60 {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  max-width: 60%;
}
.fb-col-p-65 {
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  max-width: 65%;
}
.fb-col-p-70 {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  max-width: 70%;
}
.fb-col-p-75 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.fb-col-p-80 {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 80%;
}
.fb-col-p-85 {
  -ms-flex-preferred-size: 85%;
  flex-basis: 85%;
  max-width: 85%;
}
.fb-col-p-90 {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
  max-width: 90%;
}
.fb-col-p-95 {
  -ms-flex-preferred-size: 95%;
  flex-basis: 95%;
  max-width: 95%;
}
.fb-col-offset-0 {
  margin-left: 0;
}
.fb-col-offset-1 {
  margin-left: 8.33333333%;
}
.fb-col-offset-2 {
  margin-left: 16.66666667%;
}
.fb-col-offset-3 {
  margin-left: 25%;
}
.fb-col-offset-4 {
  margin-left: 33.33333333%;
}
.fb-col-offset-5 {
  margin-left: 41.66666667%;
}
.fb-col-offset-6 {
  margin-left: 50%;
}
.fb-col-offset-7 {
  margin-left: 58.33333333%;
}
.fb-col-offset-8 {
  margin-left: 66.66666667%;
}
.fb-col-offset-9 {
  margin-left: 75%;
}
.fb-col-offset-10 {
  margin-left: 83.33333333%;
}
.fb-col-offset-11 {
  margin-left: 91.66666667%;
}
.fb-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.fb-center {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.fb-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.fb-top {
  -ms-flex-align: start;
  align-items: flex-start;
}
.fb-middle {
  -ms-flex-align: center;
  align-items: center;
}
.fb-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}
.fb-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.fb-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fb-first {
  -ms-flex-order: -1;
  order: -1;
}
.fb-last {
  -ms-flex-order: 1;
  order: 1;
}
.fb-show {
  display: block;
}
.fb-hide {
  display: none;
}
@media only screen and (max-width: 900px) {
  .responsive .fb-col-lg-0 {
    display: none;
  }
  .responsive .fb-col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .responsive .fb-col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .responsive .fb-col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .responsive .fb-col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .responsive .fb-col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .responsive .fb-col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .responsive .fb-col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .responsive .fb-col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .responsive .fb-col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .responsive .fb-col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .responsive .fb-col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .responsive .fb-col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .fb-col-lg-offset-0 {
    margin-left: 0;
  }
  .responsive .fb-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .fb-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .fb-col-lg-offset-3 {
    margin-left: 25%;
  }
  .responsive .fb-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .fb-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .fb-col-lg-offset-6 {
    margin-left: 50%;
  }
  .responsive .fb-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .fb-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .fb-col-lg-offset-9 {
    margin-left: 75%;
  }
  .responsive .fb-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .fb-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .fb-start-lg {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .responsive .fb-center-lg {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .responsive .fb-end-lg {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .responsive .fb-top-lg {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .responsive .fb-middle-lg {
    -ms-flex-align: center;
    align-items: center;
  }
  .responsive .fb-bottom-lg {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .responsive .fb-around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .responsive .fb-between-lg {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .responsive .fb-first-lg {
    -ms-flex-order: -1;
    order: -1;
  }
  .responsive .fb-last-lg {
    -ms-flex-order: 1;
    order: 1;
  }
  .responsive .fb-show-lg {
    display: block;
  }
  .responsive .fb-hide-lg {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .responsive .fb-col-md-0 {
    display: none;
  }
  .responsive .fb-col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .responsive .fb-col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .responsive .fb-col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .responsive .fb-col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .responsive .fb-col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .responsive .fb-col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .responsive .fb-col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .responsive .fb-col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .responsive .fb-col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .responsive .fb-col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .responsive .fb-col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .responsive .fb-col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .fb-col-md-offset-0 {
    margin-left: 0;
  }
  .responsive .fb-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .fb-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .fb-col-md-offset-3 {
    margin-left: 25%;
  }
  .responsive .fb-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .fb-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .fb-col-md-offset-6 {
    margin-left: 50%;
  }
  .responsive .fb-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .fb-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .fb-col-md-offset-9 {
    margin-left: 75%;
  }
  .responsive .fb-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .fb-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .fb-start-md {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .responsive .fb-center-md {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .responsive .fb-end-md {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .responsive .fb-top-md {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .responsive .fb-middle-md {
    -ms-flex-align: center;
    align-items: center;
  }
  .responsive .fb-bottom-md {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .responsive .fb-around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .responsive .fb-between-md {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .responsive .fb-first-md {
    -ms-flex-order: -1;
    order: -1;
  }
  .responsive .fb-last-md {
    -ms-flex-order: 1;
    order: 1;
  }
  .responsive .fb-show-md {
    display: block;
  }
  .responsive .fb-hide-md {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .responsive .fb-col-sm-0 {
    display: none;
  }
  .responsive .fb-col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .responsive .fb-col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .responsive .fb-col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .responsive .fb-col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .responsive .fb-col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .responsive .fb-col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .responsive .fb-col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .responsive .fb-col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .responsive .fb-col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .responsive .fb-col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .responsive .fb-col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .responsive .fb-col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .fb-col-sm-offset-0 {
    margin-left: 0;
  }
  .responsive .fb-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .fb-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .fb-col-sm-offset-3 {
    margin-left: 25%;
  }
  .responsive .fb-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .fb-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .fb-col-sm-offset-6 {
    margin-left: 50%;
  }
  .responsive .fb-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .fb-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .fb-col-sm-offset-9 {
    margin-left: 75%;
  }
  .responsive .fb-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .fb-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .fb-start-sm {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .responsive .fb-center-sm {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .responsive .fb-end-sm {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .responsive .fb-top-sm {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .responsive .fb-middle-sm {
    -ms-flex-align: center;
    align-items: center;
  }
  .responsive .fb-bottom-sm {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .responsive .fb-around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .responsive .fb-between-sm {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .responsive .fb-first-sm {
    -ms-flex-order: -1;
    order: -1;
  }
  .responsive .fb-last-sm {
    -ms-flex-order: 1;
    order: 1;
  }
  .responsive .fb-show-sm {
    display: block;
  }
  .responsive .fb-hide-sm {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .responsive .fb-col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .responsive .fb-col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .responsive .fb-col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .responsive .fb-col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .responsive .fb-col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .responsive .fb-col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .responsive .fb-col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .responsive .fb-col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .responsive .fb-col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .responsive .fb-col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .responsive .fb-col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .responsive .fb-col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .fb-col-xs-offset-0 {
    margin-left: 0;
  }
  .responsive .fb-col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .fb-col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .fb-col-xs-offset-3 {
    margin-left: 25%;
  }
  .responsive .fb-col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .fb-col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .fb-col-xs-offset-6 {
    margin-left: 50%;
  }
  .responsive .fb-col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .fb-col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .fb-col-xs-offset-9 {
    margin-left: 75%;
  }
  .responsive .fb-col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .fb-col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .fb-start-xs {
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .responsive .fb-center-xs {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .responsive .fb-end-xs {
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .responsive .fb-top-xs {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .responsive .fb-middle-xs {
    -ms-flex-align: center;
    align-items: center;
  }
  .responsive .fb-bottom-xs {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .responsive .fb-around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .responsive .fb-between-xs {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .responsive .fb-first-xs {
    -ms-flex-order: -1;
    order: -1;
  }
  .responsive .fb-last-xs {
    -ms-flex-order: 1;
    order: 1;
  }
  .responsive .fb-show-xs {
    display: block;
  }
  .responsive .fb-hide-xs {
    display: none;
  }
}
/*** Container formatting ***/
.rContainer__outer {
  padding: 0 10px;
}
.rContainer {
  margin: 40px auto;
  max-width: 1520px;
  width: 100%;
  position: relative;
}
.rContainer--box {
  border: 1px solid #dfdfdf;
  background-color: #fff;
}
.responsive .hidden {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .responsive .hidden-xl {
    display: none;
  }
  .responsive .show-xl {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  .responsive .hidden-lg {
    display: none;
  }
  .responsive .show-lg {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .responsive .hidden-md {
    display: none;
  }
  .responsive .show-md {
    display: block;
  }
  .responsive .show-md-inline {
    display: inline;
  }
}
@media only screen and (max-width: 600px) {
  .responsive .hidden-sm {
    display: none;
  }
  .responsive .show-sm {
    display: block;
  }
  .responsive .show-sm-inline {
    display: inline;
  }
}
@media only screen and (max-width: 400px) {
  .responsive .hidden-xs {
    display: none;
  }
  .responsive .show-xs {
    display: block;
  }
  .responsive .show-xs-inline {
    display: inline;
  }
}
/*** System error messaging styling ***/
.cSystem {
  padding: 40px;
  text-align: center;
}
.cSystem h1 {
  margin: 100px 20px 40px 20px;
  font-weight: bold;
}
.cSystem p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 17px;
}

.addVideo {
    background: #FFF;
    display: inline-block;
}

.addVideoPopover {
    margin-top: 10px;
    background: #FFF;
    position: absolute;
    height: 54px;
    width: 300px;
    border-radius: 2px;
    padding: 10px;
    box-shadow: 0px 4px 30px 0px rgba(220, 220, 220, 1);
    z-index: 1000;
}

.addVideoClosedPopover {
    display: none;
}

.addVideoButton {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    color: #888;
    margin: 0;
    border-radius: 1.5em;
    cursor: pointer;
    height: 1.5em;
    width: 2.5em;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0;
}

.addVideoButton:focus {
    outline: 0; /* reset for :focus */
}

.addVideoButton:hover {
    background: #f3f3f3;
}

.addVideoButton:active {
    background: #e6e6e6;
}

.addVideoPressedButton {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    color: #888;
    margin: 0;
    border-radius: 1.5em;
    cursor: pointer;
    height: 1.5em;
    width: 2.5em;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0;
    background: #ededed;
}

.addVideoBottomGradient {
    width: 100%;
    height: 1em;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.addVideoInput {
    box-sizing: border-box;
    border: 1px solid #ddd;
    cursor: text;
    padding: 4px;
    width: 78%;
    border-radius: 2px;
    margin-bottom: 1em;
    box-shadow: inset 0px 1px 8px -3px #ABABAB;
    background: #fefefe;
}

.addVideoConfirmButton {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    color: #888;
    margin: 0;
    border-radius: 2.1em;
    cursor: pointer;
    height: 2.1em;
    width: 18%;
    font-size: 1em;
    line-height: 2.1em;
    margin: 0;
    margin-left: 4%;
}

.addVideoConfirmButton:focus {
    outline: 0; /* reset for :focus */
}

.addVideoConfirmButton:hover {
    background: #f3f3f3;
}

.addVideoConfirmButton:active {
    background: #e6e6e6;
}

.iframeContainer {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.invalidVideoSrc {
  text-align: center;
  background-color: #eaeaea;
  padding: 1em;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  box-sizing: border-box;
  cursor: pointer;
}
.PresetDateRangePicker_button:active {
  outline: 0;
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}
.SingleDatePicker {
  position: relative;
  display: inline-block;
}
.SingleDatePicker__block {
  display: block;
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}
.SingleDatePicker_picker__rtl {
  direction: rtl;
}
.SingleDatePicker_picker__directionLeft {
  left: 0;
}
.SingleDatePicker_picker__directionRight {
  right: 0;
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}
.SingleDatePickerInput__withBorder {
  border: 1px solid #dbdbdb;
}
.SingleDatePickerInput__rtl {
  direction: rtl;
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}
.SingleDatePickerInput__block {
  display: block;
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.DateRangePicker {
  position: relative;
  display: inline-block;
}
.DateRangePicker__block {
  display: block;
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}
.DateRangePicker_picker__rtl {
  direction: rtl;
}
.DateRangePicker_picker__directionLeft {
  left: 0;
}
.DateRangePicker_picker__directionRight {
  right: 0;
}
.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}
.DayPicker__horizontal {
  background: #fff;
}
.DayPicker__verticalScrollable {
  height: 100%;
}
.DayPicker__hidden {
  visibility: hidden;
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}
.DayPicker_portal__vertical {
  position: initial;
}
.DayPicker_focusRegion {
  outline: 0;
}
.DayPicker_weekHeaders {
  position: relative;
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left;
}
.DayPicker_weekHeader__vertical {
  left: 50%;
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.DayPicker_transitionContainer__horizontal {
  transition: height 0.2s ease-in-out;
}
.DayPicker_transitionContainer__vertical {
  width: 100%;
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}
.DayPickerKeyboardShortcuts_show {
  width: 22px;
  position: absolute;
  z-index: 2;
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topRight {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__topRight:hover {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topLeft {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts_show__topLeft:hover {
  border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: -28px;
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: -28px;
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: -28px;
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}
.KeyboardShortcutRow {
  list-style: none;
  margin: 6px 0;
}
.KeyboardShortcutRow__block {
  margin-bottom: 16px;
}
.KeyboardShortcutRow_keyContainer {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px;
}
.KeyboardShortcutRow_keyContainer__block {
  text-align: left;
  display: inline;
}
.KeyboardShortcutRow_key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 2px 6px;
}
.KeyboardShortcutRow_action {
  display: inline;
  word-break: break-word;
  margin-left: 8px;
}
.DayPickerNavigation_container {
  position: relative;
  z-index: 2;
}
.DayPickerNavigation_container__vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
}
.DayPickerNavigation_container__verticalScrollable {
  position: relative;
}
.DayPickerNavigation_button {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}
.DayPickerNavigation_button__horizontal {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  position: absolute;
}
.DayPickerNavigation_leftButton__horizontal {
  left: 22px;
}
.DayPickerNavigation_rightButton__horizontal {
  right: 22px;
}
.DayPickerNavigation_button__vertical {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation_button__vertical__default {
  padding: 5px;
}
.DayPickerNavigation_nextButton__vertical__default {
  border-left: 0;
}
.DayPickerNavigation_nextButton__verticalScrollable {
  width: 100%;
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #565a5c;
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}
.CalendarMonthGrid__animating {
  z-index: 1;
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}
.CalendarMonthGrid__vertical {
  margin: 0 auto;
}
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}
.CalendarMonth_caption {
  color: #565a5c;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}
.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}
.CalendarDay:active {
  outline: 0;
}
.CalendarDay__defaultCursor {
  cursor: default;
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #565a5c;
  background: #fff;
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px double #e4e7e7;
  color: inherit;
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #565a5c;
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #565a5c;
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #565a5c;
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px solid #33dacd;
  color: #fff;
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px solid #33dacd;
  color: #fff;
}
.CalendarDay__last_in_range {
  border-right: #00a699;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px solid #00a699;
  color: #fff;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px solid #80e8e0;
  color: #007a87;
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px solid #80e8e0;
  color: #007a87;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}
.DateRangePickerInput__disabled {
  background: #f2f2f2;
}
.DateRangePickerInput__withBorder {
  border: 1px solid #cacccd;
}
.DateRangePickerInput__rtl {
  direction: rtl;
}
.DateRangePickerInput__block {
  display: block;
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #565a5c;
  height: 24px;
  width: 24px;
}
.DateRangePickerInput_arrow_svg__small {
  height: 19px;
  width: 19px;
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.DateRangePickerInput_clearDates__small {
  padding: 6px;
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}
.DateInput__small {
  width: 90px;
}
.DateInput__block {
  width: 100%;
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}
.DateInput_input {
  font-weight: 200;
  font-size: 18px;
  line-height: 24px;
  color: #565a5c;
  background-color: #fff;
  width: 100%;
  padding: 13px 12px 11px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
}
.DateInput_input__small {
  font-size: 14px;
  line-height: 18px;
  padding: 8px 8px 6px;
}
.DateInput_input__regular {
  font-weight: auto;
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}
.DateInput_fangShape {
  fill: #fff;
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}
.SingleDatePickerInput {
  border: none;
}
.DateInput {
  width: 75px;
}
.DateInput_input {
  font-weight: normal;
  font-size: 15px;
  padding: 5px 5px;
  border: none;
}
.DateInput_fang {
  top: 36px !important;
}
.SingleDatePicker_picker {
  top: 45px !important;
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  display: none;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #5969e2;
  border-color: #5969e2;
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex,
.jp-card.jp-card-amex.jp-card-identified .jp-card-front::after,
.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort,
.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover,
.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard,
.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
  opacity: 1;
}
.jp-card.jp-card-safari.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-safari.jp-card-identified .jp-card-front::before {
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}
.jp-card.jp-card-ie-10.jp-card-flipped,
.jp-card.jp-card-ie-11.jp-card-flipped {
  transform: 0deg;
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
  transform: rotateY(0);
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back::after,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back::after {
  left: 18%;
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
  transform: rotateY(180deg);
  left: 5%;
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
  left: 84%;
}
.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny::after,
.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny::after {
  left: -480%;
  transform: rotateY(180deg);
}
.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
  display: none;
}
.jp-card-logo {
  height: 36px;
  width: 60px;
  font-style: italic;
}
.jp-card-logo,
.jp-card-logo::after,
.jp-card-logo::before {
  box-sizing: border-box;
}
.jp-card-logo.jp-card-amex {
  text-transform: uppercase;
  font-size: 4px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #eee;
}
.jp-card-logo.jp-card-amex::after,
.jp-card-logo.jp-card-amex::before {
  width: 28px;
  display: block;
  position: absolute;
  left: 16px;
}
.jp-card-logo.jp-card-amex::before {
  height: 28px;
  content: "american";
  top: 3px;
  text-align: left;
  padding-left: 2px;
  padding-top: 11px;
  background: #267ac3;
}
.jp-card-logo.jp-card-amex::after {
  content: "express";
  bottom: 11px;
  text-align: right;
  padding-right: 2px;
}
.jp-card-logo.jp-card-discover,
.jp-card-logo.jp-card-visa {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.jp-card.jp-card-amex.jp-card-flipped {
  transform: none;
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-amex.jp-card-identified .jp-card-front::before {
  background-color: #108168;
}
.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
  visibility: visible;
}
.jp-card-logo.jp-card-discover {
  background: #f60;
  color: #111;
  font-style: normal;
  font-size: 10px;
  overflow: hidden;
  z-index: 1;
  padding-top: 9px;
  letter-spacing: 0.03em;
  border: 1px solid #eee;
}
.jp-card-logo.jp-card-discover::after,
.jp-card-logo.jp-card-discover::before {
  content: " ";
  display: block;
  position: absolute;
}
.jp-card-logo.jp-card-discover::before {
  background: #fff;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  bottom: -5%;
  right: -80%;
  z-index: -1;
}
.jp-card-logo.jp-card-discover::after {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 10px;
  left: 27px;
  background-color: #fff;
  background-image: radial-gradient(#fff, #f60);
  content: "network";
  font-size: 4px;
  line-height: 24px;
  text-indent: -7px;
}
.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
  right: 12%;
  top: 18%;
}
.jp-card.jp-card-discover.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-discover.jp-card-identified .jp-card-front::before {
  background-color: #86b8cf;
}
.jp-card.jp-card-discover.jp-card-identified .jp-card-front::after {
  transition: 0.4s;
  content: " ";
  display: block;
  background-color: #f60;
  background-image: linear-gradient(#f60, #ffa366, #f60);
  height: 50px;
  width: 50px;
  border-radius: 25px;
  position: absolute;
  left: 100%;
  top: 15%;
  margin-left: -25px;
  box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}
.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro,
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard {
  box-shadow: none;
}
.jp-card-logo.jp-card-visa {
  background: #fff;
  color: #1a1876;
  font-size: 15px;
  line-height: 18px;
}
.jp-card-logo.jp-card-maestro,
.jp-card-logo.jp-card-mastercard {
  font-weight: 700;
  text-align: center;
  line-height: 36px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  color: #fff;
}
.jp-card-logo.jp-card-visa::after,
.jp-card-logo.jp-card-visa::before {
  content: " ";
  display: block;
  width: 100%;
  height: 25%;
}
.jp-card-logo.jp-card-visa::before {
  background: #1a1876;
}
.jp-card-logo.jp-card-visa::after {
  background: #e79800;
}
.jp-card.jp-card-visa.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-visa.jp-card-identified .jp-card-front::before {
  background-color: #191278;
}
.jp-card-logo.jp-card-mastercard {
  font-size: 9px;
  z-index: 1;
}
.jp-card-logo.jp-card-mastercard::after,
.jp-card-logo.jp-card-mastercard::before {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}
.jp-card-logo.jp-card-mastercard::before {
  left: 0;
  background: red;
  z-index: -1;
}
.jp-card-logo.jp-card-mastercard::after {
  right: 0;
  background: #ffab00;
  z-index: -2;
}
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front::before {
  background-color: #0061a8;
}
.jp-card-logo.jp-card-dankort {
  width: 60px;
  height: 36px;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid #000;
  background-color: #fff;
}
.jp-card-logo.jp-card-dankort .dk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.jp-card-logo.jp-card-dankort .dk::before {
  background-color: #ed1c24;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}
.jp-card-logo.jp-card-dankort .dk::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7.7px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 10px 0;
  border-color: transparent #ed1c24 transparent transparent;
  z-index: 1;
}
.jp-card-logo.jp-card-dankort .d,
.jp-card-logo.jp-card-dankort .k {
  position: absolute;
  top: 50%;
  width: 50%;
  display: block;
  height: 15.4px;
  margin-top: -7.7px;
  background: #fff;
}
.jp-card-logo.jp-card-dankort .d {
  left: 0;
  border-radius: 0 8px 10px 0;
}
.jp-card-logo.jp-card-dankort .d::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #ed1c24;
  border-radius: 2px 4px 6px 0;
  height: 5px;
  width: 7px;
  margin: -3px 0 0 -4px;
}
.jp-card-logo.jp-card-dankort .k {
  right: 0;
}
.jp-card-logo.jp-card-dankort .k::after,
.jp-card-logo.jp-card-dankort .k::before {
  content: '';
  position: absolute;
  right: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  margin-right: -1px;
}
.jp-card-logo.jp-card-dankort .k::before {
  top: 0;
  border-width: 8px 5px 0 0;
  border-color: #ed1c24 transparent transparent;
}
.jp-card-logo.jp-card-dankort .k::after {
  bottom: 0;
  border-width: 0 5px 8px 0;
  border-color: transparent transparent #ed1c24;
}
.jp-card.jp-card-dankort.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-dankort.jp-card-identified .jp-card-front::before {
  background-color: #0055c7;
}
.jp-card-logo.jp-card-maestro {
  font-size: 14px;
  z-index: 1;
}
.jp-card-logo.jp-card-maestro::after,
.jp-card-logo.jp-card-maestro::before {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}
.jp-card-logo.jp-card-maestro::before {
  left: 0;
  background: #0064cb;
  z-index: -1;
}
.jp-card-logo.jp-card-maestro::after {
  right: 0;
  background: #c00;
  z-index: -2;
}
.jp-card.jp-card-maestro.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-maestro.jp-card-identified .jp-card-front::before {
  background-color: #0b2c5f;
}
.jp-card-container {
  perspective: 1000px;
  width: 350px;
  max-width: 100%;
  height: 200px;
  margin: auto;
  z-index: 1;
  position: relative;
}
.jp-card {
  font-family: "Helvetica Neue";
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 315px;
  border-radius: 10px;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
}
.jp-card > *,
.jp-card > ::after,
.jp-card > ::before {
  box-sizing: border-box;
  font-family: inherit;
}
.jp-card.jp-card-flipped {
  transform: rotateY(180deg);
}
.jp-card .jp-card-back,
.jp-card .jp-card-front {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: all 0.4s linear;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #ddd;
}
.jp-card .jp-card-back::before,
.jp-card .jp-card-front::before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.jp-card .jp-card-back::after,
.jp-card .jp-card-front::after {
  content: " ";
  display: block;
}
.jp-card .jp-card-back .jp-card-display,
.jp-card .jp-card-front .jp-card-display {
  color: #fff;
  font-weight: 400;
  opacity: 0.5;
  transition: opacity 0.4s linear;
}
.jp-card .jp-card-back .jp-card-display.jp-card-focused,
.jp-card .jp-card-front .jp-card-display.jp-card-focused {
  opacity: 1;
  font-weight: 500;
}
.jp-card .jp-card-back .jp-card-cvc,
.jp-card .jp-card-front .jp-card-cvc {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 14px;
}
.jp-card .jp-card-back .jp-card-shiny,
.jp-card .jp-card-front .jp-card-shiny {
  width: 50px;
  height: 35px;
  border-radius: 5px;
  background: #ccc;
  position: relative;
}
.jp-card .jp-card-back .jp-card-shiny::before,
.jp-card .jp-card-front .jp-card-shiny::before {
  content: " ";
  display: block;
  width: 70%;
  height: 60%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #d9d9d9;
  position: absolute;
  top: 20%;
}
.jp-card .jp-card-front .jp-card-logo {
  position: absolute;
  opacity: 0;
  right: 5%;
  top: 8%;
  transition: 0.4s;
}
.jp-card .jp-card-front .jp-card-lower {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .jp-card .jp-card-front .jp-card-lower {
    width: 90%;
    left: 5%;
  }
}
.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
  visibility: hidden;
  float: right;
  position: relative;
  bottom: 5px;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-number {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 24px;
  clear: both;
  margin-bottom: 30px;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  letter-spacing: 0;
  position: relative;
  float: right;
  width: 25%;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry::after,
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry::before {
  font-family: "Helvetica Neue";
  font-weight: 700;
  font-size: 7px;
  white-space: pre;
  display: block;
  opacity: 0.5;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry::before {
  content: attr(data-before);
  margin-bottom: 2px;
  font-size: 7px;
  text-transform: uppercase;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry::after {
  position: absolute;
  content: attr(data-after);
  text-align: right;
  right: 100%;
  margin-right: 5px;
  margin-top: 2px;
  bottom: 0;
}
.jp-card .jp-card-front .jp-card-lower .jp-card-name {
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 20px;
  max-height: 45px;
  position: absolute;
  bottom: 0;
  width: 190px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jp-card .jp-card-back {
  transform: rotateY(180deg);
}
.jp-card .jp-card-back .jp-card-bar {
  background-color: #444;
  background-image: linear-gradient(#444, #333);
  width: 100%;
  height: 20%;
  position: absolute;
  top: 10%;
}
.jp-card .jp-card-back::after {
  content: " ";
  display: block;
  background-color: #fff;
  background-image: linear-gradient(#fff, #fff);
  width: 80%;
  height: 16%;
  position: absolute;
  top: 40%;
  left: 2%;
}
.jp-card .jp-card-back .jp-card-cvc {
  position: absolute;
  top: 40%;
  left: 85%;
  transition-delay: 0.6s;
}
.jp-card .jp-card-back .jp-card-shiny {
  position: absolute;
  top: 66%;
  left: 2%;
}
.jp-card .jp-card-back .jp-card-shiny::after {
  content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.\AIt comes with no warranty.\A For support issues, please visit: github.com/jessepollak/card.";
  position: absolute;
  left: 120%;
  top: 5%;
  color: #fff;
  font-size: 7px;
  width: 230px;
  opacity: 0.5;
}
.jp-card.jp-card-identified {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.jp-card.jp-card-identified .jp-card-back,
.jp-card.jp-card-identified .jp-card-front {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.jp-card.jp-card-identified .jp-card-back::before,
.jp-card.jp-card-identified .jp-card-front::before {
  transition: all 0.4s ease;
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  opacity: 1;
}
.jp-card.jp-card-identified .jp-card-back .jp-card-logo,
.jp-card.jp-card-identified .jp-card-front .jp-card-logo {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}
.jp-card.jp-card-identified.no-radial-gradient .jp-card-back::before,
.jp-card.jp-card-identified.no-radial-gradient .jp-card-front::before {
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}
/*
 * react-circular-progressbar styles
 *
 * All of the styles in this file are optional and configurable!
 */
.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   *
   * If you're not using "display: flex", you can remove this style.
   */
  width: 100%;
}
.CircularProgressbar.red .CircularProgressbar-path {
  stroke: #eb5252;
}
.CircularProgressbar.orange .CircularProgressbar-path {
  stroke: #e5c380;
}
.CircularProgressbar .CircularProgressbar-path {
  stroke: #61f696;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}
.CircularProgressbar .CircularProgressbar-trail {
  stroke: rgba(0, 0, 0, 0.1);
}
.CircularProgressbar .CircularProgressbar-text {
  fill: #525f7f;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}
/*** The associated hijack styling for our hijack plugin ***/
.hijacked-warning {
  background-size: 50px 50px;
  background-color: #ffe761;
  color: #000;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
}
.hijacked-warning form {
  display: inline-block;
}
.hijacked-warning-default {
  z-index: 1000000;
  font-weight: 600;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 5px 7px;
  border-bottom: 2px solid #ae9e49;
  font-size: 12px;
  font-family: sans-serif;
}
.hijacked-warning-boostrap {
  margin-bottom: 0;
}
.django-hijack-button-default {
  box-shadow: inset 0 1px 0 0 #fff;
  background: linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}
.django-hijack-button-default:hover {
  background: linear-gradient(to bottom, #f6f6f6 5%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
  background-color: #f6f6f6;
}
.django-hijack-button-default:active {
  position: relative;
  top: 1px;
}
.hijacked-warning-controls-pull-right {
  float: right;
}
.react-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.react-toggle--disabled {
  opacity: 0.5;
  transition: opacity 0.25s;
}
.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #a2acb5;
  transition: all 0.2s ease;
}
.react-toggle:hover .react-toggle-track {
  background-color: #666;
}
.react-toggle--checked .react-toggle-track {
  background-color: #4f8cf1;
}
.react-toggle.react-toggle--checked:hover .react-toggle-track {
  background-color: #54be5e;
}
.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  transition: opacity 0.25s ease;
}
.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}
.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #9d9d9d;
  border-radius: 50%;
  background-color: #fafafa;
  box-sizing: border-box;
  transition: all 0.25s ease;
}
.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #69d773;
}
.rToggleSmall {
  line-height: 1;
}
.rToggleSmall .react-toggle-track {
  width: 37px;
  height: 18px;
  border-radius: 15px;
}
.rToggleSmall .react-toggle-track-check {
  top: -1px;
  left: 4px;
}
.rToggleSmall .react-toggle-track-x {
  right: 5px;
}
.rToggleSmall .react-toggle-thumb {
  width: 16px;
  height: 16px;
}
.rToggleSmall .react-toggle--checked .react-toggle-thumb {
  left: 19px;
}
.rc-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 4;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #555a5f;
  text-align: center;
  text-decoration: none;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0 4px #b8c4ce;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: white;
}
.rc-tooltip {
  z-index: 2000;
}
.rc-tooltip-inner {
  padding: 10px;
  max-width: 200px;
  min-height: 24px;
  height: auto;
  background: white;
  border-radius: 5px;
  line-height: 1.3;
  font-size: 13px;
}
.rc-tooltip.thin .rc-tooltip-inner {
  width: 100px;
  max-width: 100px;
}
.rc-tooltip.medium .rc-tooltip-inner {
  width: 200px;
  max-width: 200px;
}
.rc-tooltip.wide .rc-tooltip-inner {
  width: 300px;
  max-width: 300px;
}
.rc-tooltip.extra-wide .rc-tooltip-inner {
  width: 400px;
  max-width: 400px;
}
.rc-tooltip.left .rc-tooltip-inner {
  text-align: left;
}
.rc-tooltip .rc-tooltip-arrow {
  left: 50%;
  margin-left: -4px;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: -4px;
  border-top-color: white;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  top: -6px;
  border-bottom-color: white;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  margin-left: 0;
  margin-top: -4px;
  left: 100%;
  right: auto;
  top: 50%;
  border-left-color: white;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  margin-right: 0;
  margin-top: -4px;
  left: auto;
  right: 100%;
  top: 50%;
  border-right-color: white;
}
/* This lets us keep the styles for old tables found on the corporate site
** without affecting the barnyard table that also uses react-table
*/
.ReactTable.legacy-Table {
  font-size: 15px;
}
.ReactTable.legacy-Table .rt-thead.-header {
  box-shadow: none;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 4px;
  padding-bottom: 4px;
}
.ReactTable.legacy-Table .rt-thead .rt-tr {
  text-align: left;
}
.ReactTable.legacy-Table .rt-thead.-filters input,
.ReactTable.legacy-Table .ReactTable .rt-thead.-filters select {
  outline: none;
}
.ReactTable.legacy-Table .rt-thead .rt-th,
.ReactTable.legacy-Table .ReactTable .rt-thead .rt-td {
  outline: none;
}
.ReactTable.legacy-Table .-pagination input,
.ReactTable.legacy-Table .ReactTable .-pagination select {
  outline: none;
}
.ReactTable.legacy-Table .-pagination .-btn {
  outline: none;
}
.ReactTable.legacy-Table .rt-thead {
  font-weight: bold;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #d0021b;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #ccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
/*** Custom Vetcove Overrides ***/
.Select-option:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.Select-menu-outer {
  max-height: 300px;
}
.Select-menu {
  max-height: 298px;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/*** Slide out menu for showing filters and options
across the various pages of the site ***/
.cBurgerMenu {
  position: fixed;
  z-index: 101;
  max-width: 100%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.cBurgerMenu > div {
  position: absolute;
  top: 0;
  width: 250px;
  max-width: 100%;
  right: 0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
}
.cBurgerMenu__header {
  margin: 10px 0 0 0;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 10px 10px 10px;
}
.cBurgerMenu__header h1 {
  font-size: 20px;
  padding-right: 25px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cBurgerMenu__exit {
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 20px;
}
/*** Our image to show before our content loads ***/
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.cPreitem {
  overflow: hidden;
  width: 100%;
}
.cPreitem .cPreImage,
.cPreitem .cPreContent,
.cPreitem .cPreSupplies,
.cPreitem .cPreBar,
.cPreitem .cPreRefine {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #f6f6f6 8%, #f1f1f1 18%, #f6f6f6 33%);
  background-size: 900px 160px;
  height: 208px;
}
.cPreitem .cPreImage {
  height: 200px;
  width: 200px;
  padding: 15px;
}
.cPreitem .cPreBar {
  height: 30px;
  width: 100%;
  margin-top: 6px;
}
.cPreitem .cPreSupplies {
  width: 340px;
  height: 269px;
}
.cPreitem .cPreSupplies__supply {
  height: 8px;
  padding-top: 34px;
  border-bottom: 4px solid #fff;
}
@media (max-width: 768px) {
  .cPreitem .cPreSupplies {
    display: none;
  }
}
.cPreitem .cPreMain {
  padding: 23px;
  padding-bottom: 18px;
}
.cPreitem .cPreContent {
  position: relative;
}
.cPreitem .cPreContent__bar-1 {
  width: 100%;
  padding-top: 40px;
  border-bottom: 12px solid #fff;
}
.cPreitem .cPreContent__bar-2 {
  width: 100%;
  padding-top: 20px;
  border-bottom: 18px solid #fff;
}
.cPreitem .cPreContent__bar-3 {
  width: 100%;
  padding-top: 30px;
  border-top: 6px solid #fff;
  border-bottom: 8px solid #fff;
}
.cPreitem .cPreContent__bar-4 {
  width: 100%;
  border-bottom: 0 solid #fff;
}
.cPreitem .cPreContent__fixed-1 {
  position: absolute;
  background-color: #fff;
  right: 0;
}
.cPreitem .cPreContent__fixed-1:nth-child(1) {
  top: 0;
  width: 12%;
  height: 40px;
}
.cPreitem .cPreContent__fixed-1:nth-child(2) {
  top: 50px;
  width: 24%;
  height: 24px;
}
.cPreitem .cPreContent__fixed-1:nth-child(3) {
  top: 80px;
  width: 48%;
  height: 18px;
}
.cPreitem .cPreContent__fixed-1:nth-child(4) {
  top: 94px;
  width: 4%;
  height: 36px;
}
.cPreitem .cPreContent__fixed-1:nth-child(5) {
  top: 134px;
  width: 84%;
  height: 30px;
}
.cPreitem .cPreContent__fixed-1:nth-child(6) {
  top: 148px;
  width: 75%;
  height: 56px;
}
.cPreitem .cPreRefine {
  height: 34px;
  width: 100%;
  position: relative;
}
.cPreitem .cPreRefine__block {
  position: absolute;
  height: 50px;
  width: 40%;
  left: 40%;
  top: 0;
  background-color: #fff;
}
/* Dropdown Component */
.rDropdown {
  position: relative;
  display: inline-block;
}
.rDropdown__div {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  display: none;
  border: 1px solid #dadada;
  border-radius: 3px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}
.rDropdown__div--right {
  right: auto;
  left: 0;
}
.rDropdown__div--center {
  right: none;
  left: -250px;
  margin-left: 50%;
  width: 500px;
}
.rDropdown__div--caret::before,
.rDropdown__div--caret::after {
  position: absolute;
  transition: border-color 0.2s;
  bottom: 100%;
  left: 10px;
  content: ' ';
  z-index: 3;
  display: inline-block;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.rDropdown__div--caret::before {
  border-bottom-color: #fff;
}
.rDropdown__div--caret::after {
  z-index: 2;
  margin-bottom: 1px;
  border-bottom-color: #dadada;
}
.rDropdown__div--caret.rDropdown__div--center::before,
.rDropdown__div--caret.rDropdown__div--center::after {
  left: 50%;
  margin-left: -10px;
}
.rDropdown__div--caret.rDropdown__div--left::before,
.rDropdown__div--caret.rDropdown__div--left::after {
  left: auto;
  right: 10px;
}
.rDropdown.active {
  z-index: 51;
}
.rDropdown.active .rDropdown__button {
  border: 1px solid #5cb8e6;
  color: #5cb8e6;
  background: #fafafa;
}
.rDropdown.active .rDropdown__div {
  display: block;
  background: #fff;
}
.rDropdown__button.selected {
  background: #fcf9f2;
  border: 1px solid #d49b2b;
  color: #d49b2b;
}
/**** Dropdown animation ***/
@keyframes overlay {
  0% {
    transform: translate(0, 20px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
.dropdown-animation-enter {
  animation: overlay 0.15s;
}
/*** Checkboxes ***/
.cCheckbox {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 13px;
  background: #fff;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  margin-right: 10px;
  transition: background 0.2s, box-shadow 0.2s;
  color: #fff;
}
.cCheckbox .fa-check {
  opacity: 0;
  transition: opacity 0.2s, color 0.2s;
}
.cCheckbox:not(.active):hover {
  box-shadow: 0 0 8px #ddd inset;
}
.cCheckbox.active:hover {
  background: #2973ee;
}
.cCheckbox--circle {
  border-radius: 10px;
}
.cCheckbox.active {
  background: #4f8cf1;
  border: 1px solid transparent;
}
.cCheckbox.active .fa-check {
  opacity: 1;
}
.cCheckbox.disabled {
  opacity: 0.3;
}
.cCheckbox.disabled:hover {
  cursor: not-allowed;
}
/*** Quantity Input ***/
.rQuantityInput {
  position: relative;
  height: 40px;
}
.rQuantityInput.cart .Form__control {
  height: 30px;
  width: 60px;
  vertical-align: top;
}
.rQuantityInput.search .Form__control {
  height: 40px;
  font-size: 17px;
  line-height: 26px;
}
.rQuantityInput__update {
  position: absolute;
  z-index: 1;
  left: 100%;
  top: 0;
  height: 30px;
  border-radius: 0;
  outline: none;
  font-weight: bold;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #4f8cf1;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
  border: 1px solid #33bcd7;
  border-left: none;
  transition: background 0.2s;
  margin-left: -2px;
}
.rQuantityInput__update:hover {
  background: #377def;
  cursor: pointer;
}
/* Lightbox Component */
.cLightbox {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
}
.cLightbox__exit {
  font-size: 80px;
  position: absolute;
  z-index: 1000;
  left: 20px;
  font-weight: 100;
  top: 0;
  line-height: 1;
  color: #888;
  transition: color 0.2s;
}
.cLightbox__exit:hover {
  color: #eb5252;
  cursor: pointer;
}
.cLightbox__display {
  padding: 20px;
  margin-top: 20px;
  max-width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.cLightbox__display:hover {
  cursor: pointer;
}
.cLightbox__display img {
  max-width: 100%;
}
.cLightbox__arrow {
  position: absolute;
  display: block;
  top: 50%;
  font-size: 60px;
  font-weight: 100;
  line-height: 1;
  margin-top: -50px;
  padding: 0 20px;
  color: #aaa;
  transition: color 0.2s;
}
.cLightbox__arrow:hover {
  color: #5cb8e6;
  cursor: pointer;
}
.cLightbox__arrow--next {
  right: 0;
}
/*** Slider formatting ***/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: -ms-flexbox;
  display: flex;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
/*** Slider dots formatting ***/
.slick-dots {
  position: absolute;
  bottom: -15px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
  color: #8a939b;
}
.slick-dots li button::before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f111";
  text-align: center;
  opacity: 0.25;
  color: #aaa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #8eb5f6;
  -webkit-text-stroke: 2px #4f8cf1;
}
/*** Gradient Loader ***/
@keyframes loader-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.cLoader {
  animation: loader-rotate 1.25s linear infinite;
  background: #5cb8e6;
  background: linear-gradient(#5cb8e6, #5cb8e6, #5969e2);
  border-radius: 50%;
  height: 100px;
  width: 100px;
  position: relative;
  display: inline-block;
}
.cLoader--small {
  height: 25px;
  width: 25px;
}
.cLoader--medium {
  height: 50px;
  width: 50px;
}
.cLoader::before,
.cLoader::after {
  content: '';
  position: absolute;
}
.cLoader::before {
  border-radius: 50%;
  background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.cLoader::after {
  background: #fff;
  border-radius: 50%;
  top: 3%;
  bottom: 3%;
  left: 3%;
  right: 3%;
}
.cTextLoader {
  position: relative;
  margin: 0 auto;
  width: 300px;
  margin-top: 100px;
  text-align: center;
  overflow: hidden;
  height: 150px;
  font-size: 20px;
  color: #4c556b;
}
.cTextLoader::after {
  background: linear-gradient(to bottom, #f7f9fa 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, #f7f9fa 100%);
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cTextLoader__inner {
  margin-top: -50px;
  line-height: 50px;
}
.cTextLoader__inner > div {
  height: 50px;
}
.cTextLoader__inner.animate {
  transform: translateY(-50px);
  transition: transform 0.5s;
}
.cNotification {
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #57c559;
  color: #fff;
  padding: 15px 20px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.cNotification.error {
  background: #eb5252;
}
.cNotification.info {
  background: #5cb8e6;
}
/*** Our react transitions for the notification ***/
.cNotification-enter {
  opacity: 0.01;
}
.cNotification-enter.cNotification-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in;
}
.cNotification-exit {
  opacity: 1;
}
.cNotification-exit.cNotification-exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}
/*** Overlays ***/
.cOverlay__outer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(85, 90, 95, 0.6);
  z-index: 1001;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.cOverlay {
  position: relative;
  max-height: 100%;
  max-width: 1520px;
  overflow-y: auto;
  background: #f7fafc;
  border-radius: 3px;
}
.cOverlay__addressError__override:hover {
  cursor: pointer;
}
.cOverlay__content {
  max-width: 800px;
}
.cOverlay__buttons {
  margin-top: 24px;
  margin-bottom: 12px;
  text-align: center;
  max-width: 800px;
}
.cOverlay__buttons > * {
  margin-left: 12px;
  margin-right: 12px;
}
.cOverlay__addressMessages {
  text-align: center;
}
.cOverlay__body--white {
  background: #fff;
}
.cOverlay__exit {
  position: absolute;
  z-index: 130;
  top: 12px;
  right: 12px;
  font-size: 18px;
  color: #999;
  transition: color 0.2s;
}
.cOverlay__exit:hover {
  cursor: pointer;
  color: #eb5252;
}
.cOverlay__caret {
  display: none;
  position: absolute;
  z-index: 130;
  top: 12px;
  left: 10px;
  font-size: 22px;
  color: #999;
  transition: color 0.2s;
}
.cOverlay__caret:hover {
  cursor: pointer;
  color: #eb5252;
}
.cOverlay__header {
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px 40px;
  z-index: 120;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.cOverlay__footer {
  padding: 10px;
  width: 100%;
  border-top: 1px solid #dfdfdf;
  background: #fff;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
/**** Responsive Adjustments ***/
@media (max-width: 768px) {
  .responsive .cOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    max-width: auto;
  }
  .responsive .cOverlay__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .responsive .cOverlay__body {
    position: fixed;
    top: 55px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: auto;
  }
  .responsive .cOverlay__outer--footer .cOverlay__body {
    bottom: 55px;
  }
  .responsive .cOverlay__caret {
    display: block;
    position: fixed;
  }
  .responsive .cOverlay__exit {
    display: none;
  }
  .responsive .cOverlay__footer {
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
  }
}
.rich-text-editor {
  border: 2px solid #dfdfdf;
  border-radius: 10px;
  position: relative;
  background: #fff;
  font-size: 18px;
}
.rich-text-editor .DraftEditor-root {
  border-radius: 10px;
}
.rich-text-editor .DraftEditor-editorContainer {
  min-height: 80px;
}
.rich-text-editor .public-DraftEditorPlaceholder-root {
  right: 0;
  height: 0;
}
.rich-text-editor .public-DraftEditor-content {
  min-height: 80px;
  position: relative;
  z-index: 1;
  padding: 10px;
}
.rich-text-editor .public-DraftEditorPlaceholder-inner {
  font-size: 20px;
  padding: 10px;
  color: #aaa;
}
.rich-text-editor figure {
  margin: 0;
  max-height: 350px;
  max-width: 600px;
}
.rich-text-editor figure img,
.rich-text-editor figure video,
.rich-text-editor figure iframe {
  border: 3px solid #efefef;
}
.rich-text-editor-controls {
  position: relative;
  background: #eff2f4;
  border-top: 2px solid #dfdfdf;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 50px;
}
.rich-text-editor-controls > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rich-text-editor-controls > a {
  line-height: 50px;
  padding: 0 10px;
  margin-right: 20px;
  font-size: 15px;
}
.rich-text-editor-controls > a:hover {
  cursor: pointer;
}
.rich-text-editor-buttons {
  padding: 8px 0 0 10px;
  display: -ms-flexbox;
  display: flex;
}
.rich-text-editor-submit {
  color: #fff;
  background: #4f8cf1;
  border-bottom-right-radius: 9px;
  padding: 5px 20px;
  border-left: 2px solid #dfdfdf;
  letter-spacing: 0.25px;
  line-height: 35px;
  transition: background 0.2s;
}
.rich-text-editor-submit:hover {
  background: #30a5df;
  cursor: pointer;
}
.rich-text-editor-button {
  vertical-align: top;
  border: 2px solid #dfdfdf;
  background: #fff;
  display: inline-block;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 20px;
  margin-right: 10px;
  transition: background 0.2s, box-shadow 0.2s;
  outline: none;
}
.rich-text-editor-button:hover {
  background: #fafafa;
  cursor: pointer;
}
.rich-text-editor-button.active {
  background: #5cb8e6;
  color: #fff;
}
.rich-text-editor-button-container {
  position: relative;
}
.rich-text-editor-button-dropdown {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
}
.rich-text-editor-giphy {
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 20px;
  min-width: 400px;
}
.rich-text-editor-giphy h4 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
}
.rich-text-editor-giphy-search {
  display: -ms-flexbox;
  display: flex;
}
.rich-text-editor-giphy-search button {
  margin-left: 10px;
}
/*** Giphy Formatting ***/
.rich-text-editor-giphy-image {
  max-width: 350px;
  margin-top: 20px;
}
.rich-text-editor-giphy-image img {
  max-width: 100%;
  border: 3px solid #efefef;
}
.rich-text-editor-giphy-error {
  padding: 40px;
  text-align: center;
  color: #777;
}
.rte-image {
  width: initial;
  height: initial;
  max-width: 100%;
  max-height: 300px;
  border-radius: 4px;
}
label.filebutton {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
label.filebutton::after {
  vertical-align: top;
  border: 2px solid #dfdfdf;
  background: #fff;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 20px;
  margin-right: 10px;
  transition: background 0.2s, box-shadow 0.2s;
  outline: none;
  position: relative;
  content: "\F0B9";
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  vertical-align: -14.28571429%;
  padding-top: 5px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
label.filebutton::after:hover {
  background: #fafafa;
  cursor: pointer;
}
label.filebutton::after.active {
  background: #5cb8e6;
  color: #fff;
}
label.filebutton input {
  z-index: 999;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.rich-text-editor--read {
  border: none;
  background: none;
}
.rich-text-editor--read .DraftEditor-editorContainer {
  padding: 0;
  min-height: auto;
}
.rich-text-editor--read .public-DraftEditor-content {
  min-height: auto;
  padding: 0;
}
.rich-text-editor-error {
  position: absolute;
  z-index: 3;
  text-align: center;
  bottom: 100%;
  left: 0;
  width: 100%;
}
.rich-text-editor-error > div {
  background: #eb5252;
  border: 2px solid #dfdfdf;
  display: inline-block;
  padding: 2px 10px;
  font-size: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  font-weight: 600;
}
.rich-text-editor-loading {
  position: absolute;
  z-index: 10;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.add-emoji {
  font-size: 14px;
}
.add-emoji [class*='draftJsEmojiPlugin__emojiSelectButton'] {
  position: relative;
  vertical-align: inline;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
  color: #424770;
}
.add-emoji [class*='draftJsEmojiPlugin__emojiSelectButtonPressed'] {
  background: #5ecadf;
  color: #fff;
}
.add-emoji [class*='draftJsEmojiPlugin__emojiSelectButtonPressed']:hover {
  background: #5ecadf;
  color: #fff;
}
.add-emoji .add-emoji > div > div {
  margin-top: 0;
}
.add-video-form {
  display: -ms-flexbox;
  display: flex;
}
.add-video-popover {
  z-index: 2;
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 10px;
  border: 1px solid #dfdfdf;
}
.add-video-popover .Form__control {
  min-width: 250px;
}
.add-video-popover-closed {
  display: none;
}
@media (max-width: 768px) {
  .responsive .rich-text-editor-button {
    margin-right: 4px;
  }
  .responsive label.filebutton {
    margin-right: 4px;
  }
  .responsive .add-emoji [class*='draftJsEmojiPlugin__emojiSelectButton'] {
    margin-right: 4px;
  }
}
@media (max-width: 600px) {
  .responsive .rich-text-editor-submit {
    padding-right: 7px;
    padding-left: 7px;
  }
}
.cSearchBar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 220px;
}
.cSearchBar .Form__group {
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.cSearchBar .Form__control {
  position: relative;
  border-radius: 4px 0 0 4px;
}
.cSearchBar .Button {
  border-radius: 0 4px 4px 0;
  border-left: none;
  height: 34px;
}
.cSearchBar__clear {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  color: #888;
}
.cSearchBar__clear:hover {
  cursor: pointer;
  color: #eb5252;
}
/*** A horizontal tab bar ***/
.cHorizontalTabs {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.cHorizontalTab {
  font-size: 17px;
  color: #8a939b;
  border-bottom: 2px solid transparent;
  margin-right: 30px;
  transition: color 0.2s, border-color 0.2s;
}
.cHorizontalTab:not(.active):hover {
  color: #555a5f;
  cursor: pointer;
}
.cHorizontalTab.active {
  color: #555a5f;
  border-color: #4f8cf1;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/* ==================================== *\
  Global Resets!
\* ==================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* stylelint-disable */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.color-neutral {
  color: #b8c4ce;
}
.background-neutral {
  background-color: #b8c4ce;
}
.color-neutral-100 {
  color: #f9fafb;
}
.background-neutral-100 {
  background-color: #f9fafb;
}
.color-neutral-200 {
  color: #eff2f4;
}
.background-neutral-200 {
  background-color: #eff2f4;
}
.color-neutral-300 {
  color: #e2e7eb;
}
.background-neutral-300 {
  background-color: #e2e7eb;
}
.color-neutral-400 {
  color: #cdd6dd;
}
.background-neutral-400 {
  background-color: #cdd6dd;
}
.color-neutral-500 {
  color: #b8c4ce;
}
.background-neutral-500 {
  background-color: #b8c4ce;
}
.color-neutral-600 {
  color: #a2acb5;
}
.background-neutral-600 {
  background-color: #a2acb5;
}
.color-neutral-700 {
  color: #8a939b;
}
.background-neutral-700 {
  background-color: #8a939b;
}
.color-neutral-800 {
  color: #6e767c;
}
.background-neutral-800 {
  background-color: #6e767c;
}
.color-neutral-900 {
  color: #555a5f;
}
.background-neutral-900 {
  background-color: #555a5f;
}
.color-primary {
  color: #4f8cf1;
}
.background-primary {
  background-color: #4f8cf1;
}
.color-primary-100 {
  color: #f4f8fe;
}
.background-primary-100 {
  background-color: #f4f8fe;
}
.color-primary-200 {
  color: #dfeafc;
}
.background-primary-200 {
  background-color: #dfeafc;
}
.color-primary-300 {
  color: #c0d6fa;
}
.background-primary-300 {
  background-color: #c0d6fa;
}
.color-primary-400 {
  color: #8eb5f6;
}
.background-primary-400 {
  background-color: #8eb5f6;
}
.color-primary-500 {
  color: #4f8cf1;
}
.background-primary-500 {
  background-color: #4f8cf1;
}
.color-primary-600 {
  color: #467bd4;
}
.background-primary-600 {
  background-color: #467bd4;
}
.color-primary-700 {
  color: #3a68b2;
}
.background-primary-700 {
  background-color: #3a68b2;
}
.color-primary-800 {
  color: #315795;
}
.background-primary-800 {
  background-color: #315795;
}
.color-primary-900 {
  color: #284679;
}
.background-primary-900 {
  background-color: #284679;
}
.color-accent1 {
  color: #e91e63;
}
.background-accent1 {
  background-color: #e91e63;
}
.color-accent1-100 {
  color: #fef2f6;
}
.background-accent1-100 {
  background-color: #fef2f6;
}
.color-accent1-200 {
  color: #fbd7e3;
}
.background-accent1-200 {
  background-color: #fbd7e3;
}
.color-accent1-300 {
  color: #f598b7;
}
.background-accent1-300 {
  background-color: #f598b7;
}
.color-accent1-400 {
  color: #ef5d8f;
}
.background-accent1-400 {
  background-color: #ef5d8f;
}
.color-accent1-500 {
  color: #e91e63;
}
.background-accent1-500 {
  background-color: #e91e63;
}
.color-accent1-600 {
  color: #cd1a57;
}
.background-accent1-600 {
  background-color: #cd1a57;
}
.color-accent1-700 {
  color: #aa1648;
}
.background-accent1-700 {
  background-color: #aa1648;
}
.color-accent1-800 {
  color: #871139;
}
.background-accent1-800 {
  background-color: #871139;
}
.color-accent1-900 {
  color: #670d2c;
}
.background-accent1-900 {
  background-color: #670d2c;
}
.color-accent2 {
  color: #68d0e3;
}
.background-accent2 {
  background-color: #68d0e3;
}
.color-accent2-100 {
  color: #f0fafc;
}
.background-accent2-100 {
  background-color: #f0fafc;
}
.color-accent2-200 {
  color: #dbf4f8;
}
.background-accent2-200 {
  background-color: #dbf4f8;
}
.color-accent2-300 {
  color: #c3ecf4;
}
.background-accent2-300 {
  background-color: #c3ecf4;
}
.color-accent2-400 {
  color: #98dfec;
}
.background-accent2-400 {
  background-color: #98dfec;
}
.color-accent2-500 {
  color: #68d0e3;
}
.background-accent2-500 {
  background-color: #68d0e3;
}
.color-accent2-600 {
  color: #5db9ca;
}
.background-accent2-600 {
  background-color: #5db9ca;
}
.color-accent2-700 {
  color: #4c98a6;
}
.background-accent2-700 {
  background-color: #4c98a6;
}
.color-accent2-800 {
  color: #3e7d88;
}
.background-accent2-800 {
  background-color: #3e7d88;
}
.color-accent2-900 {
  color: #2e5c64;
}
.background-accent2-900 {
  background-color: #2e5c64;
}
.color-success {
  color: #57c559;
}
.background-success {
  background-color: #57c559;
}
.color-success-100 {
  color: #f0faf0;
}
.background-success-100 {
  background-color: #f0faf0;
}
.color-success-200 {
  color: #daf2da;
}
.background-success-200 {
  background-color: #daf2da;
}
.color-success-300 {
  color: #ade3ae;
}
.background-success-300 {
  background-color: #ade3ae;
}
.color-success-400 {
  color: #84d586;
}
.background-success-400 {
  background-color: #84d586;
}
.color-success-500 {
  color: #57c559;
}
.background-success-500 {
  background-color: #57c559;
}
.color-success-600 {
  color: #4dad4e;
}
.background-success-600 {
  background-color: #4dad4e;
}
.color-success-700 {
  color: #409041;
}
.background-success-700 {
  background-color: #409041;
}
.color-success-800 {
  color: #316e32;
}
.background-success-800 {
  background-color: #316e32;
}
.color-success-900 {
  color: #255325;
}
.background-success-900 {
  background-color: #255325;
}
.color-warning {
  color: #eea314;
}
.background-warning {
  background-color: #eea314;
}
.color-warning-100 {
  color: #fef8ec;
}
.background-warning-100 {
  background-color: #fef8ec;
}
.color-warning-200 {
  color: #fbecce;
}
.background-warning-200 {
  background-color: #fbecce;
}
.color-warning-300 {
  color: #f7d695;
}
.background-warning-300 {
  background-color: #f7d695;
}
.color-warning-400 {
  color: #f3bd56;
}
.background-warning-400 {
  background-color: #f3bd56;
}
.color-warning-500 {
  color: #eea314;
}
.background-warning-500 {
  background-color: #eea314;
}
.color-warning-600 {
  color: #d18f12;
}
.background-warning-600 {
  background-color: #d18f12;
}
.color-warning-700 {
  color: #ae770f;
}
.background-warning-700 {
  background-color: #ae770f;
}
.color-warning-800 {
  color: #8a5f0c;
}
.background-warning-800 {
  background-color: #8a5f0c;
}
.color-warning-900 {
  color: #724e0a;
}
.background-warning-900 {
  background-color: #724e0a;
}
.color-danger {
  color: #eb5252;
}
.background-danger {
  background-color: #eb5252;
}
.color-danger-100 {
  color: #fef3f3;
}
.background-danger-100 {
  background-color: #fef3f3;
}
.color-danger-200 {
  color: #fbe0e0;
}
.background-danger-200 {
  background-color: #fbe0e0;
}
.color-danger-300 {
  color: #f6b3b3;
}
.background-danger-300 {
  background-color: #f6b3b3;
}
.color-danger-400 {
  color: #f07f7f;
}
.background-danger-400 {
  background-color: #f07f7f;
}
.color-danger-500 {
  color: #eb5252;
}
.background-danger-500 {
  background-color: #eb5252;
}
.color-danger-600 {
  color: #cf4848;
}
.background-danger-600 {
  background-color: #cf4848;
}
.color-danger-700 {
  color: #ac3c3c;
}
.background-danger-700 {
  background-color: #ac3c3c;
}
.color-danger-800 {
  color: #883030;
}
.background-danger-800 {
  background-color: #883030;
}
.color-danger-900 {
  color: #712727;
}
.background-danger-900 {
  background-color: #712727;
}
/* ==================================== *\
  Type!
\* ==================================== */
/* ------------------------------------ *\
    General Text Formatting
\* ------------------------------------ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
  color: #555a5f;
}
svg {
  color: inherit;
}
/* ------------------------------------ *\
  Headers
\* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
}
/* stylelint-disable selector-list-comma-newline-after */
h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 22px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
/* stylelint-enable selector-list-comma-newline-after */
/* ------------------------------------ *\
  Text Smoothing
\* ------------------------------------ */
.mixin-light-on-dark-smoothing {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.mixin-dark-on-light-smoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.mixin-no-smoothing {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
/* ------------------------------------ *\
  A
\* ------------------------------------ */
a {
  color: #4f8cf1;
  text-decoration: none;
  transition: color 0.1s;
  cursor: pointer;
}
a.u-div {
  color: #333;
}
a.u-div:hover {
  text-decoration: none;
  color: #333;
}
a,
a:hover,
a:focus,
a:active,
a::after,
a:visited {
  outline: none;
}
a:visited,
a:active,
a::after,
a:focus {
  text-decoration: none;
}
a.u-blackLink {
  color: #444;
}
a.u-blackLink:hover {
  color: #444;
}
a.u-backLink {
  color: #888;
  transition: color 0.2s;
}
a.u-backLink:hover {
  text-decoration: none;
  color: #222;
}
a.u-nolink {
  color: #444;
}
a.u-nolink:hover {
  color: #444;
  text-decoration: none;
}
/* ------------------------------------ *\
  P
\* ------------------------------------ */
p.margined {
  margin-bottom: 10px !important;
}
p.weak {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}
p.u-small {
  font-size: 11px;
}
/* ------------------------------------ *\
  Span
\* ------------------------------------ */
span.light {
  color: #999;
  font-size: 90%;
}
/* ------------------------------------ *\
 Lists
\* ------------------------------------ */
ul {
  margin: 0 0 0 15px;
  padding: 0;
}
li {
  margin: 0;
  padding: 0;
}
/* ------------------------------------ *\
  Links
\* ------------------------------------ */
.link {
  color: #467bd4;
  transition: color 0.1s;
}
.link:hover {
  color: #3a68b2;
  cursor: pointer;
  text-decoration: underline;
}
/* ------------------------------------ *\
 Styling
\* ------------------------------------ */
.u-underline {
  text-decoration: underline;
}
.u-linethrough {
  text-decoration: line-through;
}
/* ------------------------------------ *\
 Ellipsis
\* ------------------------------------ */
.mixin-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ------------------------------------ *\
 Styling
\* ------------------------------------ */
.u-light {
  font-weight: 200;
}
.u-bold {
  font-weight: 700;
}
.u-semiBold {
  font-weight: 600;
}
.rCorePermissionDenied {
  text-align: center;
  padding: 40px 10px;
  max-width: 500px;
  margin: 0 auto;
}
.rCorePermissionDenied h1 {
  color: #3a68b2;
  font-size: 40px;
}
.rCorePermissionDenied h4,
.rCorePermissionDenied h5 {
  font-weight: normal;
  color: #8a939b;
}
.rCorePermissionDenied h4 {
  color: #a2acb5;
  font-weight: 600;
  letter-spacing: 0.23px;
}
.rCorePermissionDenied img {
  max-width: 200px;
  margin: 20px 0;
}
.rCoreNativeInstallBanner {
  border-bottom: 1px solid #e2e7eb;
  padding: 8px;
}
.rCoreNativeInstallBanner__close {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rCoreNativeInstallBanner img {
  border: 1px solid #e2e7eb;
  border-radius: 12px;
}
.rCoreNativeInstallBanner__open {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  color: #4f8cf1;
}
.rCoreNativeInstallBanner__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rCoreNativeInstallBanner__content h4 {
  font-size: 16px;
  line-height: 1;
}
.rCoreNativeInstallBanner__content h5 {
  font-size: 12px;
  line-height: 1;
}
.naked-header.has-solid-header .barnyard-PageHeader {
  background-color: white;
  border-bottom: 1px solid #e2e7eb;
}
.naked-header.has-solid-header .barnyard-PageHeader .barnyard-vetcove-logo {
  color: #6e767c;
}
.naked-header.has-solid-header .barnyard-PageHeader .barnyard-vetcove-logo:hover {
  color: #68d0e3;
}
.naked-header.has-solid-header .barnyard-PageHeaderItem__content {
  color: #6e767c;
}
.naked-header.has-solid-header .barnyard-PageHeaderItem__box {
  background-color: white;
}
.naked-header.has-solid-header .barnyard-NakedImage--regular {
  display: block;
}
.naked-header.has-solid-header .barnyard-NakedImage--naked {
  display: none;
}
.naked-header.has-solid-header .rHeader__cash--balance {
  background: #e91e63;
}
.naked-header.has-solid-header .rHeader__cash--balance:hover {
  background: #cd1a57;
}
.naked-header.has-solid-header .barnyard-BurgerMenu span {
  background: #6e767c;
}
.rBudgetProgress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 20px;
  position: relative;
}
.rBudgetProgress__bar {
  position: relative;
  z-index: 0;
  height: 90%;
  width: 100%;
  background: #eff2f4;
  border-radius: 2px;
}
.rBudgetProgress__progress {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: #55e97f;
  border-radius: 2px;
}
.rBudgetProgress__progress.success {
  background: #55e97f;
}
.rBudgetProgress__progress.danger {
  background: #f07f7f;
}
.rBudgetProgress__progress.warning {
  background: #f3bd56;
}
.rBudgetProgress__limit {
  width: 3px;
  position: absolute;
  z-index: 2;
  left: 70%;
  top: -50%;
  height: 200%;
  background: #b8c4ce;
}
.rBudgetProgress__breakdown h4 {
  font-weight: bold;
  margin-bottom: 4px;
}
.rBudgetProgress__breakdown span {
  font-size: 14px;
}
.rBudgetsEdit__table {
  border-top: 1px dashed #eff2f4;
  margin-top: 30px;
  padding-top: 30px;
}
.rBudgetEdit {
  border: 1px solid #eff2f4;
  background: #f9fafb;
  margin-bottom: 20px;
  border-radius: 2px;
  padding: 10px;
  font-size: 18px;
}
.rBudgetEdit__budget {
  font-weight: 600;
  text-align: right;
  padding-right: 32px;
}
.rBudgetEdit__delete {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  max-width: 30px;
  text-align: right;
  transition: color 0.2s;
  color: #b8c4ce;
}
.rBudgetEdit__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.rBudgetTableSubComponent {
  padding: 20px;
  border-top: 1px solid #eff2f4;
  background: #f9fafb;
}
.rBudgetCategoryBreakdown {
  border-bottom: none;
}
.rBudgetCategoryBreakdown h3 {
  font-weight: bold;
  margin-bottom: 4px;
}
.rBudgetCategoryBreakdown__total {
  border-top: 1px solid #e2e7eb;
  padding-top: 4px;
  margin-top: 4px;
  font-weight: 600;
  padding-left: 20px;
}
.rBudgetCategoryBreakdown__chart {
  margin: 56px 0;
}
.rBudgetCategoryBreakdownItem {
  opacity: 0.5;
  transition: opacity 300ms;
  cursor: pointer;
}
.rBudgetCategoryBreakdownItem:hover {
  color: #284679;
}
.rBudgetCategoryBreakdownItem--active {
  opacity: 1;
}
.rBudgetCategoryBreakdownItem__color {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
}
.rBudgetCategoryBreakdownItem__icon {
  padding-left: 8px;
  display: inline-block;
}
.rBudgetCategoryBreakdownItem__item {
  display: block;
  color: #6e767c;
  font-size: 14px;
  padding-left: 20px;
}
.rBudgetCategoryBreakdownItem__item:hover {
  color: #315795;
}
.rBudgetCategoryBreakdownItem__adjustment {
  color: #6e767c;
  font-size: 14px;
  padding-left: 20px;
}
.rBudgetCategoryBreakdownItem__adjustment:hover {
  color: #315795;
}
.rBudgetCategoryBreakdownItem__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rBudgetsImport__box {
  padding: 0;
  overflow: hidden;
}
.rBudgetsImport__table {
  padding: 10px 20px;
  height: 500px;
  overflow: auto;
  margin-top: 30px;
}
.rBudgetsImport__bottom {
  border-top: 1px solid #e2e7eb;
  background-color: white;
}
.rBudgetsImport__buttons {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rBudgetsImport__error {
  padding: 2px 20px;
  color: #eb5252;
  text-align: center;
  border-bottom: 1px solid #e2e7eb;
  background-color: #fef3f3;
  font-size: 15px;
  font-weight: 600;
}
.rBudgetsImport__row-error {
  background: #fef3f3 !important;
}
.rBudgetsImport__upload {
  text-align: center;
  padding: 40px;
}
.rBudgetName__name {
  font-weight: 600;
}
.rBudgetName__dates {
  font-size: 12px;
  line-height: 1.2;
}
.rBulkBudgetName__dates {
  font-weight: 600;
  font-size: 12px;
}
.rBulkBudgetName__budget {
  font-weight: normal;
  font-size: 13px;
  padding-right: 20px;
  margin-top: 10px;
  color: #555a5f;
}
.DSBudgetDetailTable .rt-resizable-header {
  font-size: 15px;
}
.DSBudgetDetailTable .barnyard-BallLoading {
  padding: 0;
  text-align: left;
}
.DSBudgetDetailTable .barnyard-BallLoading__box {
  height: 10px;
}
.DSBudgetDetailTable__revenue {
  width: 150px;
}
.rBuyerUpdateForm h5 {
  font-weight: bold;
}
.rBuyerUpdateForm h6 {
  font-weight: normal;
  opacity: 0.9;
  margin-bottom: 10px;
}
.rBuyerUpdateForm p {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
.rBuyerUpdateForm .Form__group {
  margin-bottom: 10px;
}
.rBuyerUpdateForm__section {
  margin-bottom: 20px;
}
.rBuyerUpdateForm__checkboxes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  width: 100%;
}
.rBuyerUpdateForm__checkboxes > div > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.rBuyerUpdateForm__checkboxes > div > div label {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  padding-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
}
.rBuyerUpdateForm__checkboxes > div > div label .cCheckbox {
  margin-top: 3px;
}
.rBuyerUpdateForm__checkboxes > div > div label:hover {
  cursor: pointer;
}
.rAccountWorkmate {
  font-size: 16px;
  margin-bottom: 20px;
  border: 1px solid #dfdfdf;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  position: relative;
}
.rAccountWorkmate .Form__group {
  margin-bottom: 0;
}
.rAccountWorkmate__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.rAccountWorkmate__overlay.loader {
  z-index: 1;
}
.rAccountWorkmate__overlay h4 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3;
}
.rAccountWorkmate__header {
  padding: 10px 20px;
  font-weight: bold;
}
.rAccountWorkmateAdd {
  border: 1px solid #dfdfdf;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  padding: 20px;
}
.rAccountWorkmateAdd p {
  font-size: 16px;
  margin-bottom: 20px;
}
.rAccountWorkmate__form {
  display: -ms-flexbox;
  display: flex;
}
.rAccountWorkmate__form > div {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.rAccountWorkmate__form > div:not(:last-child) {
  padding-right: 20px;
}
.rAccountWorkmate__status {
  color: #e5c380;
}
.rAccountWorkmate__status--active {
  color: #57c559;
}
.rAccountWorkmate__footer {
  border-top: 1px solid #efefef;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .rAccountWorkmate__footer .barnyard-Col {
    padding: 5px 0px;
  }
}
.rAccountWorkmateTable {
  margin: 30px 0;
  border: none;
}
.rAccountWorkmateTable .fa-check {
  color: #57c559;
}
.rAccountWorkmateTable .fa-remove {
  color: #eb5252;
}
.rAccountWorkmateTable .bt-question-circle {
  margin-left: 10px;
}
.rAccountWorkmateTable .bt-question-circle:hover {
  cursor: help;
  color: #5cb8e6;
}
/**** Navigation Menu ****/
a.rAnalytics__sideMenu__item {
  line-height: 1.3;
  position: relative;
  display: block;
  padding: 9px 10px;
  border-radius: 3px;
  font-size: 17px;
  font-weight: 600;
  color: #85898c;
  cursor: pointer;
}
a.rAnalytics__sideMenu__item.active {
  background-color: #3cc1e7;
  color: white;
  cursor: default;
}
a.rAnalytics__sideMenu__item:hover {
  text-decoration: none;
  cursor: pointer;
}
a.rAnalytics__sideMenu__item.active:hover {
  color: #fff;
}
a.rAnalytics__sideMenu__item:not(.active):hover {
  color: #73777a;
}
a.rAnalytics__sideMenu__item i {
  float: right;
  font-size: 18px;
  margin-top: 2px;
}
/**** Our sidebar range filter ****/
.rAnalytics__range {
  padding: 0 0 15px 0;
}
.rAnalytics__range p {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}
.rAnalytics__range h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}
.rAnalytics__range.active p {
  color: #5cb56b;
}
.rAnalytics__slider {
  padding: 0 13px;
}
.rAnalytics__select label {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}
.rAnalytics__divider {
  margin: 20px 0;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
/**** Top Stat Boxes ****/
.rAnalytics__stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-left: -3px;
  margin-right: -3px;
}
.rAnalytics__statBox {
  position: relative;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  height: 100px;
  background: #3cc1e7;
  border: 1px solid #fff;
  color: #fff;
  margin: 0 3px;
  padding: 5px 10px;
}
.rAnalytics__statBox h1 {
  text-align: right;
  font-size: 43px;
  font-weight: 200;
  line-height: 1.1;
  padding-top: 10px;
}
.rAnalytics__statBox h2 {
  text-align: right;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.rAnalytics__statBox2 {
  background: #3ca6e8;
}
.rAnalytics__statBox3 {
  background: #3c8ae8;
}
.rAnalytics__statBox4 {
  background: #3c6de8;
}
.rAnalytics__statBoxFooter {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 10px;
}
.rAnalytics__rank {
  float: right;
}
/***** Navigation *****/
.rAnalytics__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rAnalytics__navigation {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
  padding-right: 20px;
}
.rAnalytics__container {
  -ms-flex-preferred-size: 82%;
      flex-basis: 82%;
  max-width: 82%;
}
/*** Custom Bar Chart for Suppliers ****/
.rAnalytics__barChart {
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 10px;
  font-size: 16px;
}
.rAnalytics__barChart h1 {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #eaeaea;
}
.rAnalytics__barChartItem {
  margin: 20px 0;
}
.rAnalytics__barChartValue {
  padding-top: 5px;
  float: right;
}
.rAnalytics__barChartProgress {
  position: relative;
  margin-top: -2px;
  width: 100%;
  height: 6px;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.rAnalytics__barChartProgressInner {
  background: #3cc1e7;
  position: absolute;
  border-radius: 3px;
  height: 100%;
  top: 0;
  left: 0;
}
.rAnalytics__message {
  background: #fff;
  margin-right: 6px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  padding: 10px;
  border-radius: 3px;
}
/*** Chart Formatting ***/
.Chart {
  margin: 10px 0;
  background: #fff;
}
.Chart h1 {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #efefef;
}
.Chart__inner {
  padding: 10px;
}
.Chart__tip {
  border-top: 1px solid #dfdfdf;
  background: #fafafa;
  padding: 2px 10px;
  color: #888;
  font-size: 13px;
}
/**** Mini Line Chart Component ****/
.MiniLineChart {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 36px;
  padding-top: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  -ms-flex-align: end;
      align-items: flex-end;
}
.MiniLineChart__bar {
  position: relative;
  background: #eee;
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: 1px solid #ddd;
  margin-right: -1px;
  transition: background 0.2s;
}
.MiniLineChart__bar:hover {
  cursor: pointer;
  background: #5cb8e6;
}
.MiniLineChart__value {
  position: absolute;
  z-index: 20;
  bottom: 100%;
  margin-bottom: 3px;
  border-radius: 2px;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 2px 3px;
  white-space: nowrap;
}
/*** Analytics Table ***/
.rAnalytics__tableFilters {
  background: #fff;
  border: 1px solid #eaeaea;
  border-bottom: none;
  padding: 10px;
}
.rAnalytics__tableFilters h2 {
  font-weight: bold;
}
.rAnalytics__table {
  border: 1px solid #eaeaea;
  background: #fff;
  font-size: 15px;
}
.rAnalytics__tableHeader {
  background: #fafafa;
  font-weight: bold;
}
.rAnalytics__tableRow {
  color: #444;
  display: block;
  font-size: 13px;
}
.rAnalytics__tableRow:hover {
  text-decoration: none;
  background: #fafafa;
  cursor: pointer;
}
.rAnalytics__tableCell {
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eaeaea;
}
.rAnalytics__tableCell:not(:last-child) {
  border-right: 1px solid #eaeaea;
}
.rAnalytics__tableCell--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**** Analytics Detail ***/
.rAnalyticsDetail__title {
  line-height: 1;
  font-size: 32px;
  font-weight: bold;
}
.rAnalytics__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.rAnalytics__row > div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.rAnalytics__row > div:not(:last-child) {
  margin-right: 10px;
}
/***** Product Table ****/
.rAnalyticsItemTable {
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 10px;
  max-width: 50%;
}
.rAnalyticsItemTable h1 {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #eaeaea;
}
a.rAnalyticsItemTable__row {
  padding: 15px 5px;
  line-height: 1;
  color: #444;
  display: block;
}
a.rAnalyticsItemTable__row:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
a.rAnalyticsItemTable__row:hover {
  color: #444;
  text-decoration: none;
}
.rAnalyticsItemTable__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  padding-bottom: 2px;
}
.rAnalyticsItemTable__name:hover {
  color: #5cb8e6;
  text-decoration: underline;
}
.rAnalyticsItemTable__total {
  text-align: right;
  font-size: 20px;
  color: #5cb8e6;
}
.rAnalyticsItemTable__quantity {
  font-size: 12px;
}
/**** Analytics Manual Data Entry ****/
.rAnalyticsEntry {
  border: 1px solid #dfdfdf;
  background: #fff;
  min-height: 800px;
}
.rAnalyticsEntry h1 {
  background: #fafafa;
  padding: 5px 10px;
  border-bottom: 1px solid #dfdfdf;
}
.rAnalyticsEntry__description {
  padding: 10px 10px 0 10px;
  font-size: 15px;
}
.rAnalyticsEntry__section {
  padding: 20px 0;
}
.rAnalyticsEntry__section h2 {
  padding: 0 10px;
  border-bottom: 1px solid #efefef;
}
.rAnalyticsEntry__practiceType {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 10px 0;
}
.rAnalyticsEntry__practiceType h3 {
  line-height: 1;
  font-size: 17px;
  font-weight: bold;
}
.rAnalyticsEntry__practiceType p {
  font-size: 12px;
  line-height: 1.3;
  color: #999;
  padding-right: 10px;
}
.rAnalyticsEntry__percentInput {
  width: 120px;
  margin-right: 10px;
  position: relative;
}
.rAnalyticsEntry__percentInput i {
  position: absolute;
  top: 1px;
  color: #666;
  right: 1px;
  background: #f6f6f6;
  height: 32px;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  text-align: center;
  border-left: 1px solid #ededed;
  display: block;
  line-height: 30px;
  width: 30px;
}
.rAnalyticsEntry__row {
  margin: 5px 0;
  padding: 5px 10px;
}
.rAnalyticsEntry__row:nth-child(odd) {
  background: #fafafa;
}
.rAnalyticsEntry__rowHeader {
  font-weight: bold;
  margin: 5px 0;
  padding: 0 10px;
}
.rAnalyticsEntry__rowHeader .col-p-15 {
  padding-left: 20px;
}
.rAnalyticsEntry__field {
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  padding-top: 4px;
}
.rAnalyticsEntry__help {
  font-size: 13px;
  color: #5cb8e6;
  display: inline-block;
}
.rAnalyticsEntry .Form__group {
  margin-bottom: 0;
  margin-right: 10px;
}
/**** Analytics Filter Bar ****/
.rAnalyticsFilterBar {
  margin: -5px;
}
.rAnalyticsFilterBar .Form__group label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
.rAnalyticsFilterBar .col-3 {
  padding: 0 5px;
}
.rAnalyticsAAEPMetrics {
  margin: 20px -5px -1px -5px;
}
.rAnalyticsAAEPMetrics .col-p-20 {
  padding: 0 5px;
}
.rAnalyticsAAEPMetric {
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  text-align: center;
  padding: 3px 0;
  font-size: 15px;
  font-weight: bold;
}
.rAnalyticsAAEPMetric.active {
  background: #fff;
  border-color: #dfdfdf;
  border-bottom-color: #fff;
}
.rAnalyticsAAEPMetric:hover {
  cursor: pointer;
}
.rAnalyticsAAEPChart .Chart {
  position: relative;
  z-index: 0;
  margin-top: 0;
  border: 1px solid #dfdfdf;
}
.rAnalyticsAAEPAdvice {
  background: #fff;
  border: 1px solid #dfdfdf;
  padding: 10px;
  margin-top: 20px;
}
.rAnalyticsAAEPAdvice h3 {
  font-weight: bold;
}
/**** Anlaytics Disclaimer ***/
.Alerts__tooltip {
  font-size: 14px;
}
.Alerts__container {
  margin-top: -20px;
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid #e2e7eb;
}
.Alerts__header {
  padding: 8px;
  border-bottom: 1px dashed #e2e7eb;
}
.Alerts__header h3 {
  color: #6e767c;
  font-weight: 600;
}
.Alerts__homepageAlert {
  position: relative;
  margin: 5px 8px;
  color: #6e767c;
  background: white;
  border-left: 4px solid #c0d6fa;
}
.Alerts__homepageAlert h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.Alerts__homepageAlert h2 {
  font-size: 18px;
  line-height: 24px;
}
.Alerts__homepageAlert h3 {
  font-size: 16px;
  line-height: 24px;
}
.Alerts__homepageAlert.info {
  background: white;
  border-left: 4px solid #c0d6fa;
}
.Alerts__homepageAlert.danger {
  background: white;
  border-left: 4px solid #f6b3b3;
}
.Alerts__homepageAlert.warning {
  background: white;
  border-left: 4px solid #f7d695;
}
.Alerts__homepageAlert.success {
  background: white;
  border-left: 4px solid #ade3ae;
}
.Alerts__homepageAlert__content {
  padding: 3px 8px;
}
.Alerts__homepageAlert__icon {
  font-size: 21px;
  margin: auto;
}
.Alerts__homepageAlert__closeIcon {
  height: 36px;
  width: 36px;
  font-size: 14px;
  line-height: 1;
  transition: color 0.2s;
  cursor: pointer;
  position: absolute;
  padding-top: 9.5px;
  padding-left: 2px;
  top: 2px;
  right: 2px;
  z-index: 100;
  border-radius: 50%;
  transition: all 0.3s;
}
.Alerts__homepageAlert__closeIcon.info:hover {
  background: #f4f8fe;
}
.Alerts__homepageAlert__closeIcon.danger:hover {
  background: #fef3f3;
}
.Alerts__homepageAlert__closeIcon.warning:hover {
  background: #fef8ec;
}
.Alerts__homepageAlert__closeIcon.success:hover {
  background: #f0faf0;
}
.Alerts__homepageAlert--corporate {
  background: white;
  border-left: 4px solid #f598b7;
}
.itemAlertBox {
  width: 60%;
}
.checksAlign {
  -ms-flex-align: start;
      align-items: flex-start;
}
.Backorders--TableStackedCell__top {
  font-size: 16px;
}
.Backorders--TableStackedCell__top svg {
  margin-right: 5px;
}
.Backorders--TableStackedCell__bottom {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
}
.Backorders--TableStackedCell__image {
  max-height: 50px;
}
a.Backorders__link {
  font-weight: bold;
  color: #6e767c;
}
a.Backorders__link:hover {
  text-decoration: underline;
}
h4.Backorders__disclaimer {
  color: #8a939b;
  font-size: 14px;
  display: block;
  max-width: 700px;
  text-align: center;
  margin: auto;
  padding-top: 10px;
}
.BackorderSearchItem {
  border-top: 1px solid #e2e7eb;
  background: #f9fafb;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.BackorderSearchItem__error {
  color: #6e767c;
  font-size: 14px;
  text-align: center;
}
button.Backorders__dismiss {
  margin: auto;
  display: block;
}
.background-zoetis {
  background-color: #ff671e;
}
.BioMatrix__overlay {
  padding: 0;
  padding-top: 24px;
  width: 980px;
  /**
      BARNYARD CSS OVERRRIDES!

      The Quick and dirty way to add Zoetis branding colors the the overlay
    **/
  /**
      END BARNYARD CSS OVERRRIDES!
    **/
}
.BioMatrix__overlay .barnyard-Nav--active {
  border-color: #ff671e;
}
.BioMatrix__overlay .barnyard-Button--primary {
  background: #ff671e;
}
.BioMatrix__overlay .barnyard-Tag--primary--fill {
  background: #ff671e;
  border: 1px solid #ff671e;
}
.BioMatrix__overlay .barnyard-Tag--primary--fill:hover {
  background: #ff7e40;
}
.BioMatrix__nav {
  font-size: 18px;
}
.BioMatrix__title {
  padding-left: 10px;
  padding-right: 10px;
}
.BioMatrix__title h1 {
  font-weight: 700;
}
.BioMatrix__title h6 {
  color: #8a939b;
  padding-bottom: 16px;
}
.BioMatrix__image-container {
  margin-bottom: 16px;
  margin-top: 16px;
  max-width: 200px;
}
.BioMatrix__image-container img {
  max-width: 100px;
}
.BioMatrix__loader {
  height: 4px;
  border-radius: 4px;
  background: #ff671e;
  margin-top: 2px;
  margin-bottom: 2px;
  transition: opacity 0.5s, width 0.2s;
}
.BioMatrix__loader-text {
  font-size: 14px;
  transition: opacity 0.5s;
}
.BioMatrixAdd {
  position: relative;
  overflow-x: hidden;
}
.BioMatrixAdd__info {
  color: #8a939b;
  padding-bottom: 16px;
}
.BioMatrixAdd__section {
  border-top: 1px solid #e2e7eb;
  padding: 10px;
}
.BioMatrixAdd__header {
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.BioMatrixAdd__header > h2 {
  font-weight: 600;
}
.BioMatrixAdd__header > h3 {
  font-size: 18px;
  font-weight: 600;
}
.BioMatrixAdd__syringe {
  margin-top: 24px;
  border-top: 1px solid #e2e7eb;
}
.BioMatrixAdd__summary > h4 {
  font-size: 16px;
}
.BioMatrixAdd__submit {
  padding: 10px;
  padding-top: 0;
  padding-bottom: 24px;
}
.BioMatrixAdd__content {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px dashed #e2e7eb;
  padding-bottom: 32px;
}
.BioMatrixAdd__steps {
  position: relative;
}
.BioMatrixAdd--disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  opacity: 0.7;
  z-index: 1000;
}
.BioMatrixItemList {
  border-top: 1px solid #e2e7eb;
  padding: 10px;
}
.BioMatrixItemList__filter {
  margin-bottom: 4px;
  margin-top: 4px;
  min-height: 154px;
}
.BioMatrixItemList__filter h3 {
  padding-right: 16px;
  font-size: 16px;
  font-weight: 600;
}
.BioMatrixItemForm__price {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 16px;
}
.BioMatrixItemForm__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.BioMatrixItemForm__option__name {
  padding-right: 4px;
}
.BioMatrixSubmit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  padding: 16px;
  font-size: 16px;
  color: white;
  min-height: 85px;
}
.BioMatrixSubmit h4 {
  font-weight: 600;
}
.BioMatrixItem {
  min-height: 56px;
}
.BioMatrixItem h4 {
  font-size: 16px;
}
.BioMatrixItem__button {
  color: #4f8cf1;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid transparent;
  transition: all 0.2s;
}
.BioMatrixItem__button:hover {
  background-color: #f4f8fe;
  border-color: #c0d6fa;
}
.BioMatrixItem__button--danger {
  color: #eb5252;
}
.BioMatrixItem__button--danger:hover {
  background-color: #fef3f3;
  border-color: #f6b3b3;
}
.BioMatrixItem__button--success {
  color: #57c559;
}
.BioMatrixItem__button--success:hover {
  background-color: #f0faf0;
  border-color: #ade3ae;
}
.BioMatrixItem__hoverable-message {
  margin-right: 15px;
  margin-bottom: 15px;
}
.BioMatrixItem__name h4 {
  display: inline-block;
}
.BioMatrixItem__name svg {
  margin-right: 4px;
}
.BioMatrixItem--error {
  color: #eb5252;
  background: #fef3f3;
}
.BioMatrixLabels h3 {
  font-size: 14px;
  font-weight: 600;
}
.BioMatrixDoseCounter {
  margin-bottom: 16px;
}
.BioMatrixDoseCounter__items {
  display: -ms-flexbox;
  display: flex;
}
.BioMatrixDoseCounter__message {
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
  color: #8a939b;
}
.BioMatrixDoseCounter__item {
  -ms-flex: 1;
      flex: 1;
  border: 1px solid #e2e7eb;
  text-align: center;
  background-color: #f9fafb;
}
.BioMatrixDoseCounter__item h4 {
  margin-top: 8px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.BioMatrixDoseCounter__item h5 {
  font-size: 14px;
}
.BioMatrixDoseCounter__item h6 {
  font-size: 12px;
}
.BioMatrixDoseCounter__item__title {
  background-color: #eff2f4;
  border-bottom: 1px solid #e2e7eb;
  padding: 4px;
}
.BioMatrixDoseCounter__item__title h3 {
  font-size: 12px;
  min-height: 19px;
  font-weight: 600;
}
.BioMatrixDoseCounter__item__content {
  padding: 8px;
}
.BioMatrixDoseCounter__item:not(:first-child) {
  border-left-width: 0;
}
.BioMatrixDoseCounter__item--reached {
  color: #a2acb5;
}
.BioMatrixDoseCounter__item--selected {
  color: #467bd4;
  background-color: #f4f8fe;
}
.BioMatrixDoseCounter__item--selected .BioMatrixDoseCounter__item__title {
  background-color: #dfeafc;
  border-bottom-color: #c0d6fa;
}
.BioMatrixDoseCounter__item--not-reached {
  color: #a2acb5;
}
.BioMatrixDoseCounter__item--error {
  color: #cf4848;
  background-color: #fef3f3;
}
.BioMatrixDoseCounter__item--error .BioMatrixDoseCounter__item__title {
  background-color: #fbe0e0;
  border-bottom-color: #f6b3b3;
}
.BioMatrixDoseCounter__item--success {
  color: #4dad4e;
  background-color: #f0faf0;
}
.BioMatrixDoseCounter__item--success .BioMatrixDoseCounter__item__title {
  background-color: #daf2da;
  border-bottom-color: #ade3ae;
}
.BioMatrixSyringePicker {
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
.BioMatrixSyringePickerItem {
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  padding: 8px;
  margin-right: 15px;
  margin-left: 15px;
  text-align: center;
  background-color: #f9fafb;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  padding-top: 58px;
}
.BioMatrixSyringePickerItem h5 {
  line-height: 2;
  margin-bottom: 8px;
  font-weight: 600;
}
.BioMatrixSyringePickerItem h6 {
  color: #8a939b;
  font-size: 12px;
}
.BioMatrixSyringePickerItem img {
  width: 100px;
  height: 100px;
  border: 1px solid #e2e7eb;
  border-radius: 100px;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.BioMatrixSyringePickerItem__input {
  margin: 0 auto;
  max-width: 200px;
}
.BioMatrixSummaryItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-left: auto;
}
.BioMatrixSummaryItem h5 {
  font-size: 14px;
}
.BioMatrixSummaryItem h4 {
  font-weight: 600;
  font-size: 16px;
}
.BioMatrixSummaryItem--emphasize {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #eff2f4;
}
.BioMatrixSummaryItem--emphasize h5 {
  font-size: 16px;
}
.BioMatrixSummaryItem--emphasize h4 {
  font-size: 18px;
  color: #4f8cf1;
}
.BioMatrixSummaryItem--emphasize--savings h4 {
  color: #57c559;
}
.BioMatrixRules {
  padding: 10px;
  border-top: 1px solid #eff2f4;
}
.BioMatrixRules h6 {
  margin-bottom: 16px;
}
.BioMatrixRules__dose-table {
  border-radius: 5px;
  border: 1px solid #e2e7eb;
}
.BioMatrixRules__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e2e7eb;
}
.BioMatrixRules__row:last-child {
  border-bottom: 0;
}
.BioMatrixRules__row h4,
.BioMatrixRules__row h5 {
  -ms-flex: 1;
      flex: 1;
  border-left: 1px solid #e2e7eb;
  font-size: 16px;
  padding: 4px;
}
.BioMatrixRules__row h4 {
  font-weight: 600;
  background-color: #f9fafb;
}
.BioMatrixRules__syringe {
  padding-top: 10px;
  padding-bottom: 10px;
}
.BioMatrixRules h4 {
  font-weight: 600;
}
@keyframes expandHeight {
  0% {
    max-height: 0;
    margin-bottom: 0;
  }
  100% {
    max-height: 110px;
    margin-bottom: 16px;
  }
}
.BioMatrixBanner {
  color: white;
  background-image: linear-gradient(45deg, #ff7e40 0%, #ffc2a5 99%, #ffc2a5 100%);
  margin-bottom: 16px;
  cursor: pointer;
  animation: 1s ease-in-out expandHeight;
  overflow: hidden;
}
.BioMatrixBanner__content {
  padding: 10px 16px;
}
.BioMatrixBanner h2 {
  font-weight: 700;
  font-size: 18px;
}
.BioMatrixBanner h3 {
  font-size: 16px;
}
.BioMatrixBanner__icon {
  font-size: 52px;
}
.BioMatrixBanner__text {
  padding-left: 16px;
}
.BioMatrixBanner__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.BioMatrixBanner__button svg {
  margin-left: 6px;
}
.BioMatrixMessage {
  background-color: #ff854b;
  padding: 4px 8px;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}
.BioMatrixMessage strong {
  font-weight: 900;
}
.BioMatrixMessage__message {
  padding-left: 4px;
}
.BioMatrixMessage--success {
  background-color: #57c559;
}
.BioMatrixCategory {
  padding: 8px 16px 8px 0;
}
@media screen and (max-width: 980px) {
  .responsive .BioMatrix__overlay {
    width: 100%;
  }
}
.rCampaigns__dealItem {
  transition: all 0.3s;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  max-width: 500px;
  border-radius: 8px;
  border: 0;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  margin: 0 auto;
  color: #a2acb5 !important;
  font-size: 16px;
}
.rCampaigns__dealItem strong {
  font-weight: 600;
}
.rCampaigns__dealItem h4 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}
.rCampaigns__dealItem__vendor {
  font-size: 0.8em;
  color: #467bd4;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
.rCampaigns__dealItem__title {
  font-size: 1.2em;
  margin-bottom: 5px;
  color: #284679;
}
.rCampaigns__dealItem__title h4 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rCampaigns__dealItem__description {
  font-size: 0.9em;
  height: 54px;
  overflow: hidden;
}
.rCampaigns__dealItem__barText {
  font-size: 0.85em;
  margin-top: 7px;
  min-height: 40px;
}
.rCampaigns__dealItem__dealStats {
  margin-top: 24px;
  margin-bottom: 20px;
}
.rCampaigns__dealItem__dealStats .popularity {
  text-align: center;
}
.rCampaigns__dealItem__dealStats .popularity .fire {
  white-space: nowrap;
  font-size: 1.4em;
  margin-bottom: 5px;
  z-index: 15;
}
.rCampaigns__dealItem__dealStats .popularity .fire .element {
  color: #eff2f4;
}
.rCampaigns__dealItem__dealStats .popularity .fire--1 .element:nth-child(-n + 1) {
  color: #e91e63;
}
.rCampaigns__dealItem__dealStats .popularity .fire--2 .element:nth-child(-n + 2) {
  color: #e91e63;
}
.rCampaigns__dealItem__dealStats .popularity .fire--3 .element:nth-child(-n + 3) {
  color: #e91e63;
}
.rCampaigns__dealItem__dealStats .popularity .smokes {
  position: relative;
}
.rCampaigns__dealItem__dealStats .popularity .smokes .smoke {
  position: absolute;
  bottom: 50%;
  opacity: 0.15;
  z-index: 1;
  margin-bottom: 15px;
  pointer-events: none;
}
.rCampaigns__dealItem__dealStats .popularity .smokes .smoke:nth-child(1) {
  left: -85px;
}
.rCampaigns__dealItem__dealStats .popularity .smokes .smoke:nth-child(3) {
  left: -65px;
}
.rCampaigns__dealItem__dealStats .popularity .smokes .smoke:nth-child(5) {
  left: -45px;
}
.rCampaigns__dealItem__dealStats .popularity .expires {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  opacity: .8;
  font-size: 0.875em;
}
.rCampaigns__dealItem__dealStats .cashback {
  text-align: center;
  position: relative;
}
.rCampaigns__dealItem__dealStats .cashback h1 {
  color: #e91e63;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 5px;
}
.rCampaigns__dealItem__dealStats .cashback h4 {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  opacity: .8;
  font-size: 0.875em;
}
.rCampaigns__dealItem__dealStats .cashback .up_to {
  position: absolute;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -18px;
}
.rCampaigns__dealItem__image {
  height: 160px;
  margin: 20px auto;
}
.rCampaigns__dealItem__expired {
  position: absolute;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 8px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rCampaigns__dealItem__expired::after {
  position: absolute;
  content: 'Deal has Expired';
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #989898;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}
.rCampaigns__dealItem__expired:hover {
  cursor: default;
}
.rCampaigns__dealItem__progress {
  position: relative;
  height: 4px;
  width: 100%;
  background: linear-gradient(to right, #f27ba3 0%, #ee4c83 50%, #930e3b 100%);
  background-clip: content-box;
  overflow: hidden;
}
.rCampaigns__dealItem__progressBar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #efefef;
}
.rCampaigns__dealItem__ribbon {
  position: absolute;
  top: 12px;
}
.rCampaigns__dealItem .button {
  border-top: 1px dashed #e2e7eb;
  margin-top: 5px;
  z-index: 2;
  display: none;
}
.rCampaigns__dealItem .border {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  transition: all 0.3s;
  overflow: hidden;
}
.rCampaigns__dealItem__featured {
  background-color: #0e4cb2;
  color: #f4f8fe;
}
.rCampaigns__dealItem__featured h4 {
  font-weight: 400;
}
.rCampaigns__dealItem__featured .button {
  border-top-color: #f4f8fe;
  color: #f4f8fe;
  z-index: 1 !important;
}
.rCampaigns__dealItem__featured .border {
  border-color: #0e4cb2 !important;
  z-index: 2 !important;
}
.rCampaigns__dealItem:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rCampaigns__dealItem:hover .border {
  border: 4px solid #fbd7e3;
}
.rCampaigns__dealItem__adminTools {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 0.2s;
  z-index: 100;
}
.rCampaigns__dealItem__adminTools .adminButton {
  padding: 2px 6px;
  border: 1px solid #e2e7eb;
  font-size: 12px;
}
.rCampaigns__dealItem__adminTools:hover {
  color: #555a5f;
  cursor: pointer;
}
.rCampaigns__dealItem__adminTools:hover .adminButton {
  background-color: #f9fafb;
}
.rCampaigns__dealItem--commitandsave {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 320px 1fr 260px;
      grid-template-columns: 90px 320px 1fr 260px;
  max-width: 100%;
}
.rCampaigns__dealItem--commitandsave__names {
  padding: 7px 10px;
}
.rCampaigns__dealItem--commitandsave__icon {
  font-size: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rCampaigns__dealItem--commitandsave__vendor {
  font-size: 1em;
  color: #467bd4;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  line-height: 1.2;
  font-weight: 600;
}
.rCampaigns__dealItem--commitandsave__name {
  font-size: 26px;
  color: #32363f;
  line-height: 1.2;
  margin-bottom: 3px;
  font-weight: 600;
}
.rCampaigns__dealItem--commitandsave__description {
  font-size: 1em;
  line-height: 1.4;
}
.rCampaigns__dealItem--commitandsave__dealStatContainer {
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-right: 40px;
  -ms-flex-align: center;
      align-items: center;
}
.rCampaigns__dealItem--commitandsave__dealStatContainer > div {
  margin-top: 0;
  margin-bottom: 0;
}
.rCampaigns__dealItem--commitandsave__statusDiv {
  border-left: 1px dashed #e2e7eb;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rCampaigns__dealItem--commitandsave__status {
  color: #b8c4ce;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.rCampaigns__dealItem--commitandsave__status.ontrack {
  color: #57c559;
}
.rCampaigns__dealItem--commitandsave__status.notontrack {
  color: #eb5252;
}
.rCampaigns__dealItem--commitandsave__timeLeft {
  text-align: center;
}
.rCampaigns__dealItem--commitandsave.dermatology {
  background: linear-gradient(170deg, #fffbea 0.95%, #FFF 70%);
}
.rCampaigns__dealItem--commitandsave.dermatology .rCampaigns__dealItem--commitandsave__vendor,
.rCampaigns__dealItem--commitandsave.dermatology .rCampaigns__dealItem--commitandsave__icon {
  color: #fcd73a;
}
.rCampaigns__dealItem--commitandsave.preventatives {
  background: linear-gradient(170deg, #f7eaff 0.95%, #FFF 70%);
}
.rCampaigns__dealItem--commitandsave.preventatives .rCampaigns__dealItem--commitandsave__vendor,
.rCampaigns__dealItem--commitandsave.preventatives .rCampaigns__dealItem--commitandsave__icon {
  color: #b53afc;
}
.rCampaigns__dealItem--commitandsave.vaccines {
  background: linear-gradient(170deg, #beecf2 0.95%, #FFF 70%);
}
.rCampaigns__dealItem--commitandsave.vaccines .rCampaigns__dealItem--commitandsave__vendor,
.rCampaigns__dealItem--commitandsave.vaccines .rCampaigns__dealItem--commitandsave__icon {
  color: #2ac1d4;
}
.rCampaigns__dealItem--commitandsave.thin {
  padding: 6px 12px;
  box-shadow: none;
  border-radius: 0px;
  border: 1px solid #e2e7eb;
}
.rCampaigns__dealItem--commitandsave.thin .rCampaigns__dealItem--commitandsave__name,
.rCampaigns__dealItem--commitandsave.thin .rCampaigns__dealItem--commitandsave__status {
  font-size: 22px;
}
.rCampaigns__dealItem--commitandsave.thin:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rCampaigns__dealItem--commitandsave__container {
  display: block;
  container-type: inline-size;
  container-name: commit-and-save-info-box;
}
@container commit-and-save-info-box (max-width: 960px) {
  .rCampaigns__dealItem--commitandsave {
    -ms-grid-columns: 90px 320px 1fr;
        grid-template-columns: 90px 320px 1fr;
  }
  .rCampaigns__dealItem--commitandsave__statusDiv {
    display: none;
  }
}
.rCampaigns__smokes {
  position: relative;
  z-index: 1;
}
.rCampaigns__smokes .smoke {
  position: absolute;
  bottom: 25%;
  opacity: 0.12;
  z-index: 0;
  margin-bottom: 10px;
  pointer-events: none;
}
.rCampaigns__howto {
  margin-bottom: 60px;
  color: #f4f8fe;
}
.rCampaigns__howto h1 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}
.rCampaigns__howto__list {
  margin-top: 10px;
  margin-bottom: 10px;
}
.rCampaigns__howto__col {
  padding: 20px;
}
.rCampaigns__howto__divider {
  border-right: 1px dashed #e2e7eb;
  width: 1px;
  height: 100%;
}
.rCampaigns__howto__number {
  font-size: 24px;
  padding: 1px 14px;
  margin-right: 10px;
  border-radius: 50%;
  color: #e176bc;
  background-color: rgba(244, 248, 254, 0.8);
  font-weight: 800;
}
.rCampaigns__howto__details h2 {
  font-weight: 700;
}
.rCampaigns__howto__details h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
}
.rCampaigns__imageBanner {
  position: relative;
  width: 100%;
  height: 600px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/headers/deals/canine.jpeg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -109px;
}
.rCampaigns__imageBanner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(169, 0, 255, 0.8), rgba(255, 66, 66, 0.8));
  box-shadow: inset 0 0 0 3000px rgba(255, 255, 255, 0.3);
}
.rCampaigns__imageBanner--EQUINE {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/headers/deals/equine.jpeg);
}
.rCampaigns__imageBanner--CANINE {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/headers/deals/kiki.jpg);
}
.rCampaigns__imageBanner--FELINE {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/headers/deals/feline.jpeg);
}
.rCampaigns__imageBanner--COMMIT_AND_SAVE {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/headers/deals/commit-and-save-bg.png);
  height: 700px;
}
.rCampaigns__imageBanner--COMMIT_AND_SAVE::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8));
  box-shadow: none;
}
@media screen and (max-width: 999px) {
  .responsive .rCampaigns__imageBanner {
    height: 1000px;
    z-index: -1;
  }
  .responsive .rCampaigns__dealsView__deals {
    margin-top: -900px;
    padding: 0 10px;
  }
}
.rCampaigns__dealsView {
  position: relative;
  margin-bottom: 40px;
}
.rCampaigns__dealsView__updateForm {
  width: 100%;
  border-radius: 10px;
}
.rCampaigns__dealsView__updateForm__surrounding {
  max-width: 800px;
}
.rCampaigns__dealsView__updateForm__description {
  text-align: center;
  margin-bottom: 50px;
}
.rCampaigns__dealsView__updateForm__description h3 {
  font-weight: 300;
}
.rCampaigns__dealsView__setupSuppliers__text {
  text-align: center;
  padding: 40px;
  border-radius: 4px;
}
.rCampaigns__dealsView__setupSuppliers .dealsMissing {
  color: #f4f8fe;
}
.rCampaigns__dealsView__setupSuppliers h1 {
  font-weight: 600;
}
.rCampaigns__dealsView__textBox {
  max-width: 800px;
  text-align: center;
  border-radius: 4px;
  padding: 40px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.rCampaigns__dealsView__textBox h1 {
  font-weight: 600;
  font-size: 22px;
  text-wrap: balance;
}
.rCampaigns__dealsView__textBox h4 {
  text-align: left;
}
.rCampaigns__dealsView__deals {
  margin-top: -500px;
  position: relative;
}
.rCampaigns__dealsView__deals__tag {
  font-size: 20px;
  margin-bottom: 10px;
}
.rCampaigns__dealsView__deals__title {
  width: 100%;
  text-align: center;
  color: #f4f8fe;
  margin: 48px 0 24px;
}
.rCampaigns__dealsView__deals__title h1 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
}
.rCampaigns__dealsView__deals__title h2 {
  font-size: 24px;
  font-weight: 600;
}
.rCampaigns__dealsView__deals__title h6 {
  font-size: 14px;
}
.rCampaigns__dealsView__deals__title h6 a {
  color: #f4f8fe;
  text-decoration: underline;
}
.rCampaigns__dealsView__deals .rCampaigns__howto__number {
  color: #000000b8;
}
.rCampaigns__dealsView__image {
  margin: 0 auto;
  max-height: 300px;
  text-align: center;
}
.rCampaigns__dealsView__image h5 {
  font-size: 16px;
  color: #fff;
}
.rCampaigns__dealsView__image h5 a {
  font-weight: bold;
}
.rCampaigns__dealsView__faq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCampaigns__dealsView__faq h5 {
  background: #00000080;
  padding: 3px 10px;
  border-radius: 100px;
}
.rCampaigns__dealsView__toolbar {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 30px;
}
.rCampaigns__dealsView__toolbar .showingText {
  font-size: 20px;
  color: #555a5f;
}
.rCampaigns__dealsView__filterSelect {
  color: #555a5f;
  font-size: 16px;
}
.rCampaigns__dealsView__dollarsSwitch {
  height: 34px;
  min-width: 70px;
}
.rCampaigns__dealsView__dollarsSwitch .ant-switch-inner {
  font-size: 16px;
}
.rCampaigns__dealsView__dollarsSwitch.ant-switch-checked {
  background-color: #e91e63;
}
.rCampaigns__dealsView__dollarsSwitch::after {
  height: 28px !important;
  width: 28px !important;
}
.rCampaigns__dealsView__adminOverlay {
  background-color: #f9fafb;
}
.rCampaigns__dealsView--commit_and_save .rCampaigns__dealsView__deals {
  margin-top: -550px;
}
.rCampaigns__dealsList {
  margin-bottom: 20px;
  transition: all 0.2s;
}
.rCampaigns__dealsList__noResults {
  border-radius: 8px;
  text-align: center;
  padding: 20px;
}
.rCampaigns__dealsList__noResults h1 {
  font-weight: 600;
}
.rCampaigns__dealsList__noResults img {
  margin-top: 10px;
  width: 300px;
}
.rCampaigns__CommitAndSave__details {
  margin: 40px auto;
  padding: 0;
  border-radius: 3px;
}
.rCampaigns__CommitAndSave__details__header {
  background-color: white;
  border: 1px solid #e2e7eb;
  margin-bottom: 20px;
  font-weight: 700;
}
.rCampaigns__CommitAndSave__details__header .rCampaigns__dealItem {
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px solid #eff2f4;
}
.rCampaigns__CommitAndSave__details__header .rCampaigns__dealItem .border {
  border-radius: 0px;
}
.rCampaigns__CommitAndSave__details__progress {
  background: linear-gradient(90deg, rgba(228, 134, 58, 0.5) 0%, rgba(225, 148, 32, 0.85) 100%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #e2e7eb;
  padding: 20px;
  margin-bottom: 20px;
}
.rCampaigns__CommitAndSave__details__progress__bar {
  padding: 0 90px 0 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rCampaigns__CommitAndSave__details__progress__currentCompliance {
  font-size: 20px;
  font-weight: 700;
}
.rCampaigns__CommitAndSave__details__offerContents {
  background: white;
  border: 1px solid #dfdfdf;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  margin-bottom: 20px;
}
.rCampaigns__CommitAndSave__details__offerContents__description {
  padding: 0 20px 20px 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  font-size: 16px;
}
.rCampaigns__CommitAndSave__details__offerContents__claim {
  border-left: 1px dashed #d6d6d6;
  padding: 0 20px 20px 20px;
  -ms-flex: 0 0 500px;
      flex: 0 0 500px;
  max-width: 100%;
}
.rCampaigns__CommitAndSave__details__offerSelect p {
  text-align: center;
  margin: 0 auto;
  text-wrap: balance;
}
.rCampaigns__CommitAndSave__details__offerOptions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.rCampaigns__CommitAndSave__details__offerOption {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
      grid-template-columns: 1fr 30px 1fr;
  background: #f9fafb;
  border-radius: 6px;
  transition: all 200ms;
  border: 2px solid transparent;
}
.rCampaigns__CommitAndSave__details__offerOption > div {
  text-align: center;
  padding: 10px 0;
}
.rCampaigns__CommitAndSave__details__offerOption h4 {
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 5px;
}
.rCampaigns__CommitAndSave__details__offerOption h4.cashback {
  color: #e91e63;
}
.rCampaigns__CommitAndSave__details__offerOption p {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  opacity: .8;
  font-size: 0.875em;
}
.rCampaigns__CommitAndSave__details__offerOption.active {
  border-color: #e91e63;
  background: #ffebf2;
}
.rCampaigns__CommitAndSave__details__offerOption:not(.active):hover {
  cursor: pointer;
  background: #eff2f4;
}
.rCampaigns__CommitAndSave__details__offerDivider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
  text-transform: uppercase;
}
.rCampaigns__CommitAndSave__details__nav {
  background-color: white;
  border: 1px solid #e2e7eb;
}
.rCampaigns__CommitAndSave__list__filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 30px;
  padding: 8px;
  color: #8a939b;
  font-weight: 600;
  font-size: 16px;
}
.rCampaigns__CommitAndSave__list__filters__filterItem {
  cursor: pointer;
  background: #fff;
}
.rCampaigns__CommitAndSave__list__filters__filterItem.active {
  color: #4f8cf1;
}
.rCampaigns__CommitAndSave__list__filters__filterItem:hover:not(.active) {
  cursor: pointer;
  color: #6e767c;
}
.rCampaigns__CommitAndSave__list__categories {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 15px;
  padding: 8px;
  color: #8a939b;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
}
.rCampaigns__CommitAndSave__list__categories__category {
  height: 140px;
  width: 175px;
  padding: 10px;
  border-radius: 15px;
  background-color: #f9fafb;
  cursor: pointer;
}
.rCampaigns__CommitAndSave__list__categories__category.active {
  background-color: #f4f8fe;
  color: #4f8cf1;
}
.rCampaigns__CommitAndSave__list__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
}
.rCampaigns__CommitAndSave__list__item {
  background: #fff;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  color: #555a5f;
  cursor: default;
}
.rCampaigns__CommitAndSave__list__item h2 {
  font-size: 20px;
  font-weight: 400;
}
.rCampaigns__CommitAndSave__list__item__main {
  padding: 0 20px;
}
.rCampaigns__CommitAndSave__list__item__main.notClaimed {
  gap: 50px;
}
.rCampaigns__CommitAndSave__list__item__info {
  white-space: nowrap;
}
.rCampaigns__CommitAndSave__list__item__info h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.rCampaigns__CommitAndSave__list__item__info h2 {
  color: #6e767c;
  font-size: 20px;
  font-weight: 400;
}
.rCampaigns__CommitAndSave__list__item__info h3 {
  font-size: 20px;
  font-weight: 400;
}
.rCampaigns__CommitAndSave__list__item__info p {
  white-space: normal;
  margin-top: 10px;
  color: #8a939b;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}
.rCampaigns__CommitAndSave__list__item__col {
  padding-top: 35px;
}
.rCampaigns__CommitAndSave__list__item__progress {
  padding: 0 180px 0 80px;
}
.rCampaigns__CommitAndSave__list__item__progress h2 {
  color: #EE9F00EB;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 10px;
}
.rCampaigns__CommitAndSave__list__item__actions {
  padding-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 80px;
}
.rCampaigns__CommitAndSave__list__item__actions .barnyard-Button {
  width: 150px;
}
.rCampaigns__CommitAndSave__list__item__check {
  margin-top: 10px;
  font-size: 16px;
}
.rCampaigns__CommitAndSave__list__item__check .barnyard-Check__checkbox {
  -ms-flex: 1 0 20px;
      flex: 1 0 20px;
}
.rCampaigns__CommitAndSave__list__item__check .barnyard-Check__content {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
.rCampaigns__CommitAndSave__list__item__footer {
  margin-top: 10px;
  padding: 0 20px;
  font-size: 16px;
}
.rCampaigns__CommitAndSave__list__item__footer a {
  color: #8a939b;
  text-decoration: underline;
}
.rCampaigns__CommitAndSave__list__item__footer__optOut {
  text-decoration: underline;
}
.rCampaigns__CommitAndSave__list__item__footer__cashback {
  text-decoration: none;
}
.rCampaigns__CommitAndSave__list__item__footer__cashback__amount {
  font-size: 24px;
  font-weight: 700;
}
.rCampaigns__CommitAndSave__list__item__footer .barnyard-Button {
  width: 150px;
  margin-bottom: 10px;
}
.rCampaigns__CommitAndSave__itemsTable {
  background-color: white;
  margin-bottom: 20px;
  border: 1px solid #e2e7eb;
  transition: all 0.2s;
}
.rCampaigns__CommitAndSave__itemsTable h2 {
  padding: 10px 20px;
  font-weight: 600;
}
.rCampaigns__CommitAndSave__itemsTable__itemLabelsContainer {
  padding: 0 20px;
  border-bottom: 1px solid #e2e7eb;
  border-top: 1px solid #e2e7eb;
  font-weight: 700;
  background-color: #f4f8fe;
}
.rCampaigns__CommitAndSave__itemsTable__itemLabels {
  font-size: 14px;
  font-weight: 700;
}
.rCampaigns__CommitAndSave__itemsTable__item {
  padding: 13px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rCampaigns__CommitAndSave__itemsTable__item.orderHistory {
  font-size: 16px;
}
.rCampaigns__CommitAndSave__itemsTable__item__image {
  height: 44px;
}
.rCampaigns__CommitAndSave__itemsTable__item__link {
  font-size: 16px;
  font-weight: bold;
}
a.rCampaigns__CommitAndSave__itemsTable__item__link {
  color: #555a5f;
}
a.rCampaigns__CommitAndSave__itemsTable__item__link:hover {
  text-decoration: underline;
}
.rCampaigns__CommitAndSave__progressBar {
  position: relative;
  margin: 20px 0;
  width: 100%;
}
.rCampaigns__CommitAndSave__progressBar__row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.rCampaigns__CommitAndSave__progressBar__bar {
  position: absolute;
  height: 10px;
  top: 0;
  left: 0;
  border-radius: 5px;
  transition: width 0.3s ease-in-out;
}
.rCampaigns__CommitAndSave__progressBar__bar:nth-child(3) {
  border-radius: 5px;
}
.rCampaigns__CommitAndSave__progressBar__bar:nth-child(4) {
  border-radius: 5px 0 0 5px;
}
.rCampaigns__CommitAndSave__progressBar__bar:last-child {
  border-radius: 5px 0 0 5px;
}
.rCampaigns__CommitAndSave__progressBar__label {
  position: absolute;
  z-index: 4;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  transition: left 0.3s ease-in-out;
}
.rCampaigns__CommitAndSave__progressBar__label.top {
  top: -27px;
}
.rCampaigns__CommitAndSave__progressBar__label.bottom {
  top: 20px;
}
.rCampaigns__CommitAndSave__progressBar__label span {
  position: absolute;
  transform: translateX(-50%);
}
.rCampaigns__CommitAndSave__progressBar__notch {
  position: absolute;
  z-index: 4;
  left: 50%;
  transform: translateY(-50%) translateY(5px);
  width: 3px;
  height: 30px;
  background: #8a939b;
  border-radius: 5px;
  transition: left 0.3s ease-in-out;
}
.rCampaigns__CommitAndSave__progressBar__endIcon {
  position: absolute;
  right: 100%;
  top: 0;
  transform: translateY(-50%) translateY(5px);
  font-size: 16px;
  padding: 0 5px 0 0;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
}
.rCampaigns__CommitAndSave__progressBar__endIcon.right {
  right: unset;
  left: 100%;
  padding: 0 0 0 5px;
}
.rCampaigns__itemClaim {
  margin: 15px 0 25px 0;
  position: relative;
}
.rCampaigns__itemClaim:hover {
  cursor: pointer;
}
.rCampaigns__itemClaim:hover .rCampaigns__dealsCheckBox .barnyard-Check__checkbox {
  background-color: #f0faf0;
}
.rCampaigns__itemClaim.atMaximum .rCampaigns__itemClaim__text {
  margin-left: 10px;
  color: #6e767c;
}
.rCampaigns__itemClaim.atMaximum .rCampaigns__dealsCheckBox__check {
  display: none;
}
.rCampaigns__itemClaim.atMaximum .rCampaigns__dealsCheckBox {
  display: none;
}
.rCampaigns__itemClaim.remove_hover:hover {
  cursor: unset;
}
.rCampaigns__itemClaim__text {
  color: #3cad3e;
  font-size: 15px;
  line-height: 1.3;
}
.rCampaigns__itemClaim__text.claimed {
  margin-left: 5px;
}
.rCampaigns__itemClaim .what_is_this {
  position: absolute;
  bottom: -20px;
}
.rCampaigns__itemClaim .what_is_this .text {
  font-size: 13px;
  color: #a2acb5;
}
.rCampaigns__itemClaim .what_is_this .text:hover {
  text-decoration: underline;
  cursor: help;
}
.rCampaigns__itemClaim__tooltip p {
  font-size: 12px;
}
.rCampaigns__itemClaim__how_calculated p {
  font-size: 14px;
}
.rCampaign__commitTracker {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px;
      grid-template-columns: 1fr 60px;
  -ms-flex-align: center;
      align-items: center;
  gap: 24px;
  padding: 0 20px;
}
.rCampaign__commitTracker__visual {
  position: relative;
  width: 100%;
  height: 56px;
}
.rCampaign__commitTracker__stat {
  text-align: center;
}
.rCampaign__commitTracker__stat h3 {
  color: #57c559;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
}
.rCampaign__commitTracker__stat h4 {
  color: #555a5f;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.rCampaign__commitTracker__background {
  border-radius: 10px;
  height: 16px;
  width: 100%;
  background: #e2e7eb;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
}
.rCampaign__commitTracker__foreground {
  border-radius: 10px;
  height: 16px;
  width: 100%;
  background: #57c559;
  z-index: 2;
  position: relative;
  top: 20px;
  left: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rCampaign__commitTracker__current {
  position: absolute;
  top: 0;
  z-index: 3;
  transform: translateX(-50%);
}
.rCampaign__commitTracker__target {
  position: absolute;
  top: 0;
  z-index: 3;
  transform: translateX(-50%);
}
.rCampaign__commitTracker__targetInner,
.rCampaign__commitTracker__currentInner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCampaign__commitTracker__topTriangle {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-6px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  z-index: 4;
}
.rCampaign__commitTracker__bottomTriangle {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-6px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  z-index: 4;
}
.rCampaign__commitTracker__verticalBar {
  width: 9px;
  height: 24px;
  top: 16px;
  background: #57c559;
  border: 2px solid #ffffff;
  position: absolute;
  z-index: 5;
  border-radius: 4px;
  transform: translateX(-4px);
}
.rCampaign__commitTracker h5 {
  color: #555a5f;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
.rCampaign__commitTracker h6 {
  color: #555a5f;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding-top: 16px;
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
}
.rCampaign__commitTracker.offtrack.rCampaign__commitTracker__foreground {
  border-radius: 10px;
  height: 16px;
  width: 100%;
  background: #eb5252;
}
.rCampaign__commitTracker.offtrack.rCampaign__commitTracker__stat h3 {
  color: #eb5252;
}
.rCampaigns__dealsTag {
  font-weight: 600;
  border-radius: 5px 0 0 5px;
}
.rCampaigns__dealsTag .barnyard-Tag__text {
  padding: 2px 5px;
}
.rCampaigns__dealsTag:hover {
  cursor: default;
}
.rCampaigns__smallDealsTag {
  font-size: 10px;
  border-radius: 6px;
  line-height: 1;
  background: #e91e63;
  color: #fff;
  font-weight: bold;
  opacity: 1;
  transition: all 1s;
}
.rCampaigns__smallDealsTag .barnyard-Tag__text {
  padding: 1px 3px;
}
.rCampaigns__smallDealsTag.fin .barnyard-Tag__text {
  padding-right: 4px;
}
.rCampaigns__smallDealsTag.hide {
  display: none;
  opacity: 0;
}
.rCampaigns__dealsCheckBox {
  margin: 0;
  margin-left: 5px;
  opacity: 1;
  max-width: 50px;
  transition: all 0.5s;
}
.rCampaigns__dealsCheckBox .barnyard-Check__checkbox {
  margin-right: 5px;
}
.rCampaigns__dealsCheckBox.claimed {
  opacity: 0;
  max-width: 0;
  margin-right: 0;
  cursor: unset;
}
.rCampaigns__dealsCheckBox__check {
  color: #57c559;
  font-size: 16px;
  margin-left: 12px;
}
.rCampaigns__creativeView__promoTitle {
  background-color: #e91e63;
  width: 100%;
  text-align: center;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.rCampaigns__creativeView__deaNotice {
  margin: 16px;
}
.rCampaigns__creativeView__deaNotice h4 {
  font-size: 14px;
  font-weight: bold;
}
.rCampaigns__creativeView__promoFooter {
  background-color: #eff2f4;
  width: 100%;
  text-align: center;
  color: #555a5f;
  padding: 5px;
  font-size: 12px;
}
.rCampaigns__creativeView__close {
  display: none;
}
.rCampaigns__creativeView__box {
  width: 100%;
  max-width: 800px;
  padding: 0;
}
.rCampaigns__creativeView__name {
  padding-bottom: 10px;
}
.rCampaigns__creativeView__buttons {
  padding: 10px 25px;
  border-top: 1px solid #e2e7eb;
}
.rCampaigns__creativeView__button {
  width: 47%;
}
.rCampaigns__creativeView__timer {
  margin-right: 5px;
  font-size: 16px;
}
.rCampaigns__creativeStatic {
  position: relative;
  margin: auto;
  max-width: 800px;
  transition: all 0.2;
}
.rCampaigns__creativeStatic__loader {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 2;
}
.rCampaigns__creativeStatic__content {
  transition: all 0.2s;
  opacity: 1;
  text-align: center;
}
.rCampaigns__creativeStatic__content img {
  -ms-flex: 1;
      flex: 1;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 750px;
  max-height: unset !important;
  display: block;
}
.rCampaigns__creativeStatic__content.loading {
  opacity: 0.4;
}
.rCampaigns__creativeVideo {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.rCampaigns__creativeVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rCampaigns__creativeVideo__timer {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
  background-color: rgba(255, 255, 255, 0.9);
}
.rCampaigns__creativeUnknown {
  text-align: center;
  padding: 30px 100px;
  max-width: 500px;
  margin: 0 auto;
}
.rCampaigns__creativeUnknown h1 {
  font-size: 20px;
  font-weight: bold;
  color: #555a5f !important;
}
.rCampaigns__creativeUnknown h3 {
  font-size: 16px;
}
.rCampaigns__cartOverview {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.rCampaigns__cartOverview__title {
  color: #8a939b;
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  cursor: help;
}
.rCampaigns__cartOverview__title .icon {
  margin-left: 2px;
}
.rCampaigns__cartOverview__total {
  color: #e91e63;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
}
.rCampaigns__cartOverview__tooltip h2 {
  font-weight: 600;
  color: #4f8cf1;
}
.rCampaigns__cartOverview__breakdown {
  font-size: 14px;
  color: #8a939b;
}
.rCampaigns__cartOverview__breakdown .tooltipTotal {
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #eee;
}
.rCampaigns__cartOverview__breakdown .tooltipTotal .total {
  color: #e91e63;
  font-weight: 600;
}
.rCampaigns__cartOverview__breakdown .itemDiscounts {
  margin-bottom: 3px;
}
.rCampaigns__cartOverview__breakdown .viewBundleAndSave {
  color: #8eb5f6;
  transition: all .2s;
  margin-left: 5px;
}
.rCampaigns__cartOverview__breakdown .viewBundleAndSave:hover {
  cursor: pointer;
  color: #4f8cf1;
  text-decoration: underline;
}
.rCampaigns__cartOverview__breakdown .breakdownTotal {
  margin-left: 5px;
  text-align: right;
  font-weight: bold;
}
.rCampaigns__cartOverview__details {
  font-size: 14px;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px dashed #eee;
}
.rCampaigns__cartDisclaimer {
  margin-top: 10px;
  padding: 10px;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}
.rCampaigns__cartDisclaimer__text {
  color: #ef5d8f;
}
.rCampaigns__itemDeal {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 0 7px;
  border-radius: 3px;
  background: #e91e63;
}
.rCampaigns__itemDeal:hover {
  cursor: pointer;
}
.rCampaigns__itemDeal__tooltip p {
  font-size: 14px;
}
.rCampaigns__videoPreview__preview {
  position: relative;
  margin: 30px auto 30px auto;
  text-align: center;
  max-width: 800px;
  border: 4px solid #eff2f4;
  border-radius: 3px;
  background: #fff;
}
.rCampaigns__videoPreview__preview > img {
  display: block;
  max-width: 100%;
  transition: opacity 0.3s;
  opacity: 0.8;
}
.rCampaigns__videoPreview__preview__playIcon {
  font-size: 80px;
  color: #e91e63;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  opacity: 0.9;
  transition: color 0.3s;
}
.rCampaigns__videoPreview__preview:hover {
  cursor: pointer;
}
.rCampaigns__videoPreview__preview:hover > img {
  opacity: 1;
}
.rCampaigns__videoPreview__preview:hover .rCampaigns__videoPreview__preview__playIcon {
  opacity: 1;
}
.rCampaigns__videoOverlay {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(85, 90, 95, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rCampaigns__videoOverlay:hover {
  cursor: pointer;
}
.rCampaigns__videoOverlay__exit {
  color: #fff;
  font-size: 30px;
}
.rCampaigns__videoOverlay__exit:hover {
  color: #f6b3b3;
}
.rCampaigns__videoOverlay iframe {
  width: 90%;
  height: 90%;
  max-width: 1520px;
  max-height: 1000px;
}
.rCampaigns__SupplyDetails {
  padding-bottom: 30px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #eaeaea;
  font-size: 16px;
  position: relative;
}
.rCampaigns__SupplyDetails .emphasize {
  font-weight: bold;
  color: #e91e63;
}
.rCampaigns__SupplyDetails .maximum {
  font-size: 12px;
  color: #a2acb5;
}
.rCampaigns__review__container {
  padding: 0;
  margin-bottom: 12px;
}
.rCampaigns__review__header {
  border-left: 5px solid #8eb5f6;
  border-bottom: 1px solid #eff2f4;
  padding: 12px;
}
.rCampaigns__review__header h1 {
  font-weight: 600 !important;
}
.rCampaigns__review__header:hover {
  cursor: pointer;
}
.rCampaigns__review__content .row {
  padding: 12px;
  padding-left: 17px;
}
.rCampaigns__review__content .row:nth-child(even) {
  background-color: #f4f8fe;
}
.rCampaigns__review__content .innerRow {
  padding-left: 12px;
}
.rCampaigns__review__content .itemSection:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.rCampaigns__review__content .green {
  color: #57c559;
}
.rCampaigns__review__content .red {
  color: #eb5252;
}
.rCampaigns__review__content .fire {
  color: #e91e63;
}
.rCampaigns__dealAdminCampaign h2 {
  font-weight: bold;
}
.rCampaigns__dealAdminCampaign h3 {
  font-weight: 600;
}
.rCampaigns__dealAdminCampaign .header {
  border-bottom: 2px solid #eff2f4;
}
.rCampaigns__dealAdminCampaign .barnyard-Row {
  padding: 8px 0;
}
.rCampaigns__dealAdminCampaign .fire {
  color: #e91e63;
}
.rCampaigns__dealAdminCampaign .audienceForm {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.rCampaigns__dealAdminCampaign .audienceForm:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.CreativeSurveyDetail__Button {
  margin: 10px 0;
}
.CreativeSurveyQuestionDetail__QuestionHeader {
  min-height: 35px;
}
.CreativeSurveyQuestionDetail__QuestionLabel {
  padding-top: 2px;
}
.CreativeSurveyQuestionDetail__QuestionLabel.barnyard-Label > label {
  font-size: 15px;
}
.CreativeSurveyQuestionDetail__QuestionText {
  border-radius: 2px;
  background-color: #f9fafb;
  padding: 2px 3px;
}
.CreativeSurveyQuestionForm .barnyard-BaseInput {
  margin-bottom: 10px;
}
.CreativeSurveyQuestionForm__Buttons {
  padding: 10px 0;
}
.CreativeSurveyQuestionForm__Button {
  width: 100%;
}
.CashbackSurvey {
  padding: 10px 25px;
}
.CashbackSurvey__Header {
  text-align: center;
}
.CashbackSurvey__Header h1 {
  border-bottom: 1px solid #e2e7eb;
}
.CashbackSurvey__Input {
  margin-top: 15px;
}
.CashbackSurvey .barnyard-BaseInput {
  margin-bottom: 10px;
}
/*****
Checkout Sidebar
*****/
.Checkout__sidebar__supplier {
  position: relative;
  padding: 5px;
  border-bottom: 1px solid #e2e7eb;
  transition: background 0.2s;
}
.Checkout__sidebar__supplier.active {
  background: #dce9f3;
}
.Checkout__sidebar__supplier.active::after {
  content: " ";
  position: absolute;
  z-index: 2;
  right: -1px;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
}
.Checkout__sidebar__supplier:not(.active):hover {
  background: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.Checkout__sidebar__supplier__icon {
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 17px;
}
.Checkout__sidebar__supplier__icon .fa-exclamation-triangle {
  color: #eb5252;
}
.Checkout__sidebar__supplier__icon .fa-check-circle {
  color: #57c559;
}
.Checkout__sidebar__supplier__icon .text {
  font-size: 14px;
  font-weight: 600;
  background: #cdd6dd;
  color: #fff;
  padding: 2px 4px 2px 4px;
  border-radius: 10px;
  font-style: normal;
}
.Checkout__sidebar__supplier__icon .text.has_items {
  background: #4f8cf1;
  background-image: linear-gradient(to bottom, #8eb5f6 0%, #4f8cf1 100%);
}
/*****
Checkout Summary (used by history app)
*****/
.Checkout__summary {
  margin: 20px;
}
.Checkout__summary__item {
  font-size: 15px;
  color: #888;
}
.Checkout__summary__item::after {
  display: table;
  content: " ";
  clear: both;
}
.Checkout__summary__item__tbd {
  font-style: italic;
}
.Checkout__summary__item .Checkout__summary__item__value {
  float: right;
  font-weight: 600;
  color: #555a5f;
}
.Checkout__summary__item--discount {
  color: #57c559;
  font-weight: bold;
}
.Checkout__summary__item--discount .Checkout__summary__item__value {
  color: #57c559;
}
.Checkout__summary__item--total {
  margin-bottom: 15px;
  font-size: 20px;
  border-top: 1px dashed #e2e7eb;
  padding-top: 10px;
  margin-top: 10px;
}
.Checkout__summary__item--total .Checkout__summary__item__value {
  color: #4f8cf1;
}
.Checkout__summary__item--agency {
  margin-bottom: 15px;
}
.Checkout__summary__explain {
  margin-top: 40px;
  font-size: 12px;
  color: #999;
}
.Checkout__summary__options {
  margin-right: 20px;
  border-left: 3px solid #eb5252;
  padding-left: 10px;
}
.Checkout__summary__options--info {
  border-left-color: #4f8cf1;
}
/*******
Checkout Updating / Errors
*******/
.CheckoutOverlay {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
}
.CheckoutUpdating {
  position: relative;
  padding: 60px 20px;
  text-align: center;
  width: 100%;
}
.CheckoutUpdating h3 {
  font-weight: normal;
  margin-bottom: 10px;
}
.CheckoutUpdating h4 {
  font-weight: normal;
  letter-spacing: 0.5px;
  font-size: 16px;
  color: #999;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}
.CheckoutUpdating h4.error {
  color: #eb5252;
}
.CheckoutUpdating .fa-spin {
  color: #4f8cf1;
}
.CheckoutUpdating .fa-exclamation-triangle {
  color: #eb5252;
  margin: 20px 0;
}
.CheckoutUpdating__errorMessage {
  color: #eb5252;
  font-weight: bold;
  letter-spacing: 0.5px;
  font-size: 20px;
  max-width: 600px;
  margin: 0 auto 20px auto;
  line-height: 1.5;
}
.CheckoutUpdating__errorMessage p {
  font-weight: bold;
}
.CheckoutUpdating__errorMessage a {
  text-decoration: underline;
  color: #eb5252;
}
.CheckoutUpdating__offsiteActions {
  margin: 50px 0;
}
.CheckoutUpdating__faq {
  margin: 80px 20px 50px 20px;
  padding: 50px 0 0 0;
  border-top: 1px dashed #d6d6d6;
}
.CheckoutUpdating__faq h1 {
  text-align: center;
  padding-bottom: 40px;
}
.CheckoutUpdating__faq .CouponIndex__faq {
  margin-bottom: 30px;
}
.CheckoutFormErrors {
  color: white;
  background: #eb5252;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.CheckoutFormErrors p {
  font-weight: bold;
}
.CheckoutFormErrors > div {
  margin-bottom: 0;
}
/*******
// Checkout Actions
// *******/
.CActions {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
}
.CAction {
  border: 1px solid #eaeaea;
  background: #fff;
  transition: background 0.2s;
  border-radius: 3px;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #8a939b;
  white-space: nowrap;
}
.CAction:not(:first-child) {
  margin-left: 5px;
}
.CAction:not(.CAction--disabled):hover {
  background: #f6f6f6;
  cursor: pointer;
}
.CSaveAction:hover {
  cursor: pointer;
  color: #315795;
}
.CAction--disabled {
  opacity: 0.6;
  background: #f6f6f6;
}
.CAction--disabled:hover {
  cursor: not-allowed;
}
.CMove {
  position: absolute;
  right: 0;
  z-index: 10;
  border: 1px solid #dadada;
  border-radius: 2px;
  background: #fff;
  min-width: 400px;
  max-width: 100%;
}
.CMove--error {
  padding: 20px;
  font-weight: bold;
  text-align: center;
  color: #eb5252;
}
.CMove__option {
  padding: 5px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  transition: background 0.2s;
}
.CMove__option > div:first-child {
  width: 100px;
  -ms-flex-preferred-size: 0 0 100px;
      flex-basis: 0 0 100px;
}
.CMove__option > div:nth-child(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.CMove__option > div:nth-child(3) {
  -ms-flex-preferred-size: 0 0 100px;
      flex-basis: 0 0 100px;
  width: 100px;
  text-align: right;
}
.CMove__option > div:nth-child(4) {
  width: 40px;
  -ms-flex-preferred-size: 0 0 40px;
      flex-basis: 0 0 40px;
  text-align: right;
}
.CMove__option .fa {
  font-size: 16px;
  color: #eee;
  transition: color 0.2s;
}
.CMove__option.is_active:hover {
  background: #f4f8fe;
  cursor: pointer;
}
.CMove__option.is_active:hover .fa-plus-circle {
  color: #57c559;
}
.CMove__option:not(.is_active):hover {
  cursor: not-allowed;
}
/*******
Checkout Progess Bar
*******/
.MixedProgress {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #f1f1f1;
  z-index: 2;
}
.MixedProgress__inner {
  left: 0;
  top: 0;
  height: 2px;
  position: absolute;
  transition: width 1s;
  background: #4f8cf1;
}
/*******
Checkout Messages
*******/
.rCheckoutMessages {
  font-size: 16px;
  text-wrap: balance;
}
/*******
Checkout Subaccount
*******/
.CheckoutSubaccountOption {
  border: 1px solid #dadada;
  border-radius: 3px;
  display: block;
  background: #fafafa;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
}
.CheckoutSubaccountOption.active {
  border-color: #4f8cf1;
  background: #e6effd;
}
.CheckoutSubaccountOption:not(.active):hover {
  cursor: pointer;
}
.CheckoutSubaccountOption.disabled:hover {
  cursor: not-allowed;
}
.CheckoutSubaccountOption__key {
  text-transform: uppercase;
  color: #999;
  font-size: 12px;
}
.CheckoutSubaccountOption__value {
  float: right;
  font-size: 13px;
}
.CheckoutSubaccountChoice {
  border-radius: 3px;
  display: block;
  background: #fafafa;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
}
.CheckoutSubaccountChoice:hover {
  cursor: pointer;
}
/*** Checkout V2 ***/
.rCheckout .DiscussModule {
  position: relative;
}
.rCheckout .DiscussBrowse__sidebar {
  max-width: 200px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rCheckout .DiscussBrowse__header {
  padding: 10px 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rCheckout .DiscussBrowse__header h1 {
  color: #fff;
}
.rCheckout__sectionHeader {
  text-transform: uppercase;
  color: #8a939b;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 600px;
  margin-bottom: 6px;
}
.rCheckout__sectionHeader.has-error {
  color: #eb5252;
}
.rCheckoutTerms {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.rCheckoutVendors {
  background: #fff;
  border: 1px solid #e2e7eb;
}
.rCheckoutVendor__intro {
  height: 126px;
  margin-bottom: 15px;
  border: 1px solid #e2e7eb;
  text-align: center;
  background: #fff;
}
.rCheckoutVendor__intro h1 {
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  font-weight: bold;
  color: #8a939b;
  border-bottom: 1px solid #e2e7eb;
}
.rCheckoutVendor__intro a {
  display: block;
  color: #8a939b;
  padding: 8px 5px;
  font-weight: 600;
  font-size: 14px;
  transition: color 0.2s, background 0.2s;
}
.rCheckoutVendor__intro a:hover {
  background: #f9fafb;
}
.rCheckoutVendor__intro h3 {
  font-size: 20px;
  font-weight: bold;
  font-weight: normal;
  line-height: 1;
  color: #4f8cf1;
}
.rCheckoutVendor__intro h4 {
  font-size: 12px;
  color: #bbb;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.5);
}
.rCheckoutVendor__introStats {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  height: 56px;
  background: #f4f8fe;
  border-bottom: 1px solid #e2e7eb;
}
.rCheckoutVendor__introStats > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rCheckoutVendors__item {
  display: block;
  position: relative;
  padding: 7px 10px;
  font-weight: 400;
  font-size: 16px;
  color: #6e767c;
}
.rCheckoutVendors__item strong {
  font-weight: 600;
}
.rCheckoutVendors__item.active {
  background: #f8fafd;
}
.rCheckoutVendors__item:hover {
  text-decoration: none;
}
.rCheckoutVendors__item:not(.active):hover {
  background: #f8fafd;
  cursor: pointer;
}
.rCheckoutVendors__item:not(.active):hover .barnyard-vetcove-logo {
  color: #68d0e3;
}
.rCheckoutVendors__item:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rCheckoutVendors__item .fa-angle-right {
  display: inline-block;
  margin-top: 3px;
  float: right;
}
.rCheckoutVendors__lock {
  margin-left: 10px;
  color: #aaa;
}
.rCheckoutVendors__band {
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  left: 0;
  background: #fafafa;
}
.rCheckoutVendors__paw {
  height: 18px;
  margin-left: 7px;
}
.rCheckoutVendors__mobile {
  display: none;
}
@media (max-width: 900px) {
  .responsive .rCheckoutVendors__mobile {
    display: block;
  }
  .responsive .rCheckoutVendors__items.mobile-hide {
    display: none;
  }
  .responsive .rCheckoutVendors__item:first-child {
    border-bottom: 1px solid #e2e7eb;
  }
}
.ActiveBudgets {
  padding: 0;
  margin-bottom: 15px;
  position: relative;
}
.ActiveBudgets__header {
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  font-weight: bold;
  color: #8a939b;
  border-bottom: 1px solid #e2e7eb;
}
.ActiveBudgets__header--search {
  font-size: 14px;
  text-align: left;
  margin: 0 10px;
  border-bottom: 1px dashed #eaeaea;
}
.ActiveBudgets > a {
  transition: color 200ms;
  color: #8a939b;
  font-weight: 600;
  font-size: 12px;
  position: absolute;
  top: 0;
  line-height: 24px;
  right: 8px;
}
.ActiveBudgets > a:hover {
  color: #555a5f;
}
.ActiveBudget {
  padding: 8px;
  display: block;
  color: #6e767c;
}
.ActiveBudget:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.ActiveBudget h2 {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
}
.ActiveBudget h3 {
  transition: opacity 600ms;
  font-size: 14px;
  color: #8a939b;
  background: white;
  position: relative;
  line-height: 1;
  z-index: 1;
}
.ActiveBudget__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 4px 0;
}
.ActiveBudget__lines {
  position: relative;
}
.ActiveBudget__vertical {
  transition: all 600ms;
  transition-property: left, width, opacity;
  height: 14px;
  width: 1px;
  top: 0;
  background-color: #e2e7eb;
  position: absolute;
}
.ActiveBudget__horizontal {
  transition: all 600ms;
  transition-property: left, width, opacity;
  height: 1px;
  top: 13px;
  background-color: #e2e7eb;
  position: absolute;
}
.ActiveBudget__progress {
  height: 8px;
  background-color: #eff2f4;
  border-radius: 5px;
  position: relative;
}
.ActiveBudget__progress--spend {
  transition: width 600ms;
  background-color: #4f8cf1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.ActiveBudget__progress--pending {
  transition: width 600ms;
  background-color: #68d0e3;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.ActiveBudget--no-spend {
  opacity: 0;
}
.ActiveBudgetIcon h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  padding: 8px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e2e7eb;
}
.ActiveBudgetIcon h5 {
  font-weight: 600;
}
.ActiveBudgetIcon > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 8px;
}
.ActiveBudgetIcon__tooltip {
  padding: 0;
}
.ActiveBudgetIcon__icon {
  font-size: 12px;
  margin: 0 4px;
  color: #eea314;
}
/*** Cart Errors ***/
.rCartBox {
  padding: 60px 40px;
  background: #fff;
  border: 1px solid #e2e7eb;
}
.rCartBox__inner {
  max-width: 800px;
  margin: 0 auto;
}
.rCartState {
  text-align: center;
  color: #8a939b;
}
.rCartState .fa-exclamation-triangle {
  color: #eb5252;
  margin-bottom: 10px;
}
.rCartState h3 {
  margin: 10px 0;
  font-weight: 600;
}
.rCartState h4 {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 16px;
}
.rCartState .error {
  color: #eb5252;
}
/*** Progress on checking out ***/
.rCheckoutProgress {
  border-top: none;
  display: -ms-flexbox;
  display: flex;
}
.rCheckoutProgress__number {
  display: inline-block;
  background: #a2acb5;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  transition: 0.4s;
}
.rCheckoutProgress__angle {
  position: absolute;
  top: -8px;
  right: 0;
  margin-right: -5px;
  font-size: 38px;
  color: #ddd;
}
.rCheckoutProgress__step {
  position: relative;
  text-align: center;
  -ms-flex: 1;
      flex: 1;
  font-size: 15px;
  color: #a2acb5;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: color 0.4s, opacity 0.4s;
  padding: 8px 5px;
  font-weight: bold;
}
.rCheckoutProgress__step.active {
  color: #4f8cf1;
  font-weight: bold;
}
.rCheckoutProgress__step.active .rCheckoutProgress__number {
  background: #4f8cf1;
  color: #fff;
}
.rCheckoutProgress__step.completed {
  color: #57c559;
}
.rCheckoutProgress__step.completed .rCheckoutProgress__angle {
  color: #57c559;
}
.rCheckoutProgress__step.completed .rCheckoutProgress__number {
  background: #57c559;
}
.rCheckoutProgress__step.selectable:hover {
  cursor: pointer;
  color: #3cad3e;
}
/*** Split Pane Cart ***/
.rCheckoutSplit {
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
@media (max-width: 900px) {
  .rCheckoutSplit {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.rCheckoutSplit__side,
.requisitionSplit__summary {
  -ms-flex: 0 0 300px;
      flex: 0 0 300px;
  max-width: 100%;
  background: #fff;
  border-left: 1px dashed #e2e7eb;
  -ms-flex-order: 1;
      order: 1;
  padding: 20px;
}
@media (max-width: 900px) {
  .rCheckoutSplit__side,
  .requisitionSplit__summary {
    border-left: unset;
    border-top: 1px dashed #e2e7eb;
    -ms-flex-order: 1;
        order: 1;
  }
}
.rCheckoutSplit__main {
  padding: 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}
.rCheckoutSplit__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 20px;
  border-top: 1px dashed #e2e7eb;
}
.rCheckoutSplit__footer a,
.rCheckoutSplit__footer button {
  min-width: 260px;
}
.rCheckoutSplit__footer p {
  font-size: 15px;
  text-align: center;
}
.rCheckoutSplit__footer--requisitions {
  background-color: white;
  position: relative;
  top: -5px;
  border: 1px solid #e2e7eb;
  border-top: 1px dashed #e2e7eb;
}
.rCheckoutSplit__option h2 {
  font-size: 15px;
  margin-bottom: 10px;
  opacity: 0.6;
}
.rCheckoutSplit__option.has-error h1 {
  color: #eb5252;
}
.rCheckoutSplit__section {
  margin-bottom: 30px;
}
.rCheckoutSplit__section h2 {
  font-weight: normal;
}
.rCheckoutSplit__optionHeader {
  margin-bottom: 20px;
}
.rCheckoutSplit__field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.rCheckoutSplit__field .Form__group {
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.rCheckoutSplit__successMessage {
  color: #57c559;
  font-size: 16px;
  margin-bottom: 5px;
}
.rCheckoutSplit__input--rowSelect {
  font-size: 18px;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1.4;
}
.rCheckoutSplit__input--rowSelect .Form__control.Form__control--large {
  width: 60px;
  margin-right: 20px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rCheckoutSplit__input--rowSelect .rCheckoutSplit__inputTextWithImage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rCheckoutSplit__input--rowSelect .rCheckoutSplit__inputTextWithImage__text {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rCheckoutSplit__input--rowSelect .rCheckoutSplit__inputTextWithImage__image {
  max-width: 80px;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-order: 2;
      order: 2;
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.rCheckoutSplit__input--rowSelect:hover {
  cursor: pointer;
}
.rCheckoutSplit__inputImage {
  max-width: 70px;
  max-height: 45px;
}
.rCheckoutSplit__message {
  text-align: right;
  opacity: 0.6;
  padding-left: 10px;
}
.rCheckoutSplit__paragraph {
  font-weight: normal;
  font-size: 17px;
  letter-spacing: 0.25px;
  margin-bottom: 20px;
}
.rCheckoutSplit__static-fields {
  border-bottom: 1px dashed #eff2f4;
  margin-bottom: 20px;
  border-top: 1px dashed #eff2f4;
  margin-top: 20px;
  padding-top: 20px;
}
.rCheckoutSplit--requisitions {
  min-height: 0;
}
.rCheckoutSplit--requisitions .rCheckoutSplit__static-fields {
  border: none;
  padding-top: 0;
}
.rCheckoutTimeout {
  text-align: center;
  padding: 40px 20px;
}
.rCheckoutTimeout h1 {
  font-weight: bold;
  font-size: 22px;
}
.rCheckoutTimeout p {
  padding: 10px 0 20px 0;
  margin: 0 auto;
  max-width: 450px;
  font-size: 16px;
}
.rCheckoutDuplicateModal {
  text-align: center;
  padding: 40px 20px;
}
.rCheckoutDuplicateModal h1 {
  font-weight: bold;
  font-size: 22px;
}
.rCheckoutDuplicateModal p {
  padding: 10px 0 20px 0;
  margin: 0 auto;
  max-width: 450px;
  font-size: 16px;
}
.rCheckoutSupplierTotal__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #6e767c;
}
.rCheckoutSupplierTotal__main:hover {
  color: #315795;
}
.rCheckoutSupplierTotal__main p {
  font-size: 16px;
}
.rCheckoutSupplierTotal__main p svg {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.rCheckoutSupplierTotal__items {
  padding-bottom: 12px;
}
.rCheckoutSupplierTotal__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 8px;
}
/*** Interactive Options ***/
.rCheckoutInteractiveOption {
  margin-bottom: 25px;
}
.rCheckoutInteractiveOption__warning {
  margin-bottom: 10px;
  max-width: 600px;
}
.rCheckoutInteractiveOption__header {
  margin-bottom: 5px;
  max-width: 600px;
}
.rCheckoutInteractiveOption__header h2 {
  font-weight: normal;
  letter-spacing: 0.25px;
  font-size: 15px;
  margin-bottom: 5px;
}
.rCheckoutInteractiveOption__headerName {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rCheckoutInteractiveOption__inputs {
  -ms-flex-preferred-size: 600px;
      flex-basis: 600px;
  max-width: 600px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rCheckoutInteractiveOption__inputs.skipped {
  opacity: 0.4;
}
.rCheckoutInteractiveOption__message {
  margin-top: 20px;
  max-width: 600px;
  font-size: 15px;
  opacity: 0.6;
  padding-left: 5px;
  letter-spacing: 0.25px;
}
/*** Static Fields ***/
.rCheckoutStaticField {
  margin-bottom: 20px;
}
.rCheckoutStaticField h2 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.25px;
  opacity: 0.75;
}
.rCheckoutStaticField__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/*** Mini Items ***/
.rCheckoutMiniItem {
  display: -ms-flexbox;
  display: flex;
}
.rCheckoutMiniItem h3 {
  color: #8a939b;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}
.rCheckoutMiniItem:not(:last-child) {
  margin-bottom: 15px;
}
.rCheckoutMiniItem__main {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rCheckoutMiniItem__image {
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  padding-right: 20px;
}
.rCheckoutMiniItem__image img {
  max-width: 100%;
  max-height: 40px;
}
.rCheckoutMiniItem__prices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: normal;
  font-size: 15px;
  color: #8a939b;
}
.rCheckoutMiniItem__sku {
  font-weight: normal;
  font-size: 15px;
  color: #8a939b;
}
/*** Receipty Page ****/
.rCheckoutReceipt__header {
  padding: 40px 0;
  margin: 0 20px;
  text-align: center;
  border-bottom: 1px dashed #e6e6e6;
}
.rCheckoutReceipt__header .fa-check-circle {
  color: #6acc6c;
}
.rCheckoutReceipt__header h1 {
  margin: 10px 0 10px 0;
  font-weight: normal;
  font-size: 36px;
  color: #6acc6c;
}
.rCheckoutReceipt__header h2 {
  font-size: 16px;
  color: #888;
  font-weight: normal;
  max-width: 600px;
  margin: 0 auto 10px auto;
}
.rCheckoutReceipt__header a {
  font-size: 16px;
}
.rCheckoutReceipt__body {
  padding: 40px 0 20px 0;
  margin: 20px 40px;
  border-top: 1px dashed #d6d6d6;
}
.rCheckoutReceipt__body h1 {
  color: #4f8cf1;
  font-weight: bold;
  opacity: 0.9;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rCheckoutReceipt__body h2 {
  font-weight: normal;
  font-size: 16px;
}
.rCheckoutReceipt__body h2.cashback strong {
  color: #57c559;
}
.rCheckoutReceipt__action {
  margin-top: 30px;
}
.rCheckoutReceipt__action p {
  font-size: 17px;
  font-weight: bold;
}
.rCheckoutReceipt__fact {
  margin-bottom: 35px;
}
.rCheckoutReceipt__item {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  padding: 7px 0;
}
.rCheckoutReceipt__item a {
  color: #555;
  font-weight: bold;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.rCheckoutReceipt__exports {
  padding: 20px;
}
.rCheckoutReceipt__exports > button {
  margin-left: 24px;
}
/*** Checkout Totals ***/
.rCheckoutTotals {
  margin-bottom: 20px;
}
.rCheckoutTotals__suppliers {
  padding-bottom: 5px;
  margin-bottom: 7px;
  border-bottom: 1px dashed #e2e7eb;
}
.rCheckoutTotal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
}
.rCheckoutTotal.total {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dashed #e2e7eb;
  font-size: 24px;
}
.rCheckoutTotal.discount {
  color: #57c559;
}
.rCheckoutTotal.total .rCheckoutTotal__value {
  color: #4f8cf1;
  font-weight: bold;
}
/*** Mixed Cart ***/
.MixedCart {
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
  border-left: 3px solid #6de68c;
  border-left: 3px solid #4f8cf1;
}
.MixedCart h1 {
  color: #4f8cf1;
}
.MixedCart__checkoutButtonContainer {
  margin: 0 auto;
  text-align: center;
}
.MixedCart__saveTitle {
  text-align: center;
}
.MixedCart__requisition-message {
  margin-top: 5px;
  line-height: 1.3;
}
.MixedCart__header {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  background: #f9fafb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px;
}
.MixedCart__savedItems {
  border: 1px solid #efefef;
  margin: 0 20px 10px 20px;
  background: #fafafa;
  padding: 0 10px;
  border-radius: 4px;
  display: block;
}
.MixedCart__savedItems__header {
  width: 100%;
  padding: 5px 0;
}
.MixedCart__savedItems__header:hover {
  cursor: pointer;
}
.MixedCart__savedItems__header h1 {
  font-size: 15px;
  font-weight: 600;
  color: #6e767c;
  transition: color 0.2s;
}
.MixedCart__savedItems__header h1:hover {
  color: #555a5f;
  cursor: pointer;
}
.MixedCart__savedItems__body {
  border-top: 1px dashed #d6d6d6;
  padding-top: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.MixedCart__savedItems__body .CartItem__container {
  width: 100%;
}
.MixedCart__savedItems__action {
  color: #8a939b;
  margin-left: 20px;
  transition: color 0.2s;
  font-size: 14px;
  font-weight: 600;
}
.MixedCart__savedItems__action:hover {
  cursor: pointer;
  color: #707a82;
}
.SavedItem {
  margin: 10px 0;
}
.SavedItem__imageContainer {
  max-width: 120px;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  width: 120px;
  margin: 0 auto;
  text-align: center;
}
.SavedItem__image {
  background: #fff;
  padding: 10px;
  border: 1px solid #efefef;
  border-radius: 2px;
  width: 100px;
  position: relative;
}
.SavedItem__image img {
  max-height: 60px;
  max-width: 100px;
}
.SavedItem__quantity {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  min-width: 25px;
  border: 1px solid #d6d6d6;
  border-radius: 15px;
  font-weight: bold;
  padding: 0 3px;
  font-size: 16px;
}
.SavedItem__itemName {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
}
.SavedItem__itemName a {
  transition: color 0.2s;
}
.SavedItem__itemName a:hover {
  color: #3a68b2;
}
.SavedItem__itemDate {
  color: #8a939b;
  font-size: 13px;
  margin-bottom: 5px;
}
.SavedItem__action {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.SavedItem__action > div {
  background: #fff;
  white-space: nowrap;
  margin-right: 5px;
  color: #6e767c;
  transition: background 0.2s;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.SavedItem__action > div:hover {
  cursor: pointer;
  background: #f9fafb;
}
.MixedCart__name {
  font-size: 18px;
  font-weight: 600;
  color: #707a82;
}
.MixedCart__body {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 30px 20px;
  width: 100%;
}
@media (max-width: 900px) {
  .MixedCart__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.MixedCart__items {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-right: 20px;
}
@media (max-width: 900px) {
  .MixedCart__items {
    padding-right: unset;
    -ms-flex-order: 1;
        order: 1;
  }
}
.MixedCart__summary {
  border-left: 1px dashed #d6d6d6;
  max-width: 230px;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 20px;
}
@media (max-width: 900px) {
  .MixedCart__summary {
    border-top: 1px dashed #d6d6d6;
    border-left: unset;
    padding-left: unset;
    padding-top: 20px;
    max-width: 100%;
    -ms-flex-order: 2;
        order: 2;
  }
}
.MixedCart__summaryValue {
  font-size: 15px;
  color: #8a939b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1;
}
.MixedCart__summaryValue .total {
  font-size: 22px;
  float: right;
  font-weight: 600;
  color: #4f8cf1;
}
.MixedCart__summaryValue.shipping {
  margin: 10px 0;
}
.MixedCart__summaryValue.shipping .shipping {
  color: #8a939b;
  font-weight: 600;
}
.MixedCart__summaryValue.discount {
  margin: 10px 0;
}
.MixedCart__summaryValue.discount .discount {
  color: #57c559;
  font-weight: 600;
}
.MixedCart__summaryValue.savings {
  margin-top: 15px;
}
.MixedCart__summaryValue.savings span:last-child {
  color: #57c559;
  font-weight: bold;
}
.MixedCart__checkoutMessage {
  border-radius: 3px;
  padding: 6px 8px;
  font-size: 13px;
  margin: 15px 0 10px 0;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  background: #f3f5f7;
  color: #6e767c;
}
.MixedCart__checkoutMessage.info {
  background: #ebf2fd;
  color: #4f8cf1;
}
.MixedCart__checkoutMessage.danger {
  background: #eb5252;
  color: #fff;
}
.MixedCart__actions {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
}
.MixedCart__actions > * {
  color: #8a939b;
  margin-left: 40px;
  transition: color 0.2s;
}
@media (max-width: 1250px) {
  .MixedCart__actions > * {
    margin-left: 20px;
  }
}
.MixedCart__actions > div:hover {
  cursor: pointer;
  color: #707a82;
}
.MixedCart__actions > div:hover .disabled {
  cursor: not-allowed;
  color: #8a939b;
}
.MixedCart__offsite {
  font-size: 13px;
  text-align: center;
}
.MixedCart__offsite a {
  display: inline-block;
  margin-top: 5px;
  font-size: 15px;
}
.MixedCart__offsite a:hover {
  color: #206ded;
}
.MixedCart__offsiteAlternate {
  font-size: 13px;
  margin: 8px auto 0 auto;
  text-align: center;
}
.MixedCart__offsiteAlternate a {
  transition: color 0.2s;
}
.MixedCart__offsiteAlternate a:hover {
  color: #206ded;
}
.MixedCart__footer {
  padding: 5px 20px;
  border-top: 1px solid #e6e6e6;
}
.MixedCart__footer a {
  color: #4f8cf1;
  margin: 0 3px;
}
.MixedCart__footer a:hover {
  text-decoration: underline;
}
.MixedCart__message {
  color: #e94444;
  background: #fdf2f2;
  letter-spacing: 0.4px;
  text-align: center;
  padding: 5px 20px;
}
.MixedCart__message h1 {
  font-weight: bold;
  font-size: 16px;
}
.MixedCart__message h2 {
  font-weight: normal;
  font-size: 14px;
}
.MixedCart__message.MixedCart__message--danger {
  background: #fdf2f2;
}
.MixedCart__message.MixedCart__message--danger h1,
.MixedCart__message.MixedCart__message--danger h2 {
  color: #e94444;
}
.MixedCart__message.MixedCart__message--success {
  font-weight: normal;
  background: #ebf8eb;
  border-bottom: 1px solid #d4f0d5;
}
.MixedCart__message.MixedCart__message--success h1,
.MixedCart__message.MixedCart__message--success h2 {
  color: #4cc14e;
}
.MixedCart__shippingMinimum {
  width: 100%;
  padding: 10px 20px;
  font-size: 16px;
  border-bottom: 1px solid #eff2f4;
  text-align: left;
  letter-spacing: 0.25px;
  background: #f9fafb;
}
.MixedCart__shippingMinimum__progress {
  font-weight: bold;
  max-width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
}
.MixedOverlay {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCheckoutCancel {
  text-align: center;
  padding: 20px;
}
.rCheckoutCancel h2,
.rCheckoutCancel h3 {
  font-weight: normal;
}
.rCheckoutCancel h3 {
  font-size: 18px;
}
/**** Cart substition Module ****/
.MixedCart__substituteOverlay {
  padding: 20px;
}
.MixedCart__substituteOverlay__overlay {
  width: 1000px;
  padding: 0px;
}
.MixedCart__substituteOverlay__content:not(:last-child) {
  border-bottom: 1px dashed #dadada;
}
.MixedCart__substituteOverlay__checkbox {
  text-align: center;
  padding: 10px 5px 0px 5px;
  display: -ms-flexbox;
  display: flex;
}
.MixedCart__substituteOverlay__row {
  padding: 30px 0 10px;
}
.MixedCart__substituteOverlay__dismiss {
  text-align: center;
  padding-bottom: 20px;
}
.MixedCart__substituteOverlay__dismiss > a {
  text-decoration: underline;
  color: #555a5f;
}
.MixedCart__substituteOverlay__dismiss__loading {
  opacity: 0.5;
}
.MixedCart__substituteOverlay__item {
  background: rgba(173, 202, 249, 0.1);
  border-radius: 8px;
}
.MixedCart__substituteOverlay__item h2 {
  font-size: 12px;
  margin-bottom: 5px;
  border-bottom: 3px solid #fff;
  padding: 2px 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #919eb2;
  width: 100%;
}
.MixedCart__substituteOverlay__item h3 {
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 600;
}
.MixedCart__substituteOverlay__item h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #6e767c;
  transition: color 0.2s;
}
.MixedCart__substituteOverlay__item h4:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.MixedCart__substituteOverlay__item h5 {
  line-height: 1.3;
  padding-bottom: 3px;
}
.MixedCart__substituteOverlay__itemContent {
  padding: 8px 10px;
}
.MixedCart__substituteOverlay__checkbox:hover {
  cursor: pointer;
}
.MixedCart__substituteOverlay__image {
  max-width: 100px;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  width: 100px;
  padding: 5px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(173, 202, 249, 0.2);
  margin-right: 10px;
}
.MixedCart__substituteOverlay__image img {
  max-height: 80px;
}
.MixedCart__substituteOverlay__oldPrice {
  color: #eb5252;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  padding-top: 3px;
}
.MixedCart__substituteOverlay__qtyAdjustedPrice {
  color: #6e767c;
  font-weight: 600;
  font-size: 14px;
  padding-left: 7px;
}
.MixedCart__substituteOverlay__stock {
  border-radius: 3px;
  line-height: 1.5;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  background: #57c559;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.MixedCart__substituteOverlay__stock.muted {
  background: #bbb;
}
.MixedCart__substituteOverlay__newPrice {
  font-size: 18px;
  line-height: 1.4;
  padding-top: 3px;
  font-weight: bold;
}
.MixedCart__substituteOverlay__newPrice.lower {
  color: #57c559;
}
.MixedCart__substituteOverlay__cashBack {
  color: #e91e63;
  font-weight: 500;
  font-size: 14px;
  padding-left: 5px;
}
.MixedCart__substituteOverlay__cashBackPrice {
  color: #e91e63;
  font-weight: bold;
  font-size: 18px;
}
.MixedCart__substituteOverlay__cashBackPrice span {
  color: #e91e63;
}
.MixedCart__substituteOverlay__arrow {
  font-size: 24px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(173, 202, 249, 0.7);
  display: -ms-flexbox;
  display: flex;
}
.MixedCart__substituteOverlay__substituteMessage {
  display: none;
  border-bottom: 1px solid #aecaf9;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}
.MixedCart__substituteOverlay__substituteMessage strong {
  color: #e91e63;
  text-transform: uppercase;
}
.MixedCart__substituteTable__comparison {
  margin-top: 10px;
}
.MixedCart__substituteTable__comparisonContainer {
  margin-left: 40px;
  background: rgba(173, 202, 249, 0.1);
  border-radius: 6px;
}
.MixedCart__substituteTable__comparisonRow {
  border-top: 3px solid #fff;
  padding: 5px 0 5px 0;
}
.MixedCart__substituteTable__comparisonHeader {
  padding: 5px 0;
}
.MixedCart__substituteTable__comparisonHeader h4 {
  font-weight: bold;
  font-size: 16px;
}
.MixedCart__substituteTable__comparisonLabel {
  width: 200px;
  max-width: 200px;
  -ms-flex: 0 0 200px;
      flex: 0 0 200px;
  padding-left: 10px;
  opacity: 0.7;
  margin-right: 10px;
  border-right: 1px solid rgba(173, 202, 249, 0.5);
}
.MixedCart__substituteTable__comparisonToggle {
  border-top: 3px solid #fff;
  padding: 8px 0 8px 0;
  transition: background 0.2s;
  text-align: center;
  width: 100%;
}
.MixedCart__substituteTable__comparisonToggle:hover {
  cursor: pointer;
  background: rgba(173, 202, 249, 0.2);
}
.MixedCart__substituteTable__comparisonToggle strong {
  text-decoration: underline;
}
.MixedCart__substituteTable__comparisonToggleName {
  background: #dde9fc;
  padding: 2px 5px;
  margin-right: 2px;
  color: #4f8cf1;
  font-weight: bold;
  border-radius: 3px;
  border-radius: 100%;
}
.MixedCart__substituteTable__comparisonValue:not(:last-child) {
  margin-right: 10px;
  border-right: 1px solid rgba(173, 202, 249, 0.5);
}
.MixedCart__substituteTable__comparisonValue__rating:hover {
  cursor: pointer;
}
.MixedCart__substituteTable__comparisonValue.green {
  color: #57c559;
  font-weight: bold;
}
.MixedCart__substituteTable__comparisonValue.fuschia {
  color: #e91e63;
  font-weight: bold;
}
.MixedCart__substituteOverlay__row:not(.selected) {
  opacity: 0.5;
}
.MixedCart__substituteOverlay__row:not(.selected) .MixedCart__substituteOverlay__substituteMessage {
  border-bottom-color: #eee;
}
.MixedCart__substituteOverlay__row:not(.selected) .MixedCart__substituteOverlay__arrow {
  opacity: .4;
}
@keyframes pulse-substitution-shadow {
  0% {
    box-shadow: 0 0 0 0px rgba(241, 79, 148, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(241, 79, 148, 0);
  }
}
@keyframes pulse-substitution-border {
  0% {
    border-color: #ddd;
  }
  30% {
    border-color: #f14f94;
  }
  70% {
    border-color: #ddd;
  }
  100% {
    border-color: #ddd;
  }
}
.MixedCart__substitutionOverview {
  border: 1px solid #f14f94;
  transition: background 0.2s;
  border-radius: 4px;
  background: #fff;
  color: #f14f94;
  margin-bottom: 15px;
  animation: pulse-substitution-shadow 1.8s infinite, pulse-substitution-border 1.8s infinite;
}
.MixedCart__substitutionOverview__header {
  color: #6e767c;
  border-bottom: 1px solid #eee;
  padding: 8px 12px;
  margin-bottom: 6px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.25px;
}
.MixedCart__substitutionOverview:hover {
  background: #fafafa;
  cursor: pointer;
}
.MixedCart__substitutionOverview:hover .MixedCart__substitutionOverview__footer {
  background: #ed2077;
}
.MixedCart__substitutionOverview__footer {
  margin-top: 10px;
  background: #f14f94;
  color: #fff;
  text-align: center;
  padding: 4px 8px;
  font-weight: bold;
  border-radius: 0 0 2px 2px;
  transition: background 0.2s;
}
.MixedCart__substitutionOverview__button {
  background: #f14f94;
  color: #fff;
  text-align: center;
  padding: 4px 8px;
  font-weight: bold;
  transition: background 0.2s;
}
.MixedCart__substitutionOverview__button:hover {
  cursor: pointer;
  background: #ed2077;
}
.MixedCart__substitutionOverview__arrow {
  animation: right 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal;
}
@keyframes right {
  0% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(8%, 0, 0);
  }
  100% {
    transform: translate3d(-2%, 0, 0);
  }
}
/**** Cart Request Module ****/
.CartRequest {
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
}
.CartRequest__header {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  background: #eab958;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 5px 0 20px;
}
.CartRequest__header h1 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.CartRequest__header .fa-times {
  font-size: 20px;
  transition: color 0.2s;
}
.CartRequest__header .fa-times:hover {
  cursor: pointer;
  color: #eee;
}
.CartRequest__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.CartRequest__body {
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  width: 100%;
}
.CartRequest__body h1 {
  font-size: 16px;
  font-weight: bold;
  color: #4f8cf1;
}
.CartRequest__body a {
  display: block;
}
.CartRequest__image {
  max-width: 155px;
  -ms-flex-preferred-size: 155px;
      flex-basis: 155px;
}
.CartRequest__image img {
  max-height: 60px;
  max-width: 100%;
  padding-right: 10px;
}
.CartRequest__actions {
  border-left: 1px dashed #d6d6d6;
  max-width: 230px;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.CartRequest__dismiss {
  margin-top: 10px;
}
.CartRequest__content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 20px;
}
.CartRequest__itemName {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 5px;
  margin-bottom: 5px;
  -ms-flex-align: end;
      align-items: flex-end;
}
.CartRequest__itemName p {
  opacity: 0.8;
}
/*** Our Payment Methods ***/
.rCheckoutPayments {
  max-width: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rCheckoutPayment {
  color: #8a939b;
  background: #fff;
  padding: 6px 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 3px;
  border: 2px solid #eee;
  transition: border-color 0.2s;
}
.rCheckoutPayment.disabled {
  border: 2px solid #f0f0f0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rCheckoutPayment.disabled:hover {
  cursor: not-allowed;
}
.rCheckoutPayment.disabled p.license_number {
  color: #cdd6dd;
}
.rCheckoutPayment.disabled p.address_line {
  color: #cdd6dd;
}
.rCheckoutPayment:not(:last-child) {
  margin-bottom: 10px;
}
.rCheckoutPayment:hover {
  cursor: pointer;
}
.rCheckoutPayment:not(.active):not(.disabled):hover {
  border-color: #96baf7;
}
.rCheckout503a h3 {
  color: #6e767c;
  margin-top: 5px;
  margin-bottom: 5px;
}
.rCheckoutPayment__logo {
  margin-left: 10px;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  font-size: 30px;
  line-height: 1;
  color: #ddd;
}
.rCheckoutPayment__name {
  -ms-flex-positive: 1;
      flex-grow: 1;
  color: #555a5f;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.rCheckoutPayment__expiration {
  text-align: right;
  color: #999;
}
.rCheckoutPayment.active {
  border-color: #679bf3;
  background: #f9fbff;
}
.rCheckoutPayment.active .rCheckoutPayment__logo {
  color: #4f8cf1;
}
.rCheckoutPayment__new {
  text-align: center;
  margin: 5px auto 0 auto;
  padding: 10px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.5px;
  transition: color 0.2s;
}
.rCheckoutPayment__new:hover {
  color: #4f8cf1;
  cursor: pointer;
}
/*** Cart Previews ***/
.rCartPreviews {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
.rCartPreview__container {
  -ms-flex: 0 0 31%;
      flex: 0 0 31%;
  margin: 10px;
}
.rCartPreview {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  height: 400px;
  transition: border-color 0.2s;
}
.rCartPreview:hover {
  cursor: pointer;
  border-color: #4f8cf1;
}
.rCartPreview__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 24px;
  background: #f6f6f6;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 10px;
}
.rCartPreview__header > div:last-child {
  font-weight: bold;
  color: #4f8cf1;
}
.rCartPreview__subheader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #999;
  text-transform: uppercase;
  padding: 10px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #e2e7eb;
}
.rCartPreview__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding: 3px 10px;
  font-size: 16px;
  letter-spacing: 0.4px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rCartPreview__item > div:last-child {
  margin-left: 10px;
  font-weight: bold;
}
.rCartPreview__more {
  padding: 5px 10px;
  opacity: 0.5;
  font-size: 16px;
}
.rCartPreview__footer {
  position: absolute;
  height: 60px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  bottom: 0;
  background: #4f8cf1;
  color: #fff;
  padding: 10px 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.rCartPreview__footer--select {
  background: #f6f6f6;
}
/*** Cart Clears ***/
.rCartClear h6 {
  font-weight: normal;
  line-height: 1.6;
  color: #8a939b;
  font-size: 17px;
}
.rCartClear p {
  line-height: 1.3;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-weight: normal;
  color: #8a939b;
}
.CartRebateOverview {
  margin: 10px 0;
  padding-top: 10px;
  border-top: 1px solid #eee;
  color: #8a939b;
  font-size: 15px;
}
.CartRebateOverview:last-child {
  margin-bottom: 20px;
}
.CartRebateOverview__title {
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  cursor: help;
}
.CartRebateOverview__title svg {
  margin-left: 2px;
}
.CartRebateOverview__total {
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  color: #57c559;
}
.CartRebateOverview__tooltip h2 {
  font-weight: 600;
  color: #4f8cf1;
}
.CartRebateOverview__breakdown {
  color: #8a939b;
  font-size: 14px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #eee;
}
.CartRebateOverview__details {
  margin-top: 5px;
  font-size: 14px;
}
.CartRebateOverview__item-total {
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #eee;
}
.CartRebateOverview__item-name {
  white-space: wrap;
  overflow: hidden;
  padding-right: 10px;
}
/*** Cart Account Switching ***/
.rCartAccount__container {
  position: relative;
}
.fullScreenWidth {
  display: inline;
}
@media (max-width: 1550px) {
  .fullScreenWidth {
    display: none;
  }
}
.rCartAccount {
  position: absolute;
  z-index: 12;
  top: 100%;
  right: 0;
  border: 1px solid #e6e6e6;
  background: #fff;
  padding: 20px;
  min-width: 600px;
  box-shadow: 0 4px 9px #eee;
}
.rCartAccount__toggle.active {
  transition: color 0.2s;
  color: #4f8cf1;
}
/*** Checkout Updating ***/
.CheckoutUpdating {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 0;
}
.CheckoutUpdating h3 {
  color: #8a939b;
  margin-bottom: 50px;
}
.CheckoutUpdating__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 18px;
  margin-bottom: 3px;
  font-weight: 600;
  color: #8a939b;
}
.CheckoutUpdating__textString {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: left;
}
.CheckoutUpdating__textStringValue {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.CheckoutUpdating__dots {
  opacity: 0;
}
/*** Cart Mismatch Errors ***/
.CartMismatches {
  margin-bottom: 40px;
}
.CartMismatch {
  margin-bottom: 10px;
  font-size: 17px;
}
.CartMismatch strong {
  color: #5969e2;
}
@media print {
  .DiscussBrowse__sidebar {
    display: none;
  }
}
/*** Miscellaneous ***/
.rCheckoutAccount {
  border: 1px solid #e2e7eb;
  background: #f9fafb;
  padding: 5px 10px;
  border-radius: 4px;
  width: 600px;
}
.rCheckoutAccount h5 {
  padding: 3px 0;
  font-weight: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rCheckoutAccount h5:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rCheckoutEmptyField {
  text-align: center;
  width: 100%;
  font-size: 15px;
  color: #8a939b;
}
.Cart__itemName {
  font-weight: 600;
}
.Cart__itemName a {
  transition: color 0.2s;
}
.Cart__itemName a:hover {
  color: #206ded;
}
.rCart__actionButton {
  position: relative;
  text-align: center;
}
.rCartBody {
  position: relative;
}
.rCartLoader {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #4f8cf1;
}
.rCartOptions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCartOptions > * {
  padding: 8px 15px;
  color: #6e767c;
  font-weight: 600;
  font-size: 16px;
  transition: color 0.2s, opacity 0.2s;
}
.rCartOptions > *:not(.disabled):hover {
  cursor: pointer;
}
.rCartOptions > *.disabled {
  opacity: 0.4;
}
.rCartOptions > *:hover {
  color: #4f5e68;
}
.rCartOptions__requisitions {
  border-top: 1px solid #e2e7eb;
  padding: 15px;
}
.rCartOptions__requisitions h4 {
  font-weight: bold;
}
.rCartItem--error {
  background: #fdf2f2;
}
.rCartItem__loader {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: #aaa;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCartItem__message {
  background: #eb5252;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
}
/*** Fading for our checkout progress bar ***/
.fade-move-enter {
  opacity: 0.01;
  transform: translateY(30px);
}
.fade-move-enter.fade-move-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 800ms ease-in, transform 800ms;
}
.fade-move-exit {
  opacity: 1;
}
.fade-move-exit.fade-move-exit-active {
  opacity: 0.01;
  transform: translateY(-30px);
  transition: opacity 600ms ease-in, transform 800ms;
}
.rAmazonPunchoutOverlay__Box {
  width: 550px;
  overflow-x: hidden;
  /* The width if __Background below will create an unwanted scrollbar otherwise */
}
.rAmazonPunchoutOverlay__Box .barnyard-Overlay__close {
  color: white;
}
.rAmazonPunchoutOverlay__Background {
  background-color: #4f8cf1;
  position: absolute;
  width: 700px;
  height: 200px;
  left: 0;
  top: -100px;
  transform: skewY(-10deg);
  content: "";
}
.rAmazonPunchoutOverlay__Message {
  width: 65px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 10px;
  display: block;
  position: relative;
  text-align: center;
}
.rAmazonPunchoutOverlay__Image {
  height: 100px;
  position: relative;
  left: -3px;
}
.rAmazonPunchoutOverlay__Content {
  position: relative;
  font-size: 16px;
}
.rAmazonPunchoutOverlay__Header {
  color: black;
  margin-bottom: 10px;
}
.rAmazonPunchoutOverlay__Header h1 {
  font-weight: 600;
  font-size: 25px;
  line-height: 31px;
}
.rAmazonPunchoutOverlay__Divider {
  height: 2px;
  width: 386px;
  background-color: #eff2f4;
  margin: 30px auto;
}
.rAmazonPunchoutOverlay__FactRow {
  margin-bottom: 20px;
  padding-left: 25px;
}
.rAmazonPunchoutOverlay__Icon {
  color: #4f8cf1;
}
.rAmazonPunchoutOverlay__Warning {
  font-size: 14px;
  width: 425px;
  text-align: justify;
}
.rAmazonPunchoutOverlay__Button {
  width: 450px;
  height: 70px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.CorporateVendorLinks {
  padding: 5px 0;
}
.CorporateVendorLinks__ListView__emptyLabel {
  padding-left: 10px;
}
.CorporateVendorLinks__ListView__headers {
  border-bottom: 1px solid #e2e7eb;
  margin: 0;
}
.CorporateVendorLinks__ListView__headers p {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.CorporateVendorLinks__ListItem {
  padding: 0;
  margin-bottom: 5px;
}
.CorporateVendorLinks__ListItem.collapsed {
  border-bottom: none;
}
.CorporateVendorLinks__ListItem__collapser {
  cursor: pointer;
  transition: background-color 200ms;
  padding: 2px 12px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e2e7eb;
}
.CorporateVendorLinks__ListItem__collapser button {
  margin: 5px 10px;
}
.CorporateVendorLinks__ListItem__hoverableText {
  font-weight: bold;
  color: #4f8cf1;
  margin-right: 100px;
}
.CorporateVendorLinks__ListItem__overlay {
  padding: 20px 25px;
}
.CorporateVendorLinks__ListItem__RotatingIcon {
  margin-left: 20px;
}
.CorporateVendorLinks__ListItem__activeCol {
  min-width: 70px;
  text-align: center;
}
.CorporateVendorLinks__ListItem__edit {
  min-width: 75px;
  text-align: center;
}
.CorporateVendorLinks__VendorLinkLineItem {
  min-height: 56px;
  transition: opacity 300ms, background-color 100ms;
  font-size: 16px;
  border-left: 2px solid transparent;
  margin: 0;
}
.CorporateVendorLinks__VendorLinkLineItem > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CorporateVendorLinks__VendorLinkLineItem:hover {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
  cursor: pointer;
}
.CorporateVendorLinks__VendorLinkLineItem:hover .CorporateVendorLinks__VendorLinkLineItem__editIcon {
  color: #4f8cf1;
}
.CorporateVendorLinks__VendorLinkLineItem.editing {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
}
.CorporateVendorLinks__VendorLinkLineItem.disabled {
  color: #b8c4ce;
}
.CorporateVendorLinks__VendorLinkLineItem__edit {
  min-width: 75px;
  text-align: center;
}
.CorporateVendorLinks__VendorLinkLineItem__edit > button {
  margin: auto;
}
.CorporateVendorLinks__VendorLinkLineItem__editIcon {
  color: #b8c4ce;
  font-size: 17px;
}
.CorporateVendorLinks__VendorLinkLineItem__ButtonGroup {
  margin-left: -8px;
}
.CorporateVendorLinks__VendorLinkLineItem__ButtonGroup span {
  margin-left: 0;
}
.CorporateVendorLinks__VendorLinkLineItem__SaveButton {
  margin: 0;
  padding: 0 5px;
}
.CorporateVendorLinks__VendorLinkLineItem__CloseButton > span {
  pointer-events: none;
}
.CorporatePimProductsView__Searchbar {
  min-width: 400px;
}
.CorporatePimProductsView__Table a {
  color: #555a5f;
}
.CorporatePimProductsView__TableRow:hover {
  cursor: pointer;
}
.CorporatePimProductsView__TableRow :nth-child(4) {
  overflow: visible !important;
}
.CorporatePimProductsView__TableRow :nth-child(4) .barnyard-TooltipBox--right {
  margin-top: -27px;
}
.CorporatePimProductsView__TableRow :nth-child(4) .barnyard-TooltipBox--right:hover {
  cursor: pointer;
}
.CorporatePimProductsView__TableRow :nth-child(2) {
  overflow: visible !important;
}
.CorporatePimProductsView__TableRow :nth-child(2) .barnyard-TooltipBox--right {
  margin-top: -27px;
}
.CorporatePimProductsView__TableRow :nth-child(2) .barnyard-TooltipBox--right:hover {
  cursor: pointer;
}
.CorporatePimProductsView__TableRow .PimProductsItem__image {
  cursor: pointer;
  border: none;
}
.CorporatePimProductsView__Times {
  color: #eb5252;
}
.CorporatePimProductsView__RemoveButton > span {
  margin-right: 0;
}
.CorporatePimProductDetail__Sider {
  margin-right: 12px;
}
.CorporatePimProductDetail__Sider .barnyard-Box {
  border-bottom: none;
}
.CorporatePimProductDetail__Sider .barnyard-Box:last-of-type {
  border-bottom: 1px solid #e2e7eb;
}
.CorporatePimProductDetail__TitleBox {
  font-weight: bold;
  padding: 8px 12px;
}
.CorporatePimProductDetail__Tooltip {
  font-size: 32px;
}
.CorporatePimBuyer__main {
  padding: 8px 20px;
}
.CorporatePimBuyer__main h1 {
  font-size: 20px;
}
.CorporatePimBuyer__main h2 {
  opacity: 0.7;
  font-size: 16px;
}
.CorporatePimItemLinkForm__Box {
  width: 900px;
}
.CorporatePimItemLinkForm__Search {
  padding: 10px 12px 0 0;
  border-right: 1px solid #e2e7eb;
}
.CorporatePimItemLinkForm__Selected h4 {
  font-weight: bold;
}
.CorporatePimItemLinkForm__Selected__SelectedItems:nth-child(odd) {
  background-color: #f9fafb;
}
.rDashboard {
  max-width: 1540px;
  margin: 0 auto;
  color: #555a5f;
}
.rDashboard select {
  outline: none;
}
/*** Our dashboard Header Bar ***/
.qDashboardHeader {
  position: relative;
  color: #555a5f;
  padding: 5px 0;
}
.qDashboardHeader__inner {
  position: relative;
  margin: 0 auto;
}
.qDashboardHeader__primary {
  position: absolute;
  top: 2;
  right: 0;
}
.qDashboardHeader__secondary {
  text-align: center;
}
a.qDashboardHeader__link {
  display: inline-block;
  font-size: 18px;
  color: inherit;
  margin: 10px 0;
  padding: 5px 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: opacity 0.2s;
}
a.qDashboardHeader__link:hover {
  opacity: 0.5;
  cursor: pointer;
  text-decoration: none;
}
a.qDashboardHeader__link i {
  font-size: 80%;
}
a.qDashboardHeader__link.bordered {
  border: 1px solid #fff;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
}
a.qDashboardHeader__link.bordered:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.2);
}
a.qDashboardHeader__link .fa-user-circle-o {
  font-size: 24px;
}
.qDashboardHeader__logo {
  width: 120px;
  position: absolute;
  top: 0;
  left: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 12px;
}
.qDashboardHeader__logo a,
.qDashboardHeader__logo img {
  max-width: 200px;
  max-height: 35px;
}
.qDashboardHeader__linkContainer {
  position: relative;
  display: inline-block;
}
a.qDashboardHeader__product {
  display: block;
  color: #3297d3;
  text-align: left;
  margin-bottom: 10px;
}
a.qDashboardHeader__product h6 {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 16px;
  font-weight: bold;
  transition: color 0.2s;
}
a.qDashboardHeader__product p {
  font-size: 15px;
  color: #6b7c93;
  line-height: 1.5;
  transition: color 0.2s;
}
a.qDashboardHeader__product:hover {
  text-decoration: none;
  color: #3297d3;
}
a.qDashboardHeader__product:hover h6,
a.qDashboardHeader__product:hover p {
  color: #566375;
}
a.qDashboardHeader__product:hover svg .st0 {
  fill: #eff7fc;
  stroke: currentColor;
}
a.qDashboardHeader__product:hover svg .st1 {
  fill: #fff;
  stroke: currentColor;
}
a.qDashboardHeader__dropdownItem {
  color: #555a5f;
  display: block;
  padding: 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 600;
  transition: opacity 0.2s;
}
a.qDashboardHeader__dropdownItem:hover {
  text-decoration: none;
  opacity: 0.5;
}
.qDashboardHeader__dropdownFooter {
  background: #f8f8f8;
  padding: 10px;
  color: #555a5f;
  opacity: 0.9;
  font-size: 16px;
  text-align: center;
  border-top: 1px solid #dfdfdf;
}
.qDashboardHeader__dropdownFooter--mobile {
  padding: 0;
}
.qDashboardHeader__dropdownFooter--mobile .fb-col-6:first-child {
  border-right: 1px solid #dfdfdf;
}
.qDashboardHeader__dropdownFooter--mobile a {
  padding: 15px 5px;
  display: block;
  width: 100%;
}
.qDashboardHeader--mobile {
  position: relative;
  display: none;
  height: 60px;
  z-index: 10;
}
.qDashboardHeader__bars {
  font-size: 30px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 10px 3px 20px;
}
.qDashboardHeader__bars:hover {
  cursor: pointer;
}
@media (max-width: 1000px) {
  .qDashboardHeader__inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .qDashboardHeader__inner > div {
    position: relative;
  }
  a.qDashboardHeader__link {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 800px) {
  .qDashboardHeader {
    display: none;
  }
  .qDashboardHeader--mobile {
    display: block;
  }
  a.qDashboardHeader__dropdownItem {
    font-size: 20px;
    padding: 10px 0;
  }
  .qDashboardHeader__dropdownFooter a {
    display: inline-block;
  }
}
a.rDashboardHeader__menuName {
  display: block;
  background: #f8f8f8;
  padding: 10px;
  color: #888;
  border-bottom: 1px solid #dadada;
}
a.rDashboardHeader__menuName h5 {
  font-weight: bold;
  color: #5ecadf;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.rDashboardHeader__menuName h6 {
  font-weight: bold;
  color: #999;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.rDashboardHeader__menuName h6 a {
  font-size: 80%;
  margin-left: 5px;
}
a.rDashboardHeader__menuName h6 a:hover {
  text-decoration: underline;
}
.rDashboardModule__explainer {
  padding: 20px;
  background: #f7fbfe;
  color: #2199d5;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  line-height: 1.4;
}
.rDashboardModule__explainer i {
  margin-right: 10px;
  margin-top: 3px;
}
.rDashboardModule__explainer.topBorder {
  border-top: 1px solid #e6e6e6;
}
.rDashboardModule {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0;
  border-radius: 5px;
  margin-bottom: 20px;
}
.rDashboardModule h1 {
  font-weight: 600;
  font-size: 24px;
}
.rDashboardModule h2 {
  font-size: 18px;
  font-weight: normal;
}
.rDashboardModule.tabbed {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rDashboardModule__details {
  border-top: 1px solid #e2e7eb;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.25px;
  color: #b8c4ce;
}
.rDashboardModule__AddEmailOverlay__overlay {
  max-width: 500px;
  padding-bottom: 20px;
}
.rDashboardModule__AddEmailOverlay__rule {
  border-left: 4px solid #4f8cf1;
  margin: 15px 0;
}
.rDashboardModule__AddEmailOverlay__rule p {
  padding-left: 8px;
  font-size: 14px;
  color: #8a939b;
}
.rDashboardModule__AddEmailOverlay__addEmail {
  padding: 15px 0;
  border-top: 1px dashed #e2e7eb;
  border-bottom: 1px dashed #e2e7eb;
}
.rDashboardModule__AddEmailOverlay__select {
  min-width: 250px;
}
.rDashboardModule__AddEmailOverlay__subscribed {
  margin-top: 15px;
}
.rDashboardModule__AddEmailOverlay__subscribed h2 {
  margin-bottom: 5px;
}
.rDashboardModule__AddEmailOverlay__frequency {
  padding: 15px 0;
  margin-top: 15px;
  border-top: 1px dashed #e2e7eb;
  text-align: center;
}
.rDashboardModule__AddEmailOverlay__frequency h2 {
  text-align: left;
  margin-bottom: 5px;
}
.rDashboardModule__AddEmailOverlay__frequency .ant-radio-wrapper:hover .ant-radio-inner {
  border-color: #4f8cf1;
}
.rDashboardModule__AddEmailOverlay__emails {
  max-height: 400px;
  overflow: scroll;
}
.rDashboardModule__AddEmailOverlay__email {
  padding-right: 10px;
  margin-bottom: 5px;
}
.rDashboardModule__AddEmailOverlay__email p {
  font-size: 16px;
  color: #8a939b;
}
.rDashboardModule__AddEmailOverlay__noEmails {
  text-align: center;
  font-style: italic;
  color: #8a939b;
}
.rDashboardModule__EditRuleOverlay__overlay {
  width: unset;
}
.rDashboardModule__EditRuleOverlay__overlay .rCorporate--Explainer {
  margin: 0 -20px -10px -20px;
}
.rDashboardModule__email {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #a2acb5;
  transition: all 0.2s;
  cursor: pointer;
}
.rDashboardModule__email:hover {
  background: #f5f6fd;
}
.rDashboardModule__email-disabled:hover {
  cursor: not-allowed;
  background: none;
}
.rDashboardModule__add-email-icon {
  color: #5969e2;
  font-size: 15px;
  padding-left: 1px;
  padding-bottom: 1px;
}
.rDashboardModule__add-disabled {
  color: #6e767c;
  font-size: 15px;
  padding-left: 1px;
  padding-bottom: 1px;
  z-index: 99;
  position: relative;
}
.rDashboardModule__breadcrumbs {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 5px;
}
.rDashboardModule__subheader {
  padding: 20px;
}
.rDashboardModule__subheader h2 {
  margin-bottom: 20px;
  font-size: 15px;
  color: #96baf7;
  text-transform: uppercase;
  font-weight: bold;
}
.rDashboardModule--featured {
  margin-bottom: 20px;
  color: #fff;
  background-color: #4f8cf1;
  background: #4f8cf1;
  background: linear-gradient(to top, #315795, #4f8cf1);
}
.rDashboardModule--gradient {
  background: linear-gradient(to bottom, #315795, #4f8cf1);
  color: #fff;
}
.rDashboardModule--alertSelect {
  background-color: #fcfdfd;
  border-right: 1px solid #e2e7eb;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rDashboardModule__item {
  padding: 10px 20px;
  display: block;
  color: #555a5f;
  transition: background 0.1s;
}
.rDashboardModule__item:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.rDashboardModule__item h2 {
  font-weight: 600;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rDashboardModule__item .bt-times {
  transition: color 0.2s;
}
.rDashboardModule__item .bt-times:hover {
  color: #eb5252;
  cursor: pointer;
}
a.rDashboardModule__item h2:hover {
  color: #5cb8e6;
  text-decoration: underline;
}
a.DashboardModule__item:hover {
  background: #f9fbff;
  cursor: pointer;
  text-decoration: none;
}
.rDashboardModule__stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.rDashboardModule__stats strong {
  font-weight: 600;
}
.rDashboardModule__stats > div {
  font-size: 17px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  font-weight: normal;
}
.rDashboardModule__stats > div:first-child {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.rDashboardModule__stats p {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rDashboardModule__stats h3 {
  font-weight: normal;
  font-size: 18px;
}
.rDashboardModule__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 10px 20px;
  -ms-flex-align: center;
      align-items: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  transition: background 0.5s;
}
.rDashboardModule__header.colorize {
  background: #4f8cf1;
  color: #fff;
}
.rDashboardModule__header.colorize h1 {
  color: #fff;
}
.rDashboardModule__alert {
  padding: 20px;
  background: #f6f9fc;
  font-size: 15px;
}
.rDashboardModule__headerActions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
}
.rDashboardModule__stats-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rDashboardModule__statsHeader {
  font-size: 12px;
  padding: 3px 20px;
  display: -ms-flexbox;
  display: flex;
  background: #f4f8fe;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #315795;
}
.rDashboardModule__statsHeader > div {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.rDashboardModule__statsHeader > div:first-child {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.rDashboardModule__stats--item > div {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.rDashboardModule__stats--item > div:nth-child(1) {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--item > div:nth-child(2) {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.rDashboardModule__stats--item > div:nth-child(3) {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.rDashboardModule__stats--soi > div {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.rDashboardModule__stats--soi > div:nth-child(1) {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.rDashboardModule__stats--soi > div:nth-child(2) {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.rDashboardModule__stats--soi > div:nth-child(3) {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.rDashboardModule__stats--soi > div:nth-child(6) {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--contracts > div,
.rDashboardModule__stats--contracts div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex: 2 1 0px;
      flex: 2 1 0;
}
.rDashboardModule__stats--contracts > div:nth-child(4) {
  -ms-flex: 5 5 25%;
      flex: 5 5 25%;
  min-width: 40%;
}
.rDashboardModule__stats--contracts > div:last-child {
  -ms-flex: 1;
      flex: 1;
}
.rDashboardModule__stats--order > div {
  max-width: 8.88%;
  -ms-flex-preferred-size: 8.88%;
      flex-basis: 8.88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.rDashboardModule__stats--order > div:nth-child(1) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--order > div:nth-child(4) {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding-right: 10px;
}
.rDashboardModule__stats--order .supplier {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rDashboardModule__stats--order .superceding_soi {
  margin-left: 5px;
  font-size: 14px;
  color: #8a939b;
}
.rDashboardModule__stats--message > div {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
  min-width: 0;
  white-space: normal;
  overflow: auto;
}
.rDashboardModule__stats--message > div:first-child {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--message > div:nth-child(2) {
  max-width: 40%;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.rDashboardModule__stats--message > div:nth-child(3) {
  max-width: 45%;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}
.rDashboardModule__stats--approvalrule > div {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
  min-width: 0;
  white-space: normal;
  overflow: auto;
}
.rDashboardModule__stats--approvalrule > div:first-child {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--approvalrule > div:nth-child(2) {
  max-width: 90%;
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}
.rDashboardModule__stats--approvalrule__details {
  border-top: 1px solid #e2e7eb;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.25px;
  color: #b8c4ce;
}
.rDashboardModule__stats--approvalrule__noBorder {
  border-top: None;
}
.rDashboardModule__stats--rule > div {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
  min-width: 0;
  white-space: normal;
  overflow: auto;
}
.rDashboardModule__stats--rule > div:first-child {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--rule > div:nth-child(2) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--rule > div:nth-child(3) {
  max-width: 80%;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.rDashboardModule__stats--invoice > div {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.rDashboardModule__stats--invoice > div.item_count {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--invoice > div.extra_charge {
  -ms-flex-preferred-size: 9%;
      flex-basis: 9%;
}
.rDashboardModule__stats--invoice > div.mark_all {
  -ms-flex-preferred-size: 22%;
      flex-basis: 22%;
}
.rDashboardModule__stats--invoice > div:nth-child(1) {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.rDashboardModule__stats--invoice > div:nth-child(3) {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding-right: 10px;
}
.rDashboardModule__stats--invoice > div:nth-child(4) {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding-right: 10px;
}
.rDashboardModule__stats--orderitem > div:nth-child(1) {
  text-align: center;
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.rDashboardModule__stats--orderitem > div:nth-child(2) {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.rDashboardModule__stats--orderitem > div:nth-child(3) {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.rDashboardModule__stats--orderitem > div:nth-child(4) {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.rDashboardModule__stats--orderitem > div:nth-child(5) {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.rDashboardModule__stats--invoiceitem > div:nth-child(1) {
  max-width: 80px;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rDashboardModule__stats--invoiceitem > div:nth-child(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.rDashboardModule__stats--invoiceitem > div:nth-child(3) {
  max-width: 80px;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rDashboardModule__stats--invoiceitem > div:nth-child(4) {
  max-width: 225px;
  -ms-flex-preferred-size: 225px;
      flex-basis: 225px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rDashboardModule__stats--invoiceitem > div:nth-child(5) {
  max-width: 75px;
  -ms-flex-preferred-size: 75px;
      flex-basis: 75px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rDashboardModule__stats--mapping > div {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.rDashboardModule__stats--mapping > div:nth-child(1) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--mapping > div:nth-child(4) {
  max-width: 40%;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  padding-right: 10px;
}
.rDashboardModule__stats--compare > div {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--compare > div:first-child {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--compare > div:nth-child(2) {
  max-width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.rDashboardModule__stats--compare > div:nth-child(3) {
  max-width: 35%;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}
.rDashboardModule__stats--compareList > div {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.rDashboardModule__stats--compareList > div:first-child {
  max-width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}
.rDashboardModule__stats--compareList > div:nth-child(2) {
  max-width: 35%;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}
.rDashboardModule__stats--category > div:nth-child(1) {
  max-width: 80px;
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rDashboardModule__stats--category > div:nth-child(2) {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.rDashboardModule__stats--profile > div {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.rDashboardModule__stats--profile > div:first-child {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--profile > div:last-child {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--credentials > div:nth-child(2) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--credentials > div:nth-child(3) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--credentials > div:nth-child(4) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--credentials > div:nth-child(5) {
  max-width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.rDashboardModule__stats--credentials > div {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.rDashboardModule__tabs {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 0 -2px 0;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rDashboardModule__tabs > div,
.rDashboardModule__tabs > a {
  color: #666;
  text-align: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  font-size: 18px;
  padding: 13px 5px;
  border: 1px solid transparent;
  border-top: none;
  transition: color 0.1s, border-color 0.1s, background 0.1s;
}
.rDashboardModule__tabs > div:first-child,
.rDashboardModule__tabs > a:first-child {
  border-left: none;
}
.rDashboardModule__tabs > div:last-child,
.rDashboardModule__tabs > a:last-child {
  border-right: none;
}
.rDashboardModule__tabs > div:hover:not(.active),
.rDashboardModule__tabs > a:hover:not(.active) {
  cursor: pointer;
  color: #4f8cf1;
}
.rDashboardModule__tabs > div:not(.active),
.rDashboardModule__tabs > a:not(.active) {
  background: #f7f9fa;
  border-bottom-color: #e6e6e6;
}
.rDashboardModule__tabs > div.active,
.rDashboardModule__tabs > a.active {
  border-color: #e6e6e6;
  border-bottom-color: #fff;
  color: #4f8cf1;
  background: #fff;
}
.rDashboardModule__tabs--featured > div.active,
.rDashboardModule__tabs--featured > a.active {
  border-bottom-color: #4f8cf1;
  color: #fff;
  background: #4f8cf1;
}
.rDashboardSimpleBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 40px;
}
.rDashboardSimpleBar__item {
  border-radius: 4px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background: blue;
  transition: height 0.4s;
}
.rDashboardSimpleBar__item:not(:last-child) {
  margin-right: 3px;
}
.rDashboardModule__highStats {
  background: #fff;
  width: 100%;
  color: #525f7f;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
}
.rDashboardModule__highStat {
  padding: 30px 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
}
.rDashboardModule__highStat:not(:last-child) {
  border-right: 1px solid #efefef;
}
.rDashboardModule__highStat h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  color: #4f8cf1;
}
.rDashboardModule__highStat h3 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 300;
}
.rDashboardModule__highStat h4 {
  font-weight: normal;
  opacity: 0.6;
}
.rDashboardDateRange {
  position: relative;
  background: #fff;
  height: 34px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  padding: 0 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rDashboardDateRange .fa {
  color: #ccc;
  margin: 0 3px;
}
.rDashboardRangePicker {
  width: 100px;
}
.rDashboardRangePicker input {
  height: 34px;
}
.SimpleTable__header {
  padding: 10px 20px;
  border: 1px solid #e6e6e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.SimpleTable__header.colorize {
  color: #fff;
  background: #4f8cf1;
}
.SimpleTable__filters {
  display: -ms-flexbox;
  display: flex;
  height: 34px;
}
.SimpleTable__filters select {
  max-width: 250px;
}
.SimpleExport {
  display: block;
  background: #fff;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  color: #555a5f;
  font-size: 15px;
  padding: 4px 6px;
  transition: background 0.2s;
}
.SimpleExport:hover {
  cursor: pointer;
  background: #f6f6f6;
}
.SimpleExport.disabled {
  color: #999;
  opacity: 0.8;
}
.SimpleExport a {
  display: block;
  border: 1px solid red;
}
.SimpleExport--disabled {
  opacity: 0.5;
}
.SimpleExport--disabled:hover {
  cursor: not-allowed;
}
.SimpleSettingsSection {
  padding: 20px;
  font-size: 16px;
  max-width: 800px;
}
.SimpleSettingsSection:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.SimpleSettingsSection h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
.SimpleSettingsSection p {
  margin-bottom: 20px;
}
.SimpleFilters {
  position: relative;
  background: #f4f8fe;
  color: #555a5f;
  font-size: 16px;
  padding: 20px;
  overflow: hidden;
}
.SimpleFilters__controls {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.SimpleFilters__controls a {
  color: #4f8cf1;
}
.SimpleFilters__controls a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #1056ca;
}
.SimpleFilters__controlsDivider {
  margin: 0 10px;
  opacity: 0.3;
}
.SimpleFilters__showMore {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 0 5px 0;
  text-align: center;
  transition: color 0.2s;
}
.SimpleFilters__showMore:hover {
  color: #4f8cf1;
  cursor: pointer;
}
.SimpleFilters__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SimpleFilters__inner > label {
  display: block;
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.SimpleFilters__inner > label:hover {
  cursor: pointer;
}
.SimpleFilters__checkbox {
  margin-bottom: 10px;
}
.SimpleFilters__checkbox strong {
  font-weight: 600;
}
.SimpleChart {
  margin: 20px 0;
}
.SimpleSettingTable {
  border-radius: 5px;
  width: 700px;
}
.SimpleSettingTable__row {
  display: -ms-flexbox;
  display: flex;
}
.SimpleSettingTable__row > div {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
  max-width: 33.33%;
}
.SimpleSettingTable__row > div .Form__control {
  border-radius: 0;
}
.SimpleAlert {
  font-size: 17px;
  padding: 10px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.SimpleButtonGroup {
  height: 34px;
  background: #fff;
  border-radius: 4px;
  padding: 3px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e6e6e6;
}
.SimpleButtonGroup__button {
  height: 28px;
  font-size: 16px;
  line-height: 28px;
  padding: 0 8px;
  border-radius: 2px;
  transition: background 0.05s;
  color: #555a5f;
}
.SimpleButtonGroup__button:not(:last-child) {
  margin-right: 5px;
}
.SimpleButtonGroup__button.active {
  background: #4f8cf1;
  color: #fff;
}
.SimpleButtonGroup__button:not(.active):hover {
  cursor: pointer;
  background: #dde9fc;
}
/*** Dashboard Alerts ***/
.rDashboardModule--buyer {
  background: #4f8cf1;
  color: #fff;
}
.rDashboardBuyer__header {
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rDashboardBuyer__header .qButton {
  margin-bottom: 5px;
}
.rDashboardBuyer__counts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 20px 20px 20px 20px;
}
.rDashboardBuyer__count {
  text-align: center;
}
.rDashboardBuyer__count h5 {
  font-size: 18px;
  font-weight: normal;
}
.rDashboardModule__circleProgressContainer {
  max-width: 140px;
  margin: 0 auto;
}
.rDashboardBudget {
  padding-bottom: 40px;
}
.rDashboardBudget > div:first-child {
  padding: 0 80px 0 20px;
}
.rDashboardBuyer__counts {
  border-top: 1px solid #efefef;
  padding: 40px 20px 20px 20px;
}
.rDashboardBuyer__losses {
  background: #f1f2fd;
  padding: 10px;
  border-top: 1px solid #e6e6e6;
  font-size: 15px;
}
.InvoiceMessage {
  text-align: left;
  padding: 16px;
  border-bottom: 1px solid #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.InvoiceMessage h3 {
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 16px;
}
.InvoiceMessage strong {
  padding-right: 4px;
}
.InvoiceNavigationHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 12px;
}
.InvoiceNavigationHeader__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.InvoiceNavigationHeader__pagination {
  border-left: 1px solid #e2e7eb;
  margin-left: auto;
  padding-left: 10px;
}
.InvoiceNavigationHeader__icons {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding-right: 20px;
}
.InvoiceNavigationHeader__icons > div {
  margin-left: 25px;
  display: -ms-flexbox;
  display: flex;
}
.InvoiceNavigationHeader__icons > div svg {
  margin-right: 5px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.InvoiceNavigationHeader__icons > div span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 5px;
  margin-bottom: 9px;
}
.rDashboardOrder {
  min-height: 600px;
  display: -ms-flexbox;
  display: flex;
}
.rDashboardOrder > div:first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rDashboardOrder > div:nth-child(2) {
  max-width: 300px;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 10px;
  border-left: 1px solid #e2e7eb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f4f8fe;
}
.rDashboardOrder__actions {
  padding: 15px 20px;
}
.rDashboardOrder__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid #efefef;
}
.rDashboardOrder__header h1 {
  font-weight: 600;
}
.rDashboardOrder__header h2 {
  font-size: 16px;
  font-weight: 500;
  color: #8a939b;
}
.rDashboardOrder__header > div:last-child {
  text-align: right;
}
.rDashboardOrder__approvalOrderfilters {
  padding: 10px 20px;
}
.rDashboardOrder__approvalOrderfilters h5 {
  font-size: 16px;
  font-weight: 600;
}
.rDashboardOrder__filters {
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rDashboardOrder__filters h5 {
  font-size: 16px;
  font-weight: 600;
}
.rDashboardOrder__filters > div:nth-child(2) {
  display: -ms-flexbox;
  display: flex;
}
.rDashboardOrder__empty {
  text-align: center;
  padding: 15px 20px;
  font-size: 18px;
  opacity: 0.7;
}
.rDashboardOrder__richContent {
  text-align: center;
  padding: 15px 20px;
  font-size: 18px;
}
.rDashboardOrder__richContent p {
  opacity: 0.7;
}
.rDashboardOrder__richContent .invoice-img {
  border: 1px solid #e2e7eb;
}
.rDashboardOrder__invoice-empty {
  font-size: 16px;
  border-bottom: 1px solid #e2e7eb;
  padding: 16px;
}
.rDashboardOrder__invoice-empty svg {
  margin-bottom: -1px;
}
.rDashboardOrder__message {
  padding: 10px 20px;
  letter-spacing: 0.4px;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.rDashboardOrder__message__warning {
  font-size: 16px;
  color: #c79229;
  background: #fcf7ee;
}
.rDashboardOrder__export > button {
  margin-left: 18px;
}
.rDashboardOrder__invoice-header {
  padding: 0 20px;
  border-bottom: 1px solid #e2e7eb;
  border-top: 1px solid #e2e7eb;
  font-weight: 700;
  background-color: #f4f8fe;
  font-size: 14px;
}
.rDashboardOrder--ReturnOverlay__info {
  text-align: center;
}
.rDashboardOrder--ReturnOverlay__supplier {
  margin-top: 15px;
  font-size: 13px;
  text-decoration: underline;
}
.rDashboardOrder--ReturnOverlay__returnpolicy {
  font-size: 15px;
  color: #6e767c;
}
.rDashboardOrder--ReturnForm {
  margin-top: 20px;
}
.rDashboardOrder--ReturnForm__header {
  font-size: 15px;
  font-weight: 600;
}
.rDashboardOrder--ReturnForm__item {
  margin: 5px 0;
  font-size: 16px;
}
.rDashboardOrder--ReturnForm__item .barnyard-Check {
  margin: 0;
}
.rDashboardOrder--ReturnForm__itemName {
  cursor: pointer;
  padding-left: 10px;
  transition: color 0.2s;
}
.rDashboardOrder--ReturnForm__itemName:hover {
  color: #3a68b2;
}
.rDashboardOrder--ReturnForm__content {
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 20px;
}
.rDashboardOrder--ReturnForm__button {
  width: 100%;
}
.rDashboardOrder--ReturnSubmitted {
  padding-bottom: 20px;
}
.rDashboardOrder--ReturnSubmitted h5 {
  text-decoration: underline;
}
.rDashboardOrder--ReturnSubmitted__header {
  text-align: center;
}
.rDashboardOrder--ReturnSubmitted__returnDetails {
  margin: 10px 0;
  padding: 10px 20px;
  border-top: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
}
.rDashboardOrder--ReturnSubmitted__returnDetails p {
  padding-left: 15px;
}
.rDashboardOrder--ReturnSubmitted__message {
  text-align: center;
}
.rDashboardOrder--Modifications__header {
  padding: 0 20px;
  border-bottom: 1px solid #e2e7eb;
  font-weight: 700;
  background-color: #f4f8fe;
  text-align: center;
}
.rDashboardOrder--Modifications__modification {
  padding: 13px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rDashboardOrder--Modifications__modification p {
  color: #6e767c;
  font-size: 15px;
}
.rDashboardOrder--Modifications__modification .strong {
  font-weight: 800;
}
.rDashboardOrder--Modifications__modification .item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.rDashboardOrder--Modifications__modification .item:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rDashboardOrder--Modifications__modification .info {
  color: #a2acb5;
  font-size: 14px;
}
.rDashboardOrder--Modifications__modification .barnyard-Col {
  padding-right: 10px;
}
.rDashboardOrder__direct-connect {
  padding: 20px;
  border-bottom: 1px solid #efefef;
}
.rDashboardOrder__direct-connect__text {
  padding-left: 12px;
}
.rDashboardOrder__direct-connect__text h4 {
  font-weight: 600;
  line-height: 1;
}
.rDashboardOrder__direct-connect__text p {
  font-size: 16px;
  font-weight: 500;
  color: #8a939b;
  line-height: 1.25;
  margin-top: 4px;
  max-width: 800px;
}
.rDashboardOrder__direct-connect__button svg {
  top: 1px;
  position: relative;
}
.rDashboardOrder__direct-connect__link {
  margin-top: 5px;
}
.rDashboardOrder__direct-connect__link svg {
  position: relative;
  top: 1px;
  margin-left: 3px;
}
.rDashboardOrderOption {
  position: relative;
  padding: 15px 10px;
  font-size: 15px;
}
.rDashboardOrderOption h5 {
  font-weight: bold;
  font-size: 17px;
}
.rDashboardOrderOption a:hover {
  cursor: pointer;
}
.rDashboardOrderOption:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.rDashboardOrderOption__review {
  margin-top: 10px;
  cursor: pointer;
}
.rDashboardOrderOption__review:hover {
  color: #4f8cf1;
  text-decoration: underline;
}
.rDashboardOrderOption__refundTotal {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dashed #e2e7eb;
}
.rDashboardOrderOption .strong,
.rDashboardOrderOption .title {
  font-weight: 600;
}
.rDashboardOrderOption__help {
  color: #8a939b;
  font-size: 12px;
  text-align: center;
}
/*** Rules ***/
.rDashboardRules__create {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 17px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  padding: 0 20px 20px 20px;
}
.rDashboardRules__create__content .barnyard-BaseInput {
  margin-bottom: 10px;
}
.rDashboardRules__create .Form__group {
  margin: 0 10px;
  display: inline-block;
}
.rDashboardRules__create input.Form__control {
  font-size: 17px;
  max-width: 60px;
}
.rDashboardRules__create input.Form__control--icon {
  max-width: 120px;
}
.rDashboardRules__create input.Form__control--iconAfter {
  max-width: 90px;
}
.rDashboardRules__create .Select--multi {
  min-width: 300px;
  display: inline-block;
  vertical-align: middle;
}
.rDashboardRules__create--multiline {
  display: block;
}
.rDashboardRules__create--multiline > div {
  margin-bottom: 10px;
}
.rDashboardRules__multiselect {
  width: 300px;
}
.rDashboardRules__create--preferred .Form__group {
  margin: 0 0 10px 0;
  display: block;
}
.rDashboardRules__create--preferred .Select--multi {
  width: 100%;
  min-width: 100%;
  display: block;
}
.rDashboardModule__compareSupplier {
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
}
.rDashboardModule__compareSupplier:not(:last-child)::after {
  padding-left: 5px;
  padding-right: 5px;
  content: "|";
}
.rDashboardModule__lineStats {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background: #f4f8fe;
  font-size: 18px;
}
.rDashboardModule__lineStats > div {
  display: -ms-flexbox;
  display: flex;
  padding: 5px 5px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rDashboardModule__lineStats > div:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.rDashboardModule__lineStats > div:last-child {
  background: #4f8cf1;
  color: #fff;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rDashboardModule__delete {
  text-align: right;
  color: #883030;
}
/*** Alerts - Embedded Tables ***/
.rEmbedTable__background {
  background-color: white;
  border: 1px solid #e6e6e6;
  padding: 10px;
}
.rEmbedTable__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 3px;
}
.rEmbedTable__row--header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.rEmbedTable__wrapRow > div {
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex: 3 0;
      flex: 3 0;
}
.rEmbedTable__wrapRow > div:nth-child(5) {
  -ms-flex: 5 5 25%;
      flex: 5 5 25%;
}
.rEmbedTable__wrapRow > div:nth-child(10) {
  -ms-flex: 1 0;
      flex: 1 0;
}
/*** Buyer Card ***/
.rDashboardBuyerCard__main {
  padding: 8px 20px;
  color: #555a5f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rDashboardBuyerCard__main h1 {
  font-size: 20px;
}
.rDashboardBuyerCard__main h2 {
  opacity: 0.7;
  font-size: 16px;
}
.rAnimatingBuyerState__icon {
  padding-right: 16px;
  font-size: 45px;
  line-height: 0;
  top: 6px;
  min-width: 70px;
  position: relative;
}
.rDashboardBuyerCard__stats {
  display: -ms-flexbox;
  display: flex;
}
.rDashboardBuyerCard__stat {
  text-align: center;
  min-width: 120px;
}
.rDashboardBuyerCard__stat h1 {
  color: #3297d3;
  line-height: 1.1;
}
.rDashboardBuyerCard__stat h2 {
  opacity: 0.7;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rDashboardBuyerCard__stat:not(:last-child) {
  margin-right: 30px;
}
.rDashboardBuyerCard__stat:nth-child(1) h1 {
  color: #24b47e;
}
.rDashboardBuyerCard__stat:nth-child(2) h1 {
  color: #5969e2;
}
.rDashboardBuyerCard__items {
  background: #f6f9fc;
  border-top: 1px solid #e6e6e6;
  padding: 10px;
}
.rDashboardBuyerCard__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 15px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #e2e7eb;
  background: #f9fafb;
  padding: 10px 20px;
}
.rDashboardBuyerCard__footer p {
  opacity: 0.8;
}
.rDashboardBuyerCard--modal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin-bottom: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rDashboardBuyerCard__close {
  position: absolute;
  top: 8px;
  left: 8px;
}
.rDashboardBuyerCard__regions h5 {
  font-size: 12px;
  color: #8a939b;
  font-style: italic;
}
/*** First Login Index ***/
.rDashboardIndex .rDashboardIndex__stats {
  margin: 50px 0 50px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.rDashboardIndex .rDashboardIndex__stat {
  text-align: center;
}
.rDashboardIndex .rDashboardIndex__stat h1 {
  color: #fff;
  font-size: 45px;
  font-weight: 200;
  line-height: 1;
}
.rDashboardIndex .rDashboardIndex__stat h2 {
  opacity: 0.7;
  color: #b8fdfe;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rDashboardIndex .rDashboardIndex__features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) inset;
}
.rDashboardIndex .rDashboardIndex__feature {
  width: 150px;
  text-align: center;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background 0.2s, color 0.2s;
  -ms-flex-positive: 1;
      flex-grow: 1;
  color: #fff;
}
.rDashboardIndex .rDashboardIndex__feature i {
  margin-bottom: 5px;
  font-size: 30px;
  opacity: 0.5;
}
.rDashboardIndex .rDashboardIndex__feature:hover {
  cursor: pointer;
  color: #eee;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
}
.rDashboardIndex__welcomeHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 20px;
}
.rDashboardIndex__welcomeHeader h1 {
  font-size: 30px;
  font-weight: normal;
}
.rDashboardIndex__welcomeHeader__right {
  text-align: right;
}
.rDashboardIndex__welcomeHeader__right h1 {
  color: #ffd071;
  font-weight: normal;
}
/*** Splash Pages ***/
.rDashboardSplash__header--pricecompare {
  background: linear-gradient(150deg, #975ce6 15%, #ba33ff 85%);
}
.rDashboardSplash__header--requisitions {
  background: linear-gradient(150deg, #f96 15%, #ff5e62 85%);
}
.rDashboardSplash__header--contracts {
  background: linear-gradient(150deg, #e8568d 15%, #d64168 85%);
}
.rDashboardSplash__header--invoices {
  background: linear-gradient(150deg, #54ea82 15%, #a1c578 85%);
}
.rDashboardSplash__header--pricecompare {
  background: linear-gradient(150deg, #28aec9, #4f8cf1);
}
/*** Alert Icons ***/
.rDashboardAlert__icon {
  color: #ccc;
  transition: color 0.2s;
}
.rDashboardAlert__icon .active {
  color: #7dd27e;
}
.rDashboardAlert__icon .fa-window-close.active {
  color: #f08080;
}
.rDashboardAlert__icon:hover {
  cursor: pointer;
}
.rDashboardAlert__icon:hover:not(.active) {
  color: #888;
}
.rDashboardResultsBar {
  background: #fff;
  border-bottom: 1px solid #efefef;
  padding: 10px 20px;
  font-size: 16px;
}
.rDashboardResultsBar strong {
  font-weight: 600;
}
/*** Requisitions ***/
.rDashboardTable {
  background: #fff;
}
.rDashboardSummary > div {
  margin-bottom: 0;
}
/*** Settings ***/
.rDashboardSettings__supplier {
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 5px;
}
.rDashboardSettings__supplier > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rDashboardSettings__supplier--header {
  margin-top: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #999;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
  font-weight: bold;
}
/*** Global Filters ***/
.rDashboardFilters {
  padding: 20px;
}
.rDashboardFilters > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rDashboardFilters label {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rDashboardFilters .fb-col-6:nth-child(odd) {
  padding-right: 10px;
}
.rDashboardFilters__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 10px;
  padding-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rDashboardModule__graphExplain {
  font-weight: normal;
  padding: 20px 15px;
  line-height: 1.4;
}
.rDashboard__pricingTier {
  font-weight: bold;
}
.rDashboard__pricingTier:not(:last-child)::after {
  content: "\2022";
  margin-left: 10px;
  margin-right: 10px;
  color: #aaa;
}
/*** Corporate Regions ***/
.rCorporateRegion {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  background: #fafafa;
}
.rCorporateRegion h1 {
  font-weight: bold;
  font-size: 22px;
}
.rCorporateRegion:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.rCorporateRegion__header {
  border-bottom: 1px solid #efefef;
  padding: 10px;
  margin-bottom: 10px;
}
.rCorporateRegion__buyer {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rCorporateRegion__select {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}
.rCorporateRegion__select > div {
  margin-right: 10px;
}
.rCorporateRegion__select--active {
  background: #f0faf0;
}
.rCorporateRegion__select:hover {
  background: #f4f8fe;
}
.rCorporate--Root {
  margin-bottom: 40px;
}
.rCorporate--Root__loading {
  height: 100vh;
}
.rCorporate--Header__user {
  font-size: 22px;
}
.rCorporate--HeaderUserItem {
  min-width: 300px;
}
.rCorporate--HeaderUserItem__header {
  line-height: 24px;
  padding: 16px 8px;
  background: #f9fafb;
  border-bottom: 1px solid #e2e7eb;
}
.rCorporate--HeaderUserItem__header h3 {
  font-weight: bold;
  margin-bottom: 4px;
}
.rCorporate--HeaderUserItem__header h4 {
  margin-bottom: 2px;
}
.rCorporate--HeaderUserItem__header h4 a {
  color: #4f8cf1;
  font-size: 14px;
}
.rCorporate--HeaderUserItem__links > a {
  display: block;
  transition: background 0.2s;
  font-size: 15px;
  padding: 8px 10px;
  cursor: pointer;
}
.rCorporate--HeaderUserItem__links > a:hover {
  background: #f4f8fe;
}
.rCorporate--Dashboard {
  margin-top: 40px;
}
.rCorporate--Dashboard__map {
  border-radius: 5px;
  margin-bottom: 24px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rCorporate--Dashboard__map #map {
  height: 600px;
}
.rCorporate--Dashboard__title {
  margin-bottom: 20px;
}
.rCorporate--Dashboard__title h1 {
  font-weight: bold;
}
.rCorporate--Dashboard__title h2 {
  line-height: 36px;
  font-weight: bold;
}
.rCorporate--Dashboard__title h2,
.rCorporate--Dashboard__title h4 {
  text-align: right;
}
.rCorporate--BuyerCards__title {
  margin-top: 36px;
  margin-bottom: 12px;
}
.rCorporate--BuyerCards__title h1 {
  font-weight: bold;
}
.rCorporate--HistoryTableFilters {
  padding-bottom: 8px;
}
.rCorporate--HistoryTableFilters__title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
}
.rCorporate--HistoryTableFilters__buttons {
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
}
.rCorporate--ContractsAuditListView__range {
  width: 100px;
}
.rCorporate--ContractsAuditListView__stats {
  padding: 0;
  border-top: none;
}
.rCorporate--ContractDetailView__stats {
  padding: 0;
  border-top: none;
  margin-bottom: 20px;
}
.rCorporate--ContractDetailTable {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCorporate--ContractDetailTable--check {
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.rCorporate--ContractDetailTable--check .barnyard-Check {
  margin: 0;
}
.rCorporate--ContractDetailTable--check .barnyard-Check__checkbox {
  margin: 0;
}
.rCorporate--ContractActions__range {
  width: 100px;
}
.rCorporate--AnalyzeView .barnyard-Table__no-data {
  min-height: 500px;
  background-color: white;
}
.rCorporate--AnalyzeView .barnyard-Check {
  margin: 0;
}
.rCorporate--AnalyzeView .barnyard-Check__content {
  color: #555a5f;
}
.rCorporate--AnalyzeView__side-box {
  padding: 0;
}
.rCorporate--AnalyzeView__filter-buttons {
  border-bottom: 1px solid #e2e7eb;
  padding: 8px;
}
.rCorporate--AnalyzeView__filter-controls {
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 4px;
}
.rCorporate--AnalyzeView__filter-item {
  padding: 4px 8px;
  border-bottom: 1px solid #f9fafb;
  cursor: pointer;
  transition: 100ms background-color;
}
.rCorporate--AnalyzeView__filter-item:hover {
  background-color: #f4f8fe;
}
.rCorporate--AnalyzeView__filter-item h4 {
  font-size: 16px;
}
.rCorporate--AnalyzeView__filter-item:last-child {
  border-bottom: none;
}
.rCorporate--AnalyzeView__main-box {
  padding: 0;
  margin-bottom: 24px;
}
.rCorporate--AnalyzeView__chart {
  padding: 12px;
}
.rCorporate--AnalyzeView__tax_disclaimer {
  font-size: 12px;
  background-color: #f9fafb;
  border-top: 1px solid #e2e7eb;
  padding: 5px;
}
.rCorporate--AnalyzeStats {
  border-top: 1px solid #e2e7eb;
}
.rCorporate--AnalyzeStats__stat {
  text-align: center;
  padding: 12px;
  border-left: 1px solid #e2e7eb;
}
.rCorporate--AnalyzeStats__stat h3 {
  font-size: 28px;
  font-weight: 600;
}
.rCorporate--AnalyzeStats__stat h4 {
  font-size: 18px;
  color: #8a939b;
}
.rCorporate--AnalyzeStats__stat h5 {
  color: #4f8cf1;
  font-size: 14px;
}
.rCorporate--AnalyzeStats__stat:first-child {
  border-left: none;
}
.rCorporate--AnalyzeSimpleHeader {
  background-color: white;
  border: 1px solid #e2e7eb;
  border-bottom: none;
  padding: 8px;
}
.rCorporate--AnalyzeSimpleHeader h4 {
  font-size: 16px;
}
.rCorporate--AnalyzeTaxHeader {
  margin-bottom: 12px;
}
.rCorporate--AnalyzeTaxHeader__tax_disclaimer {
  font-size: 12px;
  background-color: #f9fafb;
  border: 1px solid #e2e7eb;
  border-top: 0px;
  padding: 5px;
}
.rCorporate--AnalyzeTabTables__navOverride {
  border-bottom: none;
}
.rCorporate--AnalyzeTabTables__nav {
  background-color: white;
  border: 1px solid #e2e7eb;
  border-bottom: none;
  padding: 8px;
  padding-bottom: 0;
}
.rCorporate--AnalyzeMultiView__buttons {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rCorporate--AnalyzeMultiView h1 {
  margin-bottom: 24px;
  font-weight: bold;
}
.rCorporate--MappingTable__explainer {
  margin-bottom: 24px;
  font-size: 18px;
}
.rCorporate--SavingsHeaderActions {
  margin-bottom: 20px;
}
.rCorporate--SavingsHeaderActions h3 {
  margin-top: 4px;
  font-weight: bold;
}
.rCorporate--SavingsHeaderActions__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.rCorporate--SavingsHeaderActions__actions > * {
  margin-left: 12px;
}
.rCorporate--Accounts__action {
  font-size: 16px;
}
.rCorporate--Accounts__action:not(:last-child) {
  padding-right: 12px;
  border-right: 1px solid #e2e7eb;
}
.rCorporate--Accounts__action svg {
  margin-right: 8px;
}
.rCorporate--Accounts__filters {
  padding-bottom: 8px;
}
.rCorporate--Accounts__filters__title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
}
.rCorporate--Accounts__filters__buttons {
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
}
.rCorporate--AlertTable__control {
  max-width: 200px;
}
.rCorporate--PricingTierAlert__price {
  padding-right: 8px;
}
.rCorporate--PricingTierAlert__price:not(:last-child) ::after {
  content: '·';
  padding-left: 8px;
}
.rCorporate--Explainer {
  padding: 20px;
  background: #f4f8fe;
  color: #315795;
  font-size: 16px;
  line-height: 1.4;
  border-top: 1px solid #e2e7eb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.rCorporate--Explainer svg {
  margin-right: 20px;
}
.rCorporate--RuleForm__titles h3 {
  font-weight: 600;
}
.rCorporate--RuleForm__titles h4 {
  font-size: 16px;
  line-height: 1.4;
}
.rCorporate--EmptyRule {
  text-align: center;
}
.rCorporate--EmptyRule img {
  width: 200px;
}
.rCorporate--EmptyRule p {
  font-style: italic;
  color: #8a939b;
}
.rCorporate--BuyerNavigation h1 {
  font-weight: bold;
  font-size: 20px;
}
.rCorporate--BuyerNavigation h2,
.rCorporate--BuyerNavigation h3 {
  font-size: 16px;
}
.rCorporate--BuyerMonth__box {
  padding: 0;
}
.rCorporate--BuyerMonth__stats {
  padding: 12px;
}
.rCorporate--BuyerMonth__progressItem {
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #f9fafb;
}
.rCorporate--BuyerMonth__progressItem h3 {
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4px;
}
.rCorporate--BuyerMonth__progressItem__text {
  padding-left: 12px;
}
.rCorporate--BuyerMonth__table {
  padding: 12px;
  padding-top: 20px;
  border-top: 1px solid #e2e7eb;
}
.rCorporate--BuyerMonth__table > h2 {
  font-size: 24px;
  font-weight: bold;
}
.rCorporate--BuyerMonth__table > p {
  margin-bottom: 12px;
  font-size: 15px;
}
.rCorporate--BuyerMonth__payout {
  border-bottom: 1px solid #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 4px 0;
  margin-right: 20px;
  font-size: 18px;
}
.rCorporate--BuyerMonth__payout > div {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.rCorporate--BuyerMonth__payout > div:first-child {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.rCorporate--BuyerMonth__payout > div:last-child {
  text-align: right;
  font-weight: 600;
}
.rCorporate--BuyerMonth__payout:last-child {
  border-bottom: none;
}
.rCorporate--BuyerMonth .barnyard-ErrorPage__container {
  margin: 0;
}
.rCorporate--BuyerDetailsSidebar {
  padding: 0;
  margin-bottom: 20px;
  min-height: 120px;
}
.rCorporate--BuyerDetailsSidebar__buttons {
  text-align: center;
}
.rCorporate--BuyerDetailsSidebar__map {
  height: 250px;
  border-top: 2px solid #e2e7eb;
}
.rCorporate--BuyerDetailsSidebar__map-tags {
  position: absolute;
  bottom: 4px;
  left: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rCorporate--BuyerDetailsSidebar__map-tag {
  margin-right: 4px;
  margin-top: 4px;
  font-weight: 600;
}
.rCorporate--BuyerDetailsSidebar__animal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: -25px;
  position: relative;
  z-index: 3;
}
.rCorporate--BuyerDetailsSidebar__animal-icon {
  border-radius: 50px;
  border: 2px solid #e2e7eb;
}
.rCorporate--BuyerDetailsSidebar__content {
  padding: 12px;
}
.rCorporate--BuyerDetailsSidebar__content-icon {
  margin-right: 4px;
}
.rCorporate--BuyerDetailsSidebar__content h2 {
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  font-size: 22px;
}
.rCorporate--BuyerDetailsSidebar__content h3 {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
}
.rCorporate--BuyerDetailsSidebar__stats {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
}
.rCorporate--BuyerDetailsSidebar__stats h4,
.rCorporate--BuyerDetailsSidebar__stats h5 {
  line-height: 1;
  font-size: 16px;
  margin-bottom: 6px;
}
.rCorporate--BuyerDetailsSidebar__stats h5 {
  text-transform: uppercase;
}
.rCorporate--OrderDetails {
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.rCorporate--OrderDetails__orderContent {
  background-color: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rCorporate--OrderDetails__contentContainer {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.rCorporate--OrderDetails__siderContainer {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.rCorporate--OrderItem {
  padding: 13px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rCorporate--OrderItem__link {
  font-size: 16px;
  font-weight: bold;
}
a.rCorporate--OrderItem__link {
  color: #555a5f;
}
a.rCorporate--OrderItem__link:hover {
  text-decoration: underline;
}
.rCorporate--OrderItem__image {
  height: 44px;
}
.rCorporate--OrderItem__delivery {
  font-weight: 600;
}
.rCorporate--OrderItem__orderNumber:hover {
  text-decoration: underline;
}
.rCorporate--OrderItem__bull {
  padding: 0 3px;
}
.rCorporate--OrderItem p {
  font-size: 16px;
  color: #6e767c;
}
.rCorporate--OrderItem p.strong {
  font-weight: 800;
}
.rCorporate--OrderItem p.border-bottom {
  border-bottom: 1px solid #e2e7eb;
}
.rCorporate--OrderItem p.border-top {
  border-top: 1px solid #e2e7eb;
}
p.rCorporate--OrderItem__facts {
  font-size: 14px;
}
.rCorporate--OrderItem__messagefix {
  width: 400px;
}
.rCorporate--OrderItem__messagefix > span {
  padding: 0 4px;
}
.rCorporate--OrderSider {
  padding: 10px 20px;
  width: 300px;
  border-left: 1px solid #e2e7eb;
  background-color: #f4f8fe;
  height: 100%;
}
.rCorporate--OrderSider__notReceived {
  border-top: 1px dashed #e2e7eb;
  padding-top: 6px;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}
.rCorporate--OrderSider__notReceived p {
  display: inline;
  cursor: pointer;
  color: #4f8cf1;
  transition: color 0.2s;
}
.rCorporate--OrderSider__notReceived p:hover {
  color: #1056ca;
}
.rCorporate--OrderSider__hiddenWarning {
  display: none;
}
.rCorporate--OrderContent {
  position: relative;
  height: 100%;
}
.rCorporate--OrderContent__approvalOrderContent {
  text-align: right;
}
.rCorporate--OrderContent__itemLabelsContainer {
  padding: 0 20px;
  border-bottom: 1px solid #e2e7eb;
  border-top: 1px solid #e2e7eb;
  font-weight: 700;
  background-color: #f4f8fe;
}
.rCorporate--OrderContent__versionSelection {
  background-color: #f0faf0;
  border-color: #409041;
}
.rCorporate--OrderContent__itemLabels {
  font-weight: 700;
}
.rCorporate--OrderContent__header {
  padding: 10px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rCorporate--OrderContent__header h1 {
  font-weight: 600;
}
.rCorporate--OrderContent__date {
  font-size: 16px;
  font-weight: 500;
  color: #8a939b;
}
.rCorporate--BudgetTd__no-budget {
  font-size: 13px;
  color: #b8c4ce;
}
.rCorporate--BudgetTd__budget {
  font-size: 13px;
  color: #555a5f;
}
.rCorporate--CashBackChart {
  background-color: white;
  border: 1px solid #e2e7eb;
}
.rCorporate--CashBackChart__heading {
  padding-top: 10px;
}
.rCorporate--CashBackChart__heading .barnyard-Nav.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transition: none;
  pointer-events: none;
}
.rCorporate--CashBackChart__chartTitle {
  font-size: 17px;
  color: #6e767c;
}
.rCorporate--CashBackChart__chartType {
  display: inline;
  font-weight: 600;
  color: #4f8cf1;
}
.rCorporate--CashBackCreditsView {
  padding: 20px;
  background-color: #f4f8fe;
}
.rCorporate--CashBackCreditsView.barnyard-Table .ReactTable .rt-td {
  padding: 6px;
  font-size: 15px;
}
.rCorporate--CashBackStats {
  background-color: white;
  border: 1px solid #e2e7eb;
  border-top: none;
  padding: 12px;
}
.rCorporate--CashBackStats__stat {
  text-align: center;
  padding: 12px;
  border-left: 1px solid #e2e7eb;
}
.rCorporate--CashBackStats__stat h3 {
  font-size: 28px;
  font-weight: 600;
}
.rCorporate--CashBackStats__stat h4 {
  font-size: 18px;
  color: #8a939b;
}
.rCorporate--CashBackStats__stat h5 {
  display: inline-block;
  color: #4f8cf1;
  font-size: 14px;
}
.rCorporate--CashBackStats__stat:first-child {
  border-left: none;
}
.rCorporate--BuyersTable {
  margin-top: 20px;
}
.rCorporate--DebitsTable {
  padding: 12px;
  background-color: #f4f8fe;
}
.rCorporate--DebitsTable__debits {
  padding: 12px;
  background-color: #f9fafb;
}
.rCorporate--DebitsTable__debits.barnyard-Table .ReactTable .rt-td {
  padding: 6px;
  font-size: 15px;
}
.rCorporate--GlCodeSelect__divider {
  border: 0.5px solid #e2e7eb;
  height: 1px;
  width: 100%;
}
.rCorporate--GlCodeSelect__input {
  padding: 8px;
}
.rCorporate--GlCodeSelect__input .barnyard-BaseInput__control {
  height: 26px;
  font-size: 15px;
}
.rCorporate--GlCodeSelect__input .barnyard-Loading__spinner {
  margin-left: 8px;
  height: 12px;
  width: 12px;
}
.rCorporate--GlCodeSelect__icon {
  cursor: pointer;
  transition: color 0.2s;
  margin-left: 8px;
}
.rCorporate--GlCodeSelect__icon:hover {
  color: #4f8cf1;
}
.rCorporate--ManufacturerStats__stats {
  margin-left: 30px;
  padding-bottom: 20px;
  border-left: 1px dashed #e2e7eb;
}
.rCorporate--ManufacturerStats__stat {
  text-align: center;
  padding-top: 10px;
  white-space: nowrap;
}
.rCorporate--ManufacturerStats__stat h3 {
  color: #8a939b;
  font-size: 18px;
  line-height: 1.4;
}
.rCorporate--ManufacturerStats__stat h4 {
  line-height: 1;
  font-size: 14px;
  color: #b8c4ce;
  font-weight: bold;
  text-transform: uppercase;
}
.rCorporate--ManufacturerStats__progress h2 {
  font-size: 18px;
}
.rCorporate--ManufacturerStats__progress h3 {
  font-size: 16px;
  color: #8a939b;
}
.rCorporate--ProductGroupingView {
  min-height: 200px;
}
.rCorporate--ProductGroupingView__noResults {
  border: 0;
}
.rCorporate--ProductGroupHeaderAction .barnyard-Check {
  margin-bottom: 0;
}
.rCorporate--ProductGroupHeaderAction .barnyard-Check__content {
  color: unset;
}
.rCorporate--ProductGroupHeaderAction__selectDropdown {
  min-width: 250px;
}
.rCorporate--BuyerManufacturerTable .ReactTable,
.rCorporate--BuyerManufacturerTable .rt-td,
.rCorporate--BuyerManufacturerTable .rt-tr,
.rCorporate--BuyerManufacturerTable .rt-table,
.rCorporate--BuyerManufacturerTable .rt-tbody,
.rCorporate--BuyerManufacturerTable .rt-thead {
  overflow: visible;
}
.rCorporate--BuyerManufacturerTable__tooltip {
  z-index: 100;
}
.rCorporate--BuyerManufacturerTable__utilization {
  width: 100%;
}
.rCorporate--BuyerManufacturerTable__utilization .view_button {
  color: #4f8cf1;
  font-size: 14px;
}
.rCorporate--BuyerManufacturerTable__utilization .view_button:hover {
  cursor: pointer;
  text-decoration: underline;
}
.rCorporate--BuyerManufacturerTable__utilization .col {
  height: 100%;
  height: 10px;
}
.rCorporate--BuyerManufacturerTable__utilization .col:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rCorporate--BuyerManufacturerTable__utilization .col:nth-last-child(1) {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rCorporate--BuyerManufacturerTable__utilization .col:hover {
  cursor: pointer;
}
.rCorporate--BudgetExcludedItems__Add__Overlay {
  padding: 20px;
}
.rCorporate--BudgetExcludedItems__Add__Overlay .rCorporate--ItemLinks__SearchItem {
  min-height: 75px;
}
.rCorporate--BudgetExcludedItems__Add__Overlay__Box {
  width: 900px;
  padding: 0;
}
.rCorporate--ItemLinks__View {
  margin-top: 20px;
  padding-bottom: 10px;
}
.rCorporate--ItemLinks__View .rt-th:nth-child(5),
.rCorporate--ItemLinks__View__Td:nth-child(5),
.rCorporate--ItemLinks__View .rt-th:last-child,
.rCorporate--ItemLinks__View__Td:last-child {
  text-align: center;
}
.rCorporate--ItemLinks__View__Buttons button {
  width: 30px;
  padding: 0;
}
.rCorporate--ItemLinks__View__Buttons span {
  margin-right: 0;
}
.rCorporate--ItemLinks__View__CheckIcon {
  color: #eb5252;
}
.rCorporate--ItemLinks__View__CheckIcon.active {
  color: #57c559;
}
.rCorporate--ItemLinks__View__Confirm {
  text-align: center;
}
.rCorporate--ItemLinks__View__SubComponent {
  padding: 20px;
  border: none;
  border-top: 1px solid #e2e7eb;
  background: #f9fafb;
}
.rCorporate--ItemLinks__View__SubComponent__Header {
  font-weight: bold;
  padding-right: 8px;
}
.rCorporate--ItemLinks__View__SubComponent__NoLimitations {
  font-style: italic;
  opacity: 0.5;
}
.rCorporate--ItemLinks__View__SubComponent__Separator {
  margin: 0 5px;
  font-weight: bold;
  line-height: 1;
}
.rCorporate--ItemLinks__Filters {
  padding-bottom: 8px;
}
.rCorporate--ItemLinks__Filters__title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
}
.rCorporate--ItemLinks__Edit__Overlay {
  padding: 20px;
}
.rCorporate--ItemLinks__Edit__Tag {
  margin: 0 5px 5px 0;
}
.rCorporate--ItemLinks__Add__Overlay {
  padding: 20px;
}
.rCorporate--ItemLinks__Add__Overlay__Box {
  width: 900px;
  padding: 0;
}
.rCorporate--ItemLinks__Add__LeftCol {
  border-right: 1px solid #e2e7eb;
}
.rCorporate--ItemLinks__Add__Tag {
  margin: 0 5px 5px 0;
}
.rCorporate--ItemLinks__Search {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  height: 500px;
}
.rCorporate--ItemLinks__Search__Results {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: auto;
  min-height: 0;
}
.rCorporate--ItemLinks__Search__Pagination {
  margin-top: 12px;
}
.rCorporate--ItemLinks__SearchItem {
  padding: 6px 3px;
  border-radius: 5px;
}
.rCorporate--ItemLinks__SearchItem:nth-child(odd) {
  background-color: #f9fafb;
}
.rCorporate--ItemLinks__SearchItem__ImageContainer {
  max-width: 50px;
  max-height: 50px;
  text-align: center;
}
.rCorporate--ItemLinks__SearchItem__Image {
  max-width: 50px;
  max-height: 50px;
}
.rCorporate--ItemLinks__SearchItem__RightButton {
  padding-right: 5px;
}
.rCorporate--ItemLinks__SearchItem__RemoveButton > span {
  margin-right: 0;
}
.rCorporate--ExternalCodes__View {
  margin-top: 20px;
  padding-bottom: 10px;
}
.rCorporate--ExternalCodes__View__Searchbar {
  border: 1px solid #e2e7eb;
}
.rCorporate--ExternalCodes__Detail__Tag {
  margin: 0 8px 8px 0;
}
.rCorporate--UserDetail__region {
  line-height: 1.4;
}
@media screen and (max-width: 900px) {
  .rCorporate--OrderContent__approvalOrderContent {
    text-align: left;
  }
  .rCorporate--OrderContent__itemLabelsContainer__approvalOrderItem {
    padding: 0 50px 0 20px;
  }
  .rCorporate--OrderSider__approvalOrderSider {
    width: 100%;
  }
  .rCorporate--OrderItem__approvalOrderItem {
    padding: 13px 50px 13px 20px;
  }
}
.Discuss {
  color: #6e767c;
}
.DiscussModule,
.RequisitionContainer {
  background: #fff;
  border: 1px solid #e0e3e9;
  margin-bottom: 15px;
}
.DiscussModule__header {
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}
.DiscussModule__header i {
  color: #4f8cf1;
  font-size: 22px;
  margin-right: 10px;
}
.Discuss__date {
  color: #8a939b;
}
.Discuss__dividerDot {
  color: #8a939b;
  margin: 0 8px;
}
.Discuss__breadcrumbs {
  font-size: 16px;
  font-weight: 600;
}
.Discuss__breadcrumbs .bt-angle-right {
  margin: 0 7px;
  color: #aaa;
}
/* Header Navigation Bar */
.DiscussHeader {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.DiscussHeader__outer {
  padding: 0 10px;
}
.DiscussHeader__inner {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1520px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.DiscussHeader__items {
  display: -ms-flexbox;
  display: flex;
  min-height: -moz-min-content;
  min-height: min-content;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
}
a.DiscussHeader__item {
  display: block;
  color: #6e767c;
  transition: color 0.2s;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 16px 5px;
  white-space: nowrap;
}
a.DiscussHeader__item i {
  margin-right: 5px;
}
a.DiscussHeader__item:hover {
  opacity: 1;
  color: #4f8cf1;
  cursor: pointer;
  text-decoration: none;
}
a.DiscussHeader__item.active {
  opacity: 1;
  color: #4f8cf1;
  border-color: #4f8cf1;
}
a.DiscussHeader__item:not(:last-child) {
  margin-right: 50px;
}
a.DiscussHeader__new {
  display: block;
  border: 1px solid #6e767c;
  border-radius: 4px;
  padding: 3px 10px;
  color: #6e767c;
  font-weight: bold;
  font-size: 16px;
  background: none;
  transition: background 0.2s;
}
a.DiscussHeader__new:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
.DiscussHeader__count {
  background: #eb5252;
  color: #fff;
  margin-left: 4px;
  border-radius: 12px;
  padding: 1px 5px;
  font-size: 17px;
  font-weight: bold;
}
@media (max-width: 900px) {
  .responsive .DiscussHeader {
    margin-bottom: 20px;
  }
  .responsive .DiscussHeader__outer {
    padding: 0;
  }
  .responsive .DiscussHeader__inner {
    display: block;
  }
  .responsive .DiscussHeader__actions {
    display: none;
  }
  .responsive .DiscussHeader__items {
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: center;
  }
}
@media print {
  .DiscussHeader {
    display: none;
  }
}
/* Sidebar Menu */
.DiscussSideMenu {
  background: #fff;
  border: 1px solid #dfdfdf;
}
.DiscussSideMenu__item {
  display: block;
  position: relative;
  padding: 7px 10px;
  color: #8a939b;
  font-weight: 600;
  font-size: 16px;
}
.DiscussSideMenu__item.active {
  color: #4f8cf1;
  background: #f8fafd;
}
.DiscussSideMenu__item:hover {
  text-decoration: none;
}
.DiscussSideMenu__item:not(.active):hover {
  background: #f8fafd;
  cursor: pointer;
}
.DiscussSideMenu__item:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.DiscussSideMenu__item .fa-angle-right {
  display: inline-block;
  margin-top: 3px;
  float: right;
}
.DiscussSideMenu__item__count {
  display: inline;
  margin-left: 5px;
}
.DiscussSideMenu__item__count .barnyard-NumberIcon {
  font-size: 12px;
}
.DiscussSideMenu__lock {
  margin-left: 10px;
  color: #aaa;
}
.DiscussSideMenu__band {
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  left: 0;
  background: #fafafa;
}
.DiscussSideMenu__mobile {
  display: none;
}
@media (max-width: 900px) {
  .responsive .DiscussSideMenu__mobile {
    display: block;
  }
  .responsive .DiscussSideMenu__items.mobile-hide {
    display: none;
  }
  .responsive .DiscussSideMenu__item:first-child {
    border-bottom: 1px solid #eaeaea;
  }
}
/* Browse Page */
.DiscussBrowse {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
}
.DiscussBrowse__sidebar {
  max-width: 285px;
  -ms-flex-preferred-size: 285px;
      flex-basis: 285px;
  padding-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.DiscussBrowse__sidebar--right {
  padding-left: 20px;
  padding-right: 0;
}
.DiscussBrowse__mainbar {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 20px;
  min-width: 0;
}
.DiscussBrowse__header,
.RequisitionContainer h2.supplier__header {
  text-align: center;
  padding: 10px 10px;
  border-bottom: 1px solid #eaeaea;
  background: #4f8cf1;
  background: linear-gradient(to bottom right, #4f8cf1 0%, #467bd4 100%);
  color: #fff;
  transition: background-color 0.5s;
}
.DiscussBrowse__header h1 {
  font-weight: bold;
  font-size: 24px;
}
.DiscussBrowse__header h2 {
  font-size: 15px;
  color: #eee;
  font-weight: 600;
}
.DiscussBrowse__filter {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.DiscussBrowse__filter li {
  display: inline-block;
  padding: 8px 15px;
  color: #8a939b;
  font-weight: 600;
  font-size: 16px;
  transition: color 0.2s;
}
.DiscussBrowse__filter li.active {
  color: #4f8cf1;
}
.DiscussBrowse__filter li:hover:not(.active) {
  cursor: pointer;
  color: #6e767c;
}
.DiscussThreadCreateForm {
  padding-bottom: 500px;
}
@media (max-width: 900px) {
  .responsive .DiscussBrowse {
    padding: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .responsive .DiscussBrowse .DiscussProfilePreview {
    display: none;
  }
  .responsive .DiscussBrowse .DiscussModule--new {
    display: none;
  }
  .responsive .DiscussBrowse__mainbar,
  .responsive .DiscussBrowse__sidebar {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .DiscussBrowse__sidebar {
    max-width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .DiscussBrowse__sidebar--mobileLast {
    -ms-flex-order: 2;
        order: 2;
  }
}
/* Badges */
.DiscussBadge {
  margin-left: 5px;
}
/****** Search Page ******/
.DiscussSearch__results {
  border-top: 1px solid #dfdfdf;
}
.DiscussSearch__header {
  padding: 20px;
  background: #eff2f4;
}
.DiscussSearch__inputContainer {
  position: relative;
}
.DiscussSearch__input {
  font-size: 22px;
  line-height: 25px;
  height: 45px;
  border-radius: 0;
  padding: 0 45px;
  width: 100%;
  border: 1px solid #ddd;
  outline: none;
  box-sizing: border-box !important;
}
.DiscussSearch__input:-ms-input-placeholder {
  color: #b8c4ce;
}
.DiscussSearch__input::placeholder {
  color: #b8c4ce;
}
.DiscussSearch__input:focus {
  box-shadow: 0 0 2px #4f8cf1;
  border-color: #4f8cf1;
}
.DiscussSearch__icon {
  position: absolute;
  font-size: 20px;
  color: #a2acb5;
  top: 10px;
  left: 15px;
  z-index: 1;
}
.DiscussSearch__clear {
  position: absolute;
  top: -8px;
  right: 100px;
  padding: 10px;
  z-index: 1;
  font-size: 25px;
  color: #a2acb5;
}
.DiscussSearch__clear:hover {
  color: #333;
  cursor: pointer;
}
.DiscussSearch__button {
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  border: none;
  border-radius: 0;
  height: 43px;
  margin: 1px;
  padding: 0 20px;
  font-size: 18px;
  border-left: 1px solid #dfdfdf;
}
.DiscussSearch__results {
  padding: 20px;
}
a.DiscussSearch__result {
  cursor: pointer;
  padding: 20px 5px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  color: #555a5f;
  font-size: 16px;
}
a.DiscussSearch__result:hover {
  color: #555a5f;
  text-decoration: none;
  background: #f8f8f8;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
a.DiscussSearch__result:hover:first-child {
  border-top: 1px solid #eaeaea;
}
a.DiscussSearch__result:hover:last-child {
  border-bottom: 1px solid #eaeaea;
}
a.DiscussSearch__result:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
a.DiscussSearch__result h2 {
  font-weight: 600;
  font-size: 20px;
  color: #4f8cf1;
  line-height: 1.3;
  padding-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.DiscussSearch__result h2:hover {
  text-decoration: underline;
}
a.DiscussSearch__result .highlighted {
  font-weight: bold;
  color: #333;
  background: none;
}
.DiscussSearch__navigation {
  font-size: 17px;
  padding-top: 20px;
}
.DiscussSearch__resultLabel {
  max-width: 100px;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 15px;
}
.DiscussSearch__resultAuthor {
  font-size: 14px;
  margin-top: 5px;
}
.DiscussSearch__resultContent {
  min-width: 0;
}
.DiscussSearch__empty {
  text-align: center;
  padding: 40px 10px;
}
.DiscussSearch__empty h1 {
  font-weight: 300;
}
@media (max-width: 900px) {
  .responsive a.DiscussSearch__result {
    display: block;
  }
  .responsive .DiscussSearch__resultLabel {
    margin-bottom: 10px;
    padding-left: 0;
  }
  .responsive .DiscussSearch__header {
    padding: 10px;
  }
  .responsive .DiscussSearch__input {
    font-size: 18px;
  }
}
/*** Card Previews */
.DiscussThreadPreview {
  margin-bottom: 15px;
}
.DiscussThreadPreview__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.DiscussThreadPreview__inner > div {
  max-width: 100%;
}
.DiscussThreadPreview__main {
  min-width: 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
}
.DiscussThreadPreview__title {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
}
.DiscussThreadPreview__image {
  max-width: 200px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}
.DiscussThreadPreview__image img {
  max-width: 200px;
  max-height: 130px;
  border: 2px solid #efefef;
}
.DiscussThreadPreview__info {
  font-size: 14px;
  color: #a2acb5;
  line-height: 1.3;
}
.DiscussThreadPreview__text {
  margin-top: 10px;
  font-size: 15px;
  color: #555a5f;
}
.DiscussThreadPreview__stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 200px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  border-left: 1px solid #dfdfdf;
}
.DiscussThreadPreview__stat {
  padding: 5px 20px 5px 20px;
  text-align: center;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.DiscussThreadPreview__stat h5 {
  font-weight: 600;
  color: #555a5f;
  line-height: 1;
  font-size: 23px;
}
.DiscussThreadPreview__stat p {
  font-size: 13px;
  color: #a2acb5;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.DiscussThreadPreview__latest {
  background: #f7f9fa;
  border-top: 1px solid #efefef;
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  color: #555a5f;
}
@media (max-width: 900px) {
  .responsive .DiscussThreadPreview__inner {
    display: block;
  }
  .responsive .DiscussThreadPreview__main {
    display: block;
  }
  .responsive .DiscussThreadPreview__image {
    display: block;
    padding-left: 0;
    padding-top: 10px;
    max-width: 100%;
  }
  .responsive .DiscussThreadPreview__image img {
    max-width: 100%;
  }
  .responsive .DiscussThreadPreview__stats {
    width: 100%;
    border: none;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .responsive .DiscussThreadPreview__stat {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .responsive .DiscussThreadPreview__stat:first-child {
    border-right: 1px solid #dfdfdf;
  }
}
/*** Our User Leaderboard ***/
.DiscussUser__header {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.DiscussUser__header > div:last-child {
  padding-left: 20px;
}
.DiscussUser__header > div:last-child {
  text-align: right;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.DiscussUser__header h1 {
  color: #353a3d;
  font-weight: bold;
  display: inline-block;
}
.DiscussUser__header h2 {
  color: #888;
  font-weight: 600;
  font-size: 18px;
}
.DiscussUser__subheader {
  background: #f4f7f8;
  border-top: 1px solid #efefef;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
}
.DiscussUser__subheader > p {
  padding: 10px 20px;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  transition: color 0.2s;
}
.DiscussUser__subheader p.active {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.DiscussUser__subheader p:not(.active):hover {
  cursor: pointer;
  color: #777;
}
.DiscussUser__badges {
  display: block;
  margin-top: 8px;
}
.DiscussUser__badges .DiscussBadge {
  margin-left: 0;
  margin-right: 10px;
}
/*** Discussion Profile Preview ***/
.DiscussProfilePreview {
  text-align: center;
}
.DiscussProfilePreview h1 {
  font-size: 20px;
  font-weight: 600;
}
.DiscussProfilePreview h2 {
  font-size: 14px;
  font-weight: normal;
  color: #8a939b;
}
.DiscussProfilePreview__header {
  height: 80px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  padding: 20px;
  margin-bottom: 40px;
}
.DiscussProfilePreview__avatar {
  padding: 6px;
  background: #fff;
  border-radius: 6px;
  display: inline-block;
}
.DiscussProfilePreview__avatar .DiscussAvatar {
  margin: 0;
}
.DiscussProfilePreview__stats {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 20px;
}
a.DiscussProfilePreview__notifications {
  display: block;
  background: #eb5252;
  color: #fff;
  padding: 3px 5px;
  transition: background 0.2s;
}
a.DiscussProfilePreview__notifications:hover {
  background: #c63e3e;
  color: #fff;
  text-decoration: none;
}
.DiscussProfilePreview__badges {
  display: block;
  margin-top: 8px;
}
.DiscussProfilePreview__badges .DiscussBadge {
  margin-left: 3px;
  margin-right: 3px;
}
/*** User Leaderboard ***/
.DiscussTopUser {
  padding: 10px 0;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.DiscussTopUser:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.DiscussTopUser__score {
  text-align: right;
}
.DiscussTopUser__score h5 {
  font-weight: 600;
  font-size: 18px;
}
.DiscussTopUser__score p {
  color: #a2acb5;
  font-size: 13px;
  line-height: 1;
}
/*** Thread Related ***/
.DiscussThreadRelated a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
}
.DiscussThreadRelated p {
  line-height: 1.1;
  color: #8a939b;
}
.DiscussThreadRelated:not(:last-child) {
  margin-bottom: 15px;
}
/*** Rules Module ****/
.DiscussRules {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.DiscussRules h5 {
  font-weight: 700;
  font-size: 14px;
  padding: 10px 0;
}
.DiscussRules h5.section-header {
  border-bottom: 1px solid #eaeaea;
  padding: 8px 10px;
  line-height: 1;
}
.DiscussRules p {
  font-size: 14px;
  line-height: 1.4;
}
.DiscussRules.expanded {
  height: auto;
}
.DiscussRules__expand {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  font-size: 16px;
  padding-top: 50px;
  font-weight: 600;
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  text-align: center;
  transition: color 0.2s;
}
.DiscussRules__expand:hover {
  color: #4f8cf1;
  cursor: pointer;
}
a.DiscussModule--new {
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  color: #4f8cf1;
  transition: background 0.2s;
}
a.DiscussModule--new .fa {
  font-size: 42px;
}
a.DiscussModule--new h6 {
  font-weight: 600;
  font-size: 16px;
  padding-top: 5px;
  line-height: 1;
  color: #4f8cf1;
}
a.DiscussModule--new p {
  color: #a2acb5;
  font-size: 12px;
}
a.DiscussModule--new:hover {
  cursor: pointer;
  text-decoration: none;
  background: #f4f8fe;
}
.DiscussModule--search {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.DiscussModule--search input {
  border: none;
  height: 40px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  line-height: 40px;
  padding: 5px 10px;
  outline: none;
}
.DiscussModule--search .Button {
  border-radius: none;
  border: none;
  border-left: 1px solid #eaeaea;
}
.DiscussModule--thread h1 {
  font-weight: bold;
  font-size: 28px;
}
.DiscussModule--thread h2 {
  font-weight: normal;
  font-size: 15px;
}
.DicussModule--createIdeas {
  background: linear-gradient(#8eb5f6, #467bd4);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  line-height: 1.6;
}
.DicussModule--createIdeas h4 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
}
.DicussModule--createIdeas ul {
  margin-top: 20px;
}
/*** Cards ***/
.DiscussCard {
  position: relative;
  background: #fff;
  border: 1px solid #e0e3e9;
  margin-bottom: 15px;
  font-size: 16px;
}
.DiscussCard a {
  font-weight: 600;
}
.DiscussCard.pinned {
  border-color: #4f8cf1;
  background: #ffffff;
}
.DiscussCard--ReviewNotification__imageInfo {
  padding: 0 15px 15px 15px;
  text-align: center;
}
.DiscussCard--ReviewNotification__imageInfo h4 {
  color: #555a5f;
  font-weight: 600;
  transition: color 0.2s;
  margin-top: 10px;
}
.DiscussCard--ReviewNotification__imageInfo h4:hover {
  color: #4f8cf1;
}
.DiscussCard--ReviewNotification__image {
  max-height: 100px;
}
.DiscussCard--ReviewNotification__header {
  margin-top: -4px;
}
.DiscussCard--ReviewNotification__content {
  padding: 0 15px;
  border-left: 1px dashed #e2e7eb;
  border-right: 1px dashed #e2e7eb;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.DiscussCard--ReviewNotification__reviewBody {
  font-size: 15px;
}
.DiscussCard--ReviewNotification__stats {
  margin-top: 5%;
  padding-left: 24px;
  padding-right: 12px;
  margin: auto;
}
.DiscussCard--ReviewNotification__stats h5 {
  color: #555a5f;
  font-weight: 600;
  transition: color 0.2s;
  font-size: 23px;
}
.DiscussCard--ReviewNotification__stats h5:hover {
  color: #4f8cf1;
}
.DiscussCard--ReviewNotification__stats p {
  font-size: 13px;
  color: #a2acb5;
}
.DiscussCard__anonymous {
  display: inline;
  font-weight: 600;
}
.DiscussCard__pin {
  position: absolute;
  top: 0;
  right: 0;
  background: #4f8cf1;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-bottom-left-radius: 3px;
  padding: 0 5px;
}
.DiscussCard__reason {
  border-bottom: 1px solid #ebeef2;
  padding: 10px 15px;
}
.DiscussCard__reason .fa-exclamation-triangle {
  color: #e5c380;
}
.DiscussCard__reason .fa-usd {
  color: #57c559;
}
.DiscussCard__reason .fa-truck {
  color: #5969e2;
}
.DiscussCard__reason .fa-stack-overflow {
  color: #afcc5a;
}
.DiscussCard__reason .fa-cubes {
  color: #809ae5;
}
.DiscussCard__reason .fa-building-o {
  color: #e548cd;
}
.DiscussCard__reason .fa-desktop {
  color: #69d2f5;
}
.DiscussCard__reason .dea {
  color: #f6adad;
}
.DiscussCard__reason .budget {
  color: #f5c873;
}
.DiscussCard__content {
  padding: 15px 15px 32px 15px;
  position: relative;
}
.DiscussCard__comment {
  display: -ms-flexbox;
  display: flex;
}
.DiscussCard__commentHeader {
  font-size: 15px;
}
.DiscussCard__commentBody {
  width: 100%;
}
.DiscussCard__comment--original {
  border-left: 4px solid #ebeef2;
  padding-left: 15px;
  margin-bottom: 15px;
}
.DiscussCard__comment--child {
  border-left: none;
  padding-left: 0;
}
.DiscussCard__replyIcon {
  color: #5969e2;
  margin-right: 10px;
}
.DiscussCard__upvoteIcon {
  color: #afcc5a;
  margin-right: 10px;
}
.DiscussCard__commentIcon {
  color: #e5c380;
  margin-right: 10px;
}
.DiscussCard__newThreadIcon {
  color: #29d26d;
  margin-right: 10px;
}
a.DiscussCard__viewLink {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #4f8cf1;
  padding: 0 4px;
  margin-top: 7px;
  color: #4f8cf1;
  border-radius: 3px;
  font-size: 13px;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
  background: #fff;
}
a.DiscussCard__viewLink:hover {
  color: #206ded;
  border-color: #206ded;
  background: #f5f5f5;
  text-decoration: none;
}
.DiscussCard__star {
  display: inline-block;
}
.DiscussCard__star i {
  display: block;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 10px;
  padding: 3px;
  margin-left: 8px;
  text-align: center;
  border-radius: 50%;
  background: #e0c437;
}
.DiscussCard__star:hover {
  cursor: pointer;
}
.DiscussCard__details {
  background: #f4f8fe;
  border-top: 1px solid #ebeef2;
  padding: 15px;
}
.DiscussCard__menu {
  position: absolute;
  top: 10px;
  right: 10px;
}
/*** Discussion Forms ***/
.DiscussForm {
  background: #fff;
  border: 1px solid #e0e3e9;
  margin-bottom: 15px;
}
.DiscussForm .Form__group {
  font-size: 16px;
  margin-bottom: 10px;
}
.DiscussForm .Form__control {
  max-width: 250px;
}
.DiscussForm input[type='checkbox'] {
  margin-right: 10px;
  height: 15px;
  width: 15px;
}
.DiscussForm__header {
  border-bottom: 1px solid #e0e3e9;
  padding: 20px;
}
.DiscussForm__header h1 {
  font-size: 22px;
  font-weight: 600;
}
.DiscussForm__header p {
  font-size: 16px;
}
.DiscussForm__footer {
  border-top: 1px solid #e0e3e9;
  padding: 20px;
}
.DiscussForm__section {
  margin-bottom: 40px;
}
.DiscussForm__section h4 {
  font-weight: 600;
}
/***** Forum User Display *****/
.DiscussName {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.DiscussAvatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 40px;
  width: 40px;
  border-radius: 5px;
  background-color: #60b2b3;
  color: #fff;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/discuss/animals.png);
  background-size: 320px 200px;
  margin-right: 10px;
}
.DiscussAvatar.giraffe {
  background-position: 0%  0%;
}
.DiscussAvatar.rabbit {
  background-position: 14.28%  0%;
}
.DiscussAvatar.dolphin {
  background-position: 28.57%  0%;
}
.DiscussAvatar.kitten {
  background-position: 42.85%  0%;
}
.DiscussAvatar.camel {
  background-position: 57.14%  0%;
}
.DiscussAvatar.pig {
  background-position: 71.43%  0%;
}
.DiscussAvatar.bat {
  background-position: 85.71%  0%;
}
.DiscussAvatar.frog {
  background-position: 100%  0%;
}
.DiscussAvatar.rhino {
  background-position: 0%  25%;
}
.DiscussAvatar.rooster {
  background-position: 14.28%  25%;
}
.DiscussAvatar.stallion {
  background-position: 28.57%  25%;
}
.DiscussAvatar.gecko {
  background-position: 42.85%  25%;
}
.DiscussAvatar.elephant {
  background-position: 56.25%  25%;
}
.DiscussAvatar.bull {
  background-position: 71.43%  25%;
}
.DiscussAvatar.wolf {
  background-position: 85.71%  25%;
}
.DiscussAvatar.monkey {
  background-position: 100%  25%;
}
.DiscussAvatar.bison {
  background-position: 0%  50%;
}
.DiscussAvatar.fox {
  background-position: 14.28%  50%;
}
.DiscussAvatar.walrus {
  background-position: 28.57%  50%;
}
.DiscussAvatar.seahorse {
  background-position: 42.85%  50%;
}
.DiscussAvatar.crow {
  background-position: 57.14%  50%;
}
.DiscussAvatar.mouse {
  background-position: 71.43%  50%;
}
.DiscussAvatar.owl {
  background-position: 85.71%  50%;
}
.DiscussAvatar.kangaroo {
  background-position: 100%  50%;
}
.DiscussAvatar.squirrel {
  background-position: 0%   75%;
}
.DiscussAvatar.dog {
  background-position: 14.28%   75%;
}
.DiscussAvatar.turtle {
  background-position: 28.57%   75%;
}
.DiscussAvatar.bird {
  background-position: 42.85%   75%;
}
.DiscussAvatar.crab {
  background-position: 57.14%   75%;
}
.DiscussAvatar.shark {
  background-position: 71.43%   75%;
}
.DiscussAvatar.whale {
  background-position: 85.71%   75%;
}
.DiscussAvatar.snake {
  background-position: 100%   75%;
}
.DiscussAvatar.lobster {
  background-position: 0%   100%;
}
.DiscussAvatar.jellyfish {
  background-position: 14.28%   100%;
}
.DiscussAvatar.lion {
  background-position: 28.57%   100%;
}
.DiscussAvatar.gorilla {
  background-position: 42.85%   100%;
}
.DiscussAvatar.unicorn {
  background-position: 57.14%   100%;
}
.DiscussAvatar.bear {
  background-position: 71.43%   100%;
}
.DiscussAvatar.penguin {
  background-position: 85.71%   100%;
}
.DiscussAvatar.snoo {
  background-position: 100%   100%;
}
.DiscussAvatar.large {
  height: 80px;
  width: 80px;
  background-size: 640px 400px;
}
.DiscussAvatar.medium {
  height: 60px;
  width: 60px;
  background-size: 480px 300px;
}
.DiscussAlias a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.DiscussAlias p {
  line-height: 1;
  font-size: 15px;
  color: #8a939b;
  display: inline-block;
}
/*** Comments Display ***/
.DiscussComments {
  border-top: 1px solid #efefef;
  padding: 30px 20px 30px 20px;
}
.DiscussComments__empty {
  padding: 40px 20px;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 17px;
  color: #a2acb5;
}
.DiscussComment {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.DiscussComment {
  padding: 5px;
  transition: background 1s;
  font-size: 16px;
  word-break: break-word;
}
.DiscussComment a {
  font-weight: 600;
}
.DiscussComment__indent {
  margin-left: 48px;
}
.DiscussComment__create {
  border-top: 1px solid #dadada;
  padding: 10px;
  margin-top: 10px;
}
.DiscussComment__create p {
  font-size: 12px;
  color: #888;
}
.DiscussComment__create .Button {
  font-size: 18px;
}
.DiscussComment__createHeader {
  border-bottom: 1px solid #eaeaea;
}
.DiscussComment__createBody {
  margin: 15px 0;
}
.DiscussComment__createFooter {
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.DiscussComment.new {
  background: #fcede4;
  border-radius: 3px;
}
.DiscussComment__main {
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
}
.DiscussComment__main.shadow_deleted {
  color: #bbbbbb;
}
.DiscussComment__content {
  font-size: 16px;
  overflow: hidden;
}
.DiscussComment__content--deleted {
  opacity: 0.5;
  font-style: italic;
}
.DiscussCommentActions {
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #8a939b;
}
.DiscussCommentActions__element {
  transition: color 0.2s;
  margin-right: 20px;
}
.DiscussCommentActions__element:hover {
  cursor: pointer;
  color: #555a5f;
}
.DiscussCommentActions__element.active {
  color: #206ded;
}
a.DiscussCommentActions__element {
  color: #656c7a;
  font-weight: normal;
}
.DiscussCommentActions__delete {
  border: 1px solid #dfdfdf;
  font-size: 17px;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 3px;
  background: #f4f7f8;
}
.DiscussCommentActions__element--like.active {
  color: #57c559;
  font-weight: bold;
}
@media (max-width: 900px) {
  .responsive .DiscussComment__indent {
    margin-left: 20px;
  }
}
/* Registration Module */
.DiscussRegistration h5 {
  font-size: 15px;
  font-weight: 600;
}
.DiscussRegistration h5 span {
  opacity: 0.8;
  font-size: 80%;
}
a.DiscussRegistration__randomizer {
  border: 1px solid #4f8cf1;
  display: inline-block;
  padding: 0 10px;
  border-radius: 3px;
  background: none;
  outline: none;
  color: #4f8cf1;
  font-weight: bold;
  transition: color 0.2s, border-color 0.2s;
}
a.DiscussRegistration__randomizer:hover {
  border-color: #206ded;
  color: #206ded;
  cursor: pointer;
  text-decoration: none;
}
.DiscussRegistration__preview {
  margin-top: 20px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  border: 3px solid #efefef;
}
.DiscussRegistration__previewTag {
  position: relative;
  color: #888;
  font-size: 13px;
  padding-bottom: 10px;
}
.DiscussRegistration__cancel {
  font-size: 17px;
  line-height: 40px;
  padding-left: 10px;
}
.DiscussRegistration__cancel:hover {
  cursor: pointer;
}
.DiscussRegistration__customOption {
  position: relative;
  margin-bottom: 20px;
  padding: 0 25px;
}
.DiscussRegistration__arrow {
  position: absolute;
  z-index: 2;
  top: 0%;
  font-size: 40px;
  line-height: 1;
  margin-top: -3px;
  transition: color 0.2s;
  padding: 3px 5px;
}
.DiscussRegistration__arrow:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.DiscussRegistration__arrow--next {
  left: 100%;
  margin-left: 5px;
}
.DiscussRegistration__arrow--previous {
  right: 100%;
  margin-right: 5px;
}
.DiscussRegistration__option {
  text-align: center;
  margin: 0 auto;
}
.DiscussRegistration__option .DiscussAvatar {
  transition: background-color 0.2s;
  margin: 0 auto;
}
.DiscussRegistration__option:hover {
  cursor: pointer;
}
.DiscussRegistration__option:hover .DiscussAvatar {
  background-color: #eb5252;
}
.DiscussRegistration__option.active .DiscussAvatar {
  background-color: #eb5252;
}
.DiscussRegistration__option.active .DiscussRegistration__animalName {
  color: #eb5252;
}
.DiscussRegistration__colors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  overflow-y: scroll;
  position: relative;
}
.DiscussRegistration__colorContainer {
  padding: 0 10px;
}
.DiscussRegistration__animalName {
  font-size: 13px;
  padding-top: 2px;
  letter-spacing: 0.2px;
}
.DiscussRegistration__color {
  width: 100%;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 3px solid transparent;
}
.DiscussRegistration__color:hover {
  cursor: pointer;
  border-color: rgba(255, 255, 255, 0.3);
}
.DiscussRegistration__color.active {
  position: relative;
  z-index: 3;
  border-color: #eb5252;
}
.DiscussRegistration__adjective {
  color: #333;
  background: rgba(0, 0, 0, 0.02);
  line-height: 40px;
  text-align: center;
  width: 100%;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  transition: background 0.2s, color 0.2s;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.DiscussRegistration__adjective:hover,
.DiscussRegistration__adjective.active {
  background-color: #eb5252;
  color: #fff;
  cursor: pointer;
}
/***** Thread Create Form *****/
.DiscussThread__title {
  margin: 20px 0 20px 0;
  font-weight: bold;
  font-size: 34px;
  line-height: 1.3;
}
.DiscussThread__stats {
  display: -ms-flexbox;
  display: flex;
}
.DiscussThread__stat {
  text-align: center;
  margin: 0 15px;
}
.DiscussThread__stat h5 {
  font-weight: 600;
  line-height: 1;
  font-size: 28px;
}
.DiscussThread__stat p {
  line-height: 1;
  color: #a2acb5;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.DiscussThread__sorts {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.DiscussThread__sorts h6 {
  font-weight: normal;
  margin-right: 20px;
  font-size: 18px;
  opacity: 0.7;
}
.DiscussThread__sorts .DiscussThread__sortOptions {
  display: -ms-flexbox;
  display: flex;
}
.DiscussThread__sorts .cHorizontalTabs {
  margin-bottom: 0;
}
.DiscussThreadCreateForm h1 {
  background: #fafafa;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 10px;
}
.DiscussThreadCreateForm label {
  font-weight: 600;
  color: #6e767c;
}
.DiscussThreadCreateForm__submit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.DiscussThreadCreateForm__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.DiscussThreadCreateForm__actions a {
  margin-right: 10px;
}
.DiscussThread__empty {
  padding: 40px;
  font-style: italic;
  text-align: center;
  font-size: 18px;
}
.Form__group .Form__control--header {
  font-size: 18px;
  height: 45px;
}
.DiscussThread__actionBar {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.DiscussThread__actionBarRight {
  display: -ms-flexbox;
  display: flex;
}
.ThreadFollow {
  width: 140px;
}
@media (max-width: 1100px) {
  .responsive .DiscussThread__actionBar {
    display: block;
  }
  .responsive .DiscussThread__actionBarRight {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .responsive .DiscussThread__sortCount {
    display: none;
  }
  .responsive .ThreadFollow {
    margin-bottom: 10px;
  }
}
/*** Discuss Thread Page ***/
.DiscussThread__header {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
}
.DiscussThread__adminBar {
  border-top: 1px solid #efefef;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.DiscussBar {
  margin: 10px 0;
  padding: 10px;
  font-size: 18px;
  color: #666;
}
a.DiscussUpvote {
  border: 1px solid #2e9fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 18px;
  margin-right: 10px;
  color: #2e9fff;
}
a.DiscussUpvote:hover {
  text-decoration: none;
  background: #fafafa;
  cursor: pointer;
}
a.DiscussUpvote.active {
  background: #57c559;
  border-color: #57c559;
  color: #fff;
}
a.DiscussFollow {
  border: 1px solid #dee0e9;
  background: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 18px;
  margin-right: 10px;
  color: #888;
}
a.DiscussFollow:hover {
  text-decoration: none;
  background: #fafafa;
  cursor: pointer;
}
a.DiscussFollow.active {
  background: #57c559;
  border-color: #57c559;
  color: #fff;
}
@media (max-width: 900px) {
  .responsive .DiscussThread__actionBar {
    display: block;
  }
  .responsive .DiscussThread__actionBarRight {
    margin-top: 20px;
    display: block;
  }
  .responsive .DiscussThread__stats {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .responsive .DiscussThread__header {
    display: block;
  }
}
/***** No Results *****/
.DiscussNoResults {
  text-align: center;
  padding: 80px 20px;
  border: 1px solid #dfdfdf;
  background: #fff;
}
.DiscussNoResults h3 {
  color: #aaa;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
}
.DiscussNoResults img {
  max-width: 300px;
}
/* Overrides for Emoji CSS Selector */
.emojione {
  transform: scale(0.5) translate(-31px, -22px);
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/discuss/emojione.sprites.png);
}
.emojione-suggestion {
  transform: scale(0.33) translate(-47px, -28px);
}
.draftJsEmojiPlugin__emojiSuggestionsEntryText__2sPjk {
  transform: translateY(-8px);
}
.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_[role=option] {
  height: 40px;
}
.Enrollments {
  margin-bottom: 40px;
}
.Enrollments--Layout {
  padding: 0;
}
.Enrollments--Index {
  padding: 24px;
}
.Enrollments--Index__titles {
  text-align: center;
  margin-bottom: 24px;
}
.Enrollments--Index__titles h1 {
  font-weight: bold;
  font-size: 32px;
}
.Enrollments--Index__items {
  max-width: 500px;
  margin: 0 auto;
}
.Enrollments--Index__content {
  max-width: 500px;
  margin: 24px auto 0;
}
.Enrollments--Index__form {
  border: 1px dashed #e2e7eb;
  padding: 24px;
  border-radius: 5px;
}
.Enrollments--Index__buttons {
  padding: 24px;
}
.Enrollments--Steps {
  max-width: 1000px;
  margin: 0 auto;
}
.Enrollments--Steps__step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: 16px 0;
}
.Enrollments--Steps__step__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #4f8cf1;
  border-bottom: 4px solid #4f8cf1;
  border-right: 2px solid #4f8cf1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 900;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
}
.Enrollments--Steps__step__content h3 {
  font-weight: 600;
  font-size: 20px;
}
.Enrollments--Steps__step__content p {
  opacity: 0.9;
  font-size: 16px;
}
.Enrollments--InitialForm label {
  font-weight: bold;
  color: #6e767c;
  font-size: 14px;
}
.Enrollments--InitialForm__field {
  margin-bottom: 16px;
}
.Enrollments--SupplierOption {
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  padding: 8px;
  cursor: pointer;
  transition: all 300ms;
}
.Enrollments--SupplierOption__check {
  margin: 0 8px;
}
.Enrollments--SupplierOption__check label {
  margin-bottom: 4px;
}
.Enrollments--SupplierOption h5 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 14px;
}
.Enrollments--SupplierOption h6 {
  color: #8a939b;
}
.Enrollments--SupplierOption:hover {
  border-color: #4f8cf1;
}
.Enrollments--SupplierOption--disabled {
  background-color: #f9fafb;
  cursor: default;
  color: #8a939b;
}
.Enrollments--SupplierOption--disabled:hover {
  border-color: #e2e7eb;
}
.Enrollments--Forms {
  padding: 24px;
}
.Enrollments--Forms__titles {
  text-align: center;
  margin: 0 auto 24px;
  max-width: 600px;
}
.Enrollments--Forms__titles h1 {
  font-weight: bold;
  font-size: 32px;
}
.Enrollments--Forms__items {
  max-width: 500px;
  margin: 0 auto;
}
.Enrollments--Forms__button {
  margin-top: 24px;
}
.Enrollments--Applications {
  padding: 24px;
}
.Enrollments--Applications__titles {
  text-align: center;
  margin-bottom: 24px;
}
.Enrollments--Applications__titles h1 {
  font-weight: bold;
  font-size: 32px;
}
.Enrollments--Applications__items {
  max-width: 500px;
  margin: 0 auto;
}
.Enrollments--Applications__button {
  margin-top: 24px;
}
.Enrollments--ListItem {
  display: block;
  padding: 12px;
  margin: 12px auto;
  border-radius: 5px;
  border: 1px solid #e2e7eb;
  transition: all 300ms;
}
.Enrollments--ListItem:hover {
  border-color: #4f8cf1;
}
.Enrollments--ListItem h3 {
  font-weight: 600;
  font-size: 16px;
  color: #555a5f;
}
.Enrollments--ListItem img {
  height: 40px;
  width: 100px;
}
.Enrollments--ListEmpty {
  max-width: 500px;
  margin: 0 auto;
}
.Enrollments--ListEmpty__content {
  padding: 12px;
  margin: 12px auto;
  border-radius: 5px;
  border: 1px solid #e2e7eb;
  text-align: center;
}
.Enrollments--ListEmpty__content svg {
  font-size: 24px;
}
.Enrollments--ListEmpty__content h3 {
  margin-top: 4px;
  font-weight: 600;
}
.Enrollments--ListEmpty__icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 25px;
}
.Enrollments--ListEmpty__children {
  margin: 12px -12px -12px;
}
.Enrollments--ApplicationForm__titles {
  padding: 12px 24px;
  border-bottom: 1px solid #e2e7eb;
}
.Enrollments--ApplicationForm__titles h1 {
  font-weight: 600;
  font-size: 18px;
}
.Enrollments--ApplicationForm__titles h1 a {
  color: #555a5f;
}
.Enrollments--ApplicationForm__titles h1 a:hover {
  color: #4f8cf1;
}
.Enrollments--ApplicationForm__titles h1 svg {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.Enrollments--ApplicationForm__main {
  padding-right: 24px;
}
.Enrollments--ApplicationForm__main h3 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 20px;
}
.Enrollments--ApplicationForm__line {
  width: 60px;
  height: 4px;
  border-radius: 2px;
}
.Enrollments--ApplicationForm__actions {
  padding: 0 24px 24px;
}
.Enrollments--ApplicationForm__form {
  padding: 24px;
}
.Enrollments--ApplicationForm__signature {
  margin-top: 40px;
}
.Enrollments--Form__titles {
  padding: 12px 24px;
  border-bottom: 1px solid #e2e7eb;
}
.Enrollments--Form__titles h1 {
  font-weight: 600;
  font-size: 18px;
}
.Enrollments--Form__titles h1 a {
  color: #555a5f;
}
.Enrollments--Form__titles h1 a:hover {
  color: #4f8cf1;
}
.Enrollments--Form__titles h1 svg {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.Enrollments--Form__main {
  padding-right: 24px;
}
.Enrollments--Form__main h3 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 20px;
}
.Enrollments--Form__main h4 {
  margin: 12px 0;
}
.Enrollments--Form__line {
  width: 60px;
  height: 4px;
  border-radius: 2px;
}
.Enrollments--Form__actions {
  padding: 0 24px 24px;
}
.Enrollments--Form__form {
  padding: 24px;
}
.Enrollments--Application {
  padding: 24px;
}
.Enrollments--Application__titles {
  text-align: center;
  margin: 0 auto 24px;
  max-width: 600px;
}
.Enrollments--Application__titles img {
  height: 72px;
  width: 180px;
}
.Enrollments--Application__items {
  max-width: 500px;
  margin: 0 auto;
}
.Enrollments--Application__button {
  margin-top: 24px;
}
.Enrollments--Field {
  margin-bottom: 12px;
}
.Enrollments--Field__label {
  font-weight: bold;
  color: #6e767c;
  font-size: 14px;
}
.Enrollments--Field__label--error {
  color: #eb5252;
}
.Enrollments--Field__required {
  padding-left: 3px;
}
.Enrollments--MultiCheckField {
  margin-top: -5px;
}
.Enrollments--RadioField {
  margin-top: 10px;
}
.Enrollments--RadioField__radio {
  font-weight: 600;
  color: #8a939b;
  letter-spacing: 0.2px;
  font-size: 14px;
  display: block;
}
.Enrollments--RadioField__radio:not(:last-child) {
  margin-bottom: 10px;
}
.Enrollments--RadioField__input {
  padding-top: 5px;
  padding-left: 20px;
}
.Enrollments--AddressField {
  margin-bottom: 10px;
}
.Enrollments--AddressField__fields {
  margin-bottom: 10px;
}
.Enrollments--AddressField__check {
  margin-top: 10px;
}
.Enrollments--AddressField__static {
  padding-left: 30px;
  margin-top: -10px;
  color: #8a939b;
}
.Enrollments--UploadField__upload {
  margin-top: 10px;
}
.Enrollments--UploadField__preview {
  position: relative;
  overflow: hidden;
  padding: 12px;
  background: #eff2f4;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
}
.Enrollments--UploadField__preview__actions {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px;
  background-color: white;
  transition: all 300ms;
  transform: translateY(-50px);
  border-bottom: 1px solid #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.Enrollments--UploadField__preview__actions h5 {
  font-weight: bold;
  color: #6e767c;
  font-size: 14px;
}
.Enrollments--UploadField__preview__image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
  height: 400px;
}
.Enrollments--UploadField__preview__image img {
  max-width: 100%;
  max-height: 100%;
}
.Enrollments--UploadField__preview:hover .Enrollments--UploadField__preview__actions {
  transform: translateY(0);
}
.Enrollments--Sider {
  color: #6e767c;
  padding: 0;
  margin-bottom: 12px;
}
.Enrollments--SiderItem {
  color: #6e767c;
  display: block;
  padding: 8px 16px;
  transition: all 300ms;
  position: relative;
}
.Enrollments--SiderItem:hover {
  background: #f4f8fe;
}
.Enrollments--SiderItem h4 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
}
.Enrollments--SiderItem h6 {
  font-size: 10px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
.Enrollments--SiderItem__line {
  width: 3px;
  background-color: #eff2f4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.Enrollments--SiderItem__icon {
  padding-left: 8px;
}
.Enrollments--SiderItem:not(:last-child) {
  border-bottom: 1px solid #f9fafb;
}
.Enrollments--SiderItem--active {
  color: #4f8cf1;
  background: #f4f8fe;
}
.Enrollments--SiderItem--active .Enrollments--SiderItem__line {
  background-color: #4f8cf1;
}
.Enrollments--SiderTitleItem {
  color: #6e767c;
  display: block;
  padding: 8px 16px;
  transition: all 300ms;
  position: relative;
  border-bottom: 1px solid #e2e7eb;
}
.Enrollments--SiderTitleItem:hover {
  background: #f4f8fe;
}
.Enrollments--SiderTitleItem h4 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 14px;
}
.Enrollments--SiderTitleItem__icon {
  padding-left: 8px;
}
.Enrollments--SignableForm__iframe {
  height: 900px;
}
.Enrollments--Error {
  padding: 24px;
}
.Enrollments--Error__titles {
  text-align: center;
  margin: 0 auto 24px;
}
.Enrollments--Error__titles h1 {
  font-weight: bold;
  font-size: 32px;
}
.Enrollments--Error__box {
  max-width: 500px;
  margin: 24px auto;
  border: 1px dashed #e2e7eb;
  padding: 24px;
  border-radius: 5px;
  text-align: center;
}
.Enrollments--Error__box h3 {
  margin-bottom: 24px;
}
.Enrollments--Error__box h3 strong {
  font-weight: 600;
}
.Enrollments--ApplicationSignatures {
  border: 1px dashed #e2e7eb;
  border-radius: 5px;
  overflow: hidden;
  text-align: left;
  margin: 24px;
}
.Enrollments--ApplicationSignatures__title {
  padding: 6px 0;
  background-color: #f9fafb;
}
.Enrollments--ApplicationSignatures__title h6 {
  font-weight: 600;
}
.Enrollments--ApplicationSignatures__signature {
  padding: 6px 0;
  border-top: 1px solid #f9fafb;
}
.Enrollments--ApplicationSignatures__signature svg {
  font-size: 16px;
}
.Etailer {
  margin-bottom: 60px;
  /* Set font-weight to normal since it is set to lighten in Vetcove root */
}
.Etailer h1 {
  font-weight: bold;
  letter-spacing: 0.25px;
}
.Etailer h2 {
  font-weight: normal;
}
.Etailer h3 {
  font-weight: normal;
}
.Etailer h4 {
  font-weight: normal;
}
.Etailer h5 {
  font-weight: normal;
}
.Etailer h6 {
  font-weight: normal;
}
.Etailer strong {
  font-weight: 600;
}
.Etailer--ESupplyItem {
  cursor: pointer;
  position: relative;
  padding: 0;
  transition: background-color 0.2s;
}
.Etailer--ESupplyItem:not(:last-child) {
  border-bottom: 0;
}
.Etailer--ESupplyItem__main {
  min-height: 110px;
}
.Etailer--ESupplyItem__content {
  position: relative;
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: -16px;
}
.Etailer--ESupplyItem__content h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  transition: all 0.2s;
}
.Etailer--ESupplyItem__content h3 {
  font-size: 16px;
  color: #8a939b;
  display: inline-block;
  letter-spacing: 0.3px;
  margin-top: 8px;
  line-height: 1.1;
}
.Etailer--ESupplyItem__image-container {
  padding: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Etailer--ESupplyItem__image-container > div {
  min-width: 70px;
}
.Etailer--ESupplyItem__image-fill {
  max-width: 200px;
}
.Etailer--ESupplyItem__last-order {
  font-size: 12px;
  padding: 2px;
  color: #57c559;
}
.Etailer--ESupplyItem__last-order--placeholder {
  height: 22px;
}
.Etailer--ESupplyItem__prices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.Etailer--ESupplyItem__markup {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.Etailer--ESupplyItem__help-button {
  padding-right: 12px;
  padding-top: 8px;
  font-size: 16px;
  transition: color 0.2s;
}
.Etailer--ESupplyItem--active,
.Etailer--ESupplyItem:hover {
  background-color: #f4f8fe;
}
.Etailer--ESupplyItem--active:hover {
  background-color: #f9fafb;
}
.Etailer--CrossSell {
  border-bottom: 0;
  cursor: pointer;
}
.Etailer--CrossSell__icon {
  padding: 18px;
  font-size: 40px;
}
.Etailer--CrossSell__title {
  padding-left: 8px;
  font-weight: 600;
  font-size: 16px;
}
.Etailer--CrossSell__right {
  padding-right: 48px;
  text-align: right;
  text-transform: uppercase;
}
.Etailer--CrossSell__content {
  padding-left: 20px;
}
.Etailer--CrossSell__link {
  font-size: 16px;
  color: #e91e63;
}
.Etailer--CrossSell p {
  font-size: 16px;
}
.Etailer--CrossSell h4 > span {
  line-height: 1.2;
}
.Etailer--HoverableHelpMessage {
  margin-left: 4px;
  margin-right: 4px;
  width: initial;
}
.Etailer--NumberLabel {
  text-align: center;
  position: relative;
}
.Etailer--NumberLabel__number {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}
.Etailer--NumberLabel__label {
  margin-top: 8px;
  opacity: 0.6;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Etailer--NumberLabel__loading {
  height: 20px;
}
.Etailer--AutoshipIcon {
  position: absolute;
  font-size: 0.8em;
  top: 24px;
}
.Etailer--MiniPriceChart {
  position: relative;
  margin-left: 12px;
  margin-right: 12px;
}
.Etailer--MiniPriceChart__chart {
  height: 35px;
}
.Etailer--MiniPriceChart__labels {
  margin-top: 12px;
  margin-bottom: 11px;
  opacity: 0.6;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.8px;
  line-height: 1.1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Etailer--MiniPriceChart__help {
  margin-bottom: 0;
  text-align: center;
  margin-left: -8px;
  margin-right: -8px;
}
.Etailer--ESupplyFilters {
  margin-bottom: 16px;
}
.Etailer--ESupplyFilters h3 {
  font-weight: 600;
  font-size: 18px;
}
.Etailer--ESupplyFilters__filter-group,
.Etailer--ESupplyFilters__autoship-toggle {
  margin-bottom: 16px;
}
.Etailer--ESupplyFilters__filter h3 {
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 8px;
}
.Etailer--ESupplyFilters__autoship-toggle {
  border-bottom: 1px solid #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.Etailer--ESupplyFilters__autoship-icon {
  position: static;
  padding-right: 6px;
}
.Etailer--ESupplyFilters__mobile__sider {
  display: none;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.Etailer--ESupplyFilters__mobile__sider:hover {
  background-color: #f4f8fe;
}
.Etailer--ESupplyFilters__mobile__sider > span {
  font-size: 24px;
  line-height: 10px;
}
.Etailer--SimilarProduct {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 16px;
  margin-bottom: 6px;
  padding: 4px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  padding-right: 8px;
}
.Etailer--SimilarProduct:not(.Etailer--SimilarProduct--active):hover {
  background-color: rgba(79, 140, 241, 0.1);
}
.Etailer--SimilarProduct--active {
  color: white;
  background-color: #4f8cf1;
}
.Etailer--SimilarProduct--active:hover {
  background-color: rgba(79, 140, 241, 0.9);
}
.Etailer--SimilarProduct::before {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent white transparent;
}
.Etailer--SimilarProduct::after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 16px 16px 0;
  border-color: transparent white transparent transparent;
}
.Etailer--SimilarProduct__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Etailer--SimilarProduct__count {
  opacity: 0.8;
}
.Etailer--CategoryItem {
  font-size: 16px;
  line-height: 2;
  cursor: pointer;
}
.Etailer--CategoryItem--active {
  color: #4f8cf1;
}
.Etailer--CategoryItem__child {
  color: #555a5f;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.7;
}
.Etailer--CategoryItem__child--active {
  color: #4f8cf1;
}
.Etailer--CategoryItem__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  transition: all 0.2s;
}
.Etailer--CategoryItem__text__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Etailer--CategoryItem__text__count {
  color: #8a939b;
}
.Etailer--CategoryItem__text:hover {
  color: #4377cd;
}
.Etailer--SelectItem {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
}
.Etailer--SelectItem__check {
  margin-bottom: 0;
}
.Etailer--SelectItem__text {
  font-size: 16px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Etailer--SelectItem__count {
  opacity: 0.8;
}
.Etailer--EtailerHeader {
  margin-bottom: -350px;
  background-color: #4f8cf1;
  border-bottom: 1px solid #e2e7eb;
  background-image: linear-gradient(to right top, #5cb8e6, #5969e2);
}
.Etailer--EtailerHeader__image {
  height: 500px;
  background-size: 200px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/patterns/etailer_bg_white.png);
  background-repeat: repeat;
}
.Etailer--SearchBar__titles {
  color: white;
  text-align: center;
}
.Etailer--SearchBar__titles a {
  color: white;
}
.Etailer--SearchBar__titles a:hover {
  text-decoration: underline;
}
.Etailer--SearchBar__titles h1 {
  font-size: 36px;
}
.Etailer--SearchBar__titles h2 {
  font-size: 20px;
}
.Etailer--SearchBar__search {
  max-width: 500px;
  margin: 20px auto 40px;
}
.Etailer--SearchBar__home {
  padding-top: 8px;
  margin-bottom: -8px;
  text-align: center;
}
.Etailer--SearchBar__home a {
  font-weight: 600;
  color: white;
}
.Etailer--SearchBar__home a:hover {
  text-decoration: underline;
}
.Etailer--SearchBar__bottomLinks {
  position: relative;
}
.Etailer--ESupplyItemHeader {
  border-bottom: 0;
}
.Etailer--ESupplyItemHeader h3 {
  font-size: 16px;
  padding-right: 12px;
}
.Etailer--ESupplyItemHeader__text {
  display: -ms-flexbox;
  display: flex;
}
.Etailer--ESupplyItemHeader__dropdown {
  display: -ms-flexbox;
  display: flex;
}
.Etailer--Details {
  border: 1px solid #e2e7eb;
  padding: 12px;
  padding-bottom: 0;
  background-color: white;
}
.Etailer--Details__container {
  padding-bottom: 32px;
}
.Etailer--Details__navbar {
  border-bottom: 0;
}
.Etailer--Details__content {
  padding: 20px;
  padding-bottom: 0;
}
.Etailer--ESupplyDetailItem {
  padding: 6px 0;
  border-top: 1px dashed #e2e7eb;
}
.Etailer--ESupplyDetailItem h3 {
  font-size: 18px;
}
.Etailer--ESupplyDetailItem h4 {
  line-height: 1.2;
  font-size: 14px;
}
.Etailer--ESupplyDetailItem__image {
  height: 30px;
  margin: 5px 0;
}
.Etailer--ESupplyDetailItem__image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Etailer--ESupplyDetailItem__title {
  line-height: 40px;
}
.Etailer--ESupplyDetailItem__availability--in-stock {
  color: #57c559;
}
.Etailer--ESupplyDetailItem__availability--out-of-stock {
  color: #eb5252;
}
.Etailer--ESupplyDetailItem__availability--unsure {
  color: #b8c4ce;
}
.Etailer--ESupplyDetailItem--red {
  color: #eb5252;
}
.Etailer--ESupplyDetailItem--green {
  color: #57c559;
}
.Etailer--DetailsTab__titles h3 {
  font-weight: bold;
  font-size: 14px;
  opacity: 0.75;
}
.Etailer--DetailsTab__no-supplies {
  padding: 20px;
  text-align: center;
  border-top: 1px dashed #e2e7eb;
}
.Etailer--PricesTab__details {
  padding: 30px;
}
.Etailer--NoItems h2 {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 24px;
}
.Etailer--NoItems h3 {
  margin-bottom: 24px;
}
.Etailer--NoItems p {
  color: #b8c4ce;
  font-style: italic;
}
.Etailer--MaxItemsLimit {
  text-align: center;
  margin-top: 12px;
}
.Etailer--MarkupFilters {
  width: 100%;
  text-align: center;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-bottom: 0;
  position: relative;
}
.Etailer--MarkupFilters__title {
  border-bottom: 0;
  display: none;
}
.Etailer--MarkupFilters__title h3 {
  font-size: 14px;
  font-weight: 600;
}
.Etailer--MarkupFilters__filter {
  position: relative;
  padding: 8px;
  cursor: pointer;
  transition: border 0.2s;
  border-bottom: 3px solid transparent;
}
.Etailer--MarkupFilters__filter img {
  max-width: 80px;
  height: 32px;
  width: auto;
}
.Etailer--MarkupFilters__filter:not(:last-child) {
  border-right: 1px solid #e2e7eb;
}
.Etailer--MarkupFilters__filter__help {
  position: absolute;
  top: 8px;
  right: 12px;
}
.Etailer--MarkupFilters__filter--hasFilter h4,
.Etailer--MarkupFilters__filter--hasFilter img {
  opacity: 0.7;
}
.Etailer--MarkupFilters__filter--active {
  border-bottom: 3px solid #4f8cf1;
}
.Etailer--MarkupFilters__filter:not(.Etailer--MarkupFilters__filter--active):hover {
  border-bottom: 3px solid #dfeafc;
}
.Etailer--MarkupFilters__filter h4 {
  font-size: 20px;
  font-weight: 600;
}
.Etailer--DashboardItem {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.Etailer--DashboardItem a {
  color: #555a5f;
}
.Etailer--DashboardItem__title-container {
  text-align: center;
  padding: 24px 0;
  border-bottom: 1px solid #e2e7eb;
  position: relative;
  overflow: hidden;
}
.Etailer--DashboardItem__title-container h4 {
  line-height: 1.4;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.Etailer--DashboardItem__title-container h3 {
  line-height: 1.4;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  z-index: 1;
}
.Etailer--DashboardItem__icon {
  color: #dfeafc;
  font-size: 140px;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.Etailer--DashboardItem__image {
  width: 48px;
}
.Etailer--DashboardItem__items a:nth-child(2n) div {
  background-color: #f9fafb;
}
.Etailer--DashboardItem__items-item {
  cursor: pointer;
  border-radius: 3px;
  transition: background-color 0.2s;
  padding: 6px 12px;
}
.Etailer--DashboardItem__items-item h5 {
  font-size: 16px;
  padding-right: 2px;
  -ms-flex: 1;
      flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Etailer--DashboardItem__items-item:hover {
  background-color: #f4f8fe !important;
}
.Etailer--DiscoveryImage {
  position: relative;
}
.Etailer--DiscoveryImage__letters {
  font-weight: 800;
  font-style: italic;
  font-size: 18px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Etailer--DiscoveryInfo {
  margin-bottom: 16px;
  background-color: rgba(85, 90, 95, 0.3);
  color: white;
  border: none;
  border-radius: 5px;
}
.Etailer--DiscoveryInfo__content {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}
.Etailer--DiscoveryInfo h4 {
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
}
.Etailer--DiscoveryInfo h5 {
  font-style: italic;
}
.Etailer--EtailerHelpText {
  position: absolute;
  top: 8px;
  right: 0;
}
.Etailer--EtailerHelpText a {
  transition: all 0.2s;
  color: white;
  opacity: 0.8;
  font-weight: bold;
}
.Etailer--EtailerHelpText a:hover {
  opacity: 1;
  text-decoration: underline;
}
@media screen and (max-width: 999px) {
  .responsive .Etailer--ESupplyItem__help-button {
    top: 8px;
    right: 12px;
    position: absolute;
  }
  .responsive .Etailer--ESupplyItem__image-container {
    max-width: 160px;
    justify-self: center;
    text-align: center;
    margin: 0 auto;
  }
  .responsive .Etailer--ESupplyItem__content {
    text-align: center;
  }
  .responsive .Etailer--ESupplyItem__content > div {
    margin: 0 auto;
  }
  .responsive .Etailer--ESupplyItem__details-button {
    margin: 12px auto;
  }
  .responsive .Etailer--CrossSell div {
    text-align: center;
  }
  .responsive .Etailer--CrossSell__icon {
    font-size: 64px;
  }
  .responsive .Etailer--CrossSell__right {
    text-align: center;
    padding: 12px;
  }
  .responsive .Etailer--CrossSell__title {
    display: block;
    padding-top: 12px;
  }
}
@media screen and (max-width: 899px) {
  .responsive .Etailer--ESupplyFilters__mobile--visible {
    display: block;
  }
  .responsive .Etailer--ESupplyFilters__mobile--hidden {
    display: none;
  }
  .responsive .Etailer--ESupplyFilters__mobile__sider {
    display: -ms-flexbox;
    display: flex;
  }
}
.background-zoetis {
  background-color: #ff671e;
}
.Giveaway__overlay {
  padding: 0 10px 10px 10px;
  width: 700px;
  /**
      BARNYARD CSS OVERRRIDES!

      The Quick and dirty way to add Zoetis branding colors the the overlay
    **/
  /**
      END BARNYARD CSS OVERRRIDES!
    **/
}
.Giveaway__overlay .barnyard-Nav--active {
  border-color: #ff671e;
}
.Giveaway__overlay .barnyard-Button--primary {
  background: #ff671e;
}
.Giveaway__overlay .barnyard-Tag--primary--fill {
  background: #ff671e;
  border: 1px solid #ff671e;
}
.Giveaway__overlay .barnyard-Tag--primary--fill:hover {
  background: #ff7e40;
}
.Giveaway__nav {
  font-size: 18px;
}
.Giveaway__title {
  padding-left: 10px;
  padding-right: 10px;
}
.Giveaway__title h1 {
  font-weight: 700;
}
.Giveaway__title h6 {
  color: #555a5f;
  padding-bottom: 16px;
  line-height: 1.4;
  font-size: 16px;
}
.Giveaway__image-container {
  margin-bottom: 16px;
  margin-top: 16px;
  max-width: 200px;
}
.Giveaway__image-container img {
  max-width: 100px;
}
.Giveaway__loader {
  height: 4px;
  border-radius: 4px;
  background: #ff671e;
  margin-top: 2px;
  margin-bottom: 2px;
  transition: opacity 0.5s, width 0.2s;
}
.Giveaway__loader-text {
  font-size: 14px;
  transition: opacity 0.5s;
}
.GiveawayAdd {
  position: relative;
  overflow-x: hidden;
  padding-bottom: 60px;
}
.GiveawayAdd__info {
  color: #8a939b;
  padding-bottom: 16px;
}
.GiveawayAdd__section {
  padding: 20px 10px;
}
.GiveawayAdd__section:not(:first-child) {
  border-top: 1px dashed #e2e7eb;
}
.GiveawayAdd__section:first-child {
  border-top: 1px solid #e2e7eb;
}
.GiveawayAdd__section h6 {
  font-size: 16px;
  color: #6e767c;
}
.GiveawayAdd__section--footer {
  border-top: 1px solid #e2e7eb;
  padding: 10px 0;
  position: fixed;
  width: 680px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -ms-flex-align: center;
      align-items: center;
  z-index: 10;
}
.GiveawayAdd__counter {
  -ms-flex-positive: 0;
      flex-grow: 0;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px dashed #cdd6dd;
  text-align: center;
}
.GiveawayAdd__counter-error {
  color: #E58484;
}
.GiveawayAdd__counterNumber span {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  padding: 0 3px;
}
.GiveawayAdd__counterLabel {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.5px;
}
.GiveawayAdd__submitContainer {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.GiveawayAdd__header {
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.GiveawayAdd__header > h2 {
  font-weight: 600;
}
.GiveawayAdd__header > h3 {
  font-size: 18px;
  font-weight: 600;
}
.GiveawayAdd__header > h4 {
  min-height: 100px;
  -ms-flex-align: center;
      align-items: center;
}
.GiveawayAdd__syringe {
  margin-top: 24px;
  border-top: 1px solid #e2e7eb;
}
.GiveawayAdd__summary > h4 {
  font-size: 16px;
}
.GiveawayAdd__submit {
  padding: 10px;
  padding-top: 0;
  padding-bottom: 24px;
}
.GiveawayAdd__content {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px dashed #e2e7eb;
  padding-bottom: 32px;
}
.GiveawayAdd__steps {
  position: relative;
}
.GiveawayAdd--disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  opacity: 0.7;
  z-index: 1000;
}
.GiveawaySupplyList {
  border-top: 1px solid #e2e7eb;
  padding: 10px;
}
.GiveawaySupplyList__filter {
  margin-bottom: 4px;
  margin-top: 4px;
}
.GiveawaySupplyList__filter h3 {
  padding-right: 16px;
  font-size: 16px;
  font-weight: 600;
}
.GiveawaySupplyForm__price {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 16px;
}
.GiveawaySupplyForm__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.GiveawaySupplyForm__option__name {
  padding-right: 4px;
}
.GiveawaySubmit {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  padding: 16px;
  font-size: 16px;
  color: white;
  min-height: 85px;
}
.GiveawaySubmit h4 {
  font-weight: 600;
}
.GiveawaySupply {
  min-height: 56px;
}
.GiveawaySupply h4 {
  font-size: 16px;
}
.GiveawaySupply__button {
  color: #4f8cf1;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid transparent;
  transition: all 0.2s;
}
.GiveawaySupply__button:hover {
  background-color: #f4f8fe;
  border-color: #c0d6fa;
}
.GiveawaySupply__button--danger {
  color: #eb5252;
}
.GiveawaySupply__button--danger:hover {
  background-color: #fef3f3;
  border-color: #f6b3b3;
}
.GiveawaySupply__button--success {
  color: #57c559;
}
.GiveawaySupply__button--success:hover {
  background-color: #f0faf0;
  border-color: #ade3ae;
}
.GiveawaySupply__imageWrapper {
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #fafafa;
  padding: 2px 10px;
  max-height: 60px;
  width: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.GiveawaySupply__imageWrapper img {
  padding: 5px;
  max-height: 100%;
}
.GiveawaySupply__hoverable-message {
  margin-right: 15px;
  margin-bottom: 15px;
}
.GiveawaySupply__name h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.GiveawaySupply__name h5 {
  font-size: 14px;
  line-height: 1.2;
}
.GiveawaySupply__name svg {
  margin-right: 4px;
}
.GiveawaySupply--error {
  color: #eb5252;
  background: #fef3f3;
}
.GiveawayLabels h3 {
  font-size: 14px;
  font-weight: 600;
}
.GiveawayRules {
  padding: 10px;
  border-top: 1px solid #eff2f4;
}
.GiveawayRules h6 {
  margin-bottom: 16px;
}
.GiveawayRules__dose-table {
  border-radius: 5px;
  border: 1px solid #e2e7eb;
}
.GiveawayRules__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e2e7eb;
}
.GiveawayRules__row:last-child {
  border-bottom: 0;
}
.GiveawayRules__row h4,
.GiveawayRules__row h5 {
  -ms-flex: 1;
      flex: 1;
  border-left: 1px solid #e2e7eb;
  font-size: 16px;
  padding: 4px;
}
.GiveawayRules__row h4 {
  font-weight: 600;
  background-color: #f9fafb;
}
.GiveawayRules__syringe {
  padding-top: 10px;
  padding-bottom: 10px;
}
.GiveawayRules h4 {
  font-weight: 600;
}
@keyframes expandHeight {
  0% {
    max-height: 0;
    margin-bottom: 0;
  }
  100% {
    max-height: 110px;
    margin-bottom: 16px;
  }
}
.GiveawayBanner {
  color: white;
  background-image: linear-gradient(45deg, #ff7e40 0%, #ffc2a5 99%, #ffc2a5 100%);
  margin-bottom: 16px;
  cursor: pointer;
  animation: 1s ease-in-out expandHeight;
  overflow: hidden;
}
.GiveawayBanner__content {
  padding: 6px 16px;
}
.GiveawayBanner h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
.GiveawayBanner h3 {
  font-size: 16px;
}
.GiveawayBanner__icon {
  font-size: 52px;
}
.GiveawayBanner__text {
  padding-left: 16px;
}
.GiveawayBanner__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(255, 255, 255, 0.6);
  color: #414141;
}
.GiveawayBanner__button svg {
  margin-left: 6px;
}
.GiveawayMessage {
  background-color: #ff854b;
  padding: 4px 8px;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}
.GiveawayMessage strong {
  font-weight: 900;
}
.GiveawayMessage__message {
  padding-left: 4px;
}
.GiveawayMessage--success {
  background-color: #57c559;
}
.GiveawayCategory {
  padding: 8px 16px 8px 0;
}
@media screen and (max-width: 980px) {
  .responsive .BioMatrix__overlay {
    width: 100%;
  }
}
/***
Hijacking users footer bar (for corporate accounts)
***/
.Hijack {
  position: fixed;
  z-index: 30;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9) 10px, rgba(0, 0, 0, 0.83) 10px, rgba(0, 0, 0, 0.83) 20px);
}
.Hijack__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
/***
Header Bar for toggling different views
***/
.HistoryHeader {
  padding: 20px;
}
.HistoryOverlay {
  position: absolute;
  z-index: 50;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.HistoryOverlay.visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
/***
Syncing Loader
***/
.HistorySyncer {
  padding: 5px 10px;
  height: 30px;
  width: 250px;
  background: #e4e4e4;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0 auto;
  margin-bottom: -30px;
  text-align: center;
  font-weight: bold;
  color: #206ded;
}
/***
Search bar
***/
.HistorySearch {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 280px;
}
.HistorySearch__inputCol {
  position: relative;
}
.HistorySearch input {
  border: 1px solid #c2c7cc;
  height: 34px;
  font-size: 16px;
  vertical-align: middle;
  line-height: 26px;
  padding: 3px 5px;
  color: #85898c;
  border-radius: 3px;
  width: 100%;
  background: #fcfcfc;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.HistorySearch button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -1px;
}
.HistorySearch__clear {
  position: absolute;
  top: 5px;
  font-size: 16px;
  right: 10px;
  color: #aaa;
  transition: color 0.2s;
}
.HistorySearch__clear:hover {
  color: #666;
  cursor: pointer;
}
/***
Purchase Unit
***/
.HistoryPurchaseUnitTable {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.HistoryPurchaseUnitTable__header {
  background: #f1f1f1;
  border-bottom: 1px solid #dadada;
  font-weight: bold;
  padding: 0 20px;
}
.HistoryPurchaseUnitTable__headerItem {
  padding: 2px;
}
.HPU {
  padding: 13px 20px;
  border-bottom: 1px solid #e2e7eb;
  color: #73777a;
  font-size: 16px;
}
.HPU a:hover {
  text-decoration: underline;
}
.HPU__review {
  cursor: pointer;
  display: inline;
  transition: color 0.3s;
}
.HPU__review:hover {
  color: #4f8cf1;
  text-decoration: underline;
}
.HPU__review svg {
  margin-right: 5px;
}
.HPU__excluded {
  font-size: 12px;
}
.HPU__name {
  font-size: 16px;
  padding-right: 10px;
  font-weight: bold;
  display: block;
  color: #555a5f;
}
.HPU__image {
  max-height: 42px;
  max-width: 80px;
  margin: 0 auto;
}
.HPU__stats {
  font-size: 15px;
  color: #6e767c;
}
.HPU__total {
  font-weight: 600;
}
.HPU__delivery {
  display: block;
  color: #999;
  font-weight: 600;
}
.HPU__delivery.completed {
  color: #57c559;
}
.HPU__delivery.open {
  color: #4f8cf1;
}
.HPU__delivery.cancelled,
.HPU__delivery.backordered {
  color: #eb5252;
}
.HPU__delivery.return {
  color: #4f8cf1;
}
.HPU__subtext {
  font-size: 15px;
  font-weight: normal;
  color: #6e767c;
}
.HPU__received {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
.HPU__disabled {
  transition: opacity 300ms;
  opacity: 0.6;
  cursor: not-allowed;
}
.HPU__disabled * {
  cursor: not-allowed !important;
}
.HPU__diff {
  font-size: 15px;
}
.HPU__bull {
  padding: 0 3px;
}
.HPU__taxed {
  font-size: 12px;
  margin-right: 2px;
}
.DropdownList:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
.DropDownList__item {
  padding: 5px 10px;
  min-width: 200px;
  font-size: 15px;
  display: block;
}
.DropDownList__item:hover {
  background: #fafafa;
  cursor: pointer;
}
.DropDownList__item input {
  vertical-align: top;
  margin-right: 10px;
}
.CalendarInput {
  padding: 0 10px 5px 10px;
  min-width: 720px;
}
.HistoryTracker {
  border: 1px solid red;
}
.rTracker {
  padding: 20px;
  min-width: 350px;
}
.HistorySupplierSelect {
  width: 600px;
  padding: 10px;
}
.HistorySupplierSelect .col-3 {
  padding: 5px;
}
.HistorySupplierSelect .Button--selected {
  border: 1px solid #4f8cf1;
  background: #dde9fc;
}
.HistorySupplierSelect .Button--selected:hover {
  background: #dde9fc;
  cursor: default;
}
/* Header */
.HistoryHeader {
  border: 1px solid red;
  border-bottom: 1px solid #dadada;
  background: #fff;
}
.HistoryHeader__inner {
  max-width: 1520px;
  padding: 10px 20px;
}
/* Filters Bar */
.HistoryFilters {
  border-bottom: 1px solid #dadada;
  padding: 20px;
}
iframe.invoice-pdf-iframe {
  width: 100%;
  min-height: 1200px;
}
.orderDateMoreInfo {
  position: relative;
  top: -2px;
  left: 1px;
  padding-right: 3px;
}
.BudgetAdjustmentsOverlay__create {
  width: 100%;
  margin: 10px 0;
}
.BudgetAdjustmentsOverlay__create .barnyard-Col:first-child {
  padding-left: 0;
}
.BudgetAdjustmentsOverlay__create .barnyard-Col:last-child {
  padding-right: 0;
}
.BudgetAdjustmentsOverlay__row {
  min-height: 48px;
  margin-bottom: 8px;
}
.BudgetAdjustmentsOverlay__row__date {
  margin-right: 20px;
  padding-bottom: 4px;
}
.BudgetAdjustmentsOverlay__row__description {
  margin: 5px 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: black;
  background-color: #eff2f4;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
}
.BudgetAdjustmentsOverlay__row__description__icon {
  padding: 5px;
}
.BudgetAdjustmentsOverlay__row__text {
  font-size: 15px;
  padding-bottom: 7px;
  padding-left: 10px;
  font-weight: 600;
}
.BudgetAdjustmentsOverlay__row__amount {
  padding-left: 38px;
}
.BudgetAdjustmentsOverlay__row__buttonGroup {
  width: 100%;
  height: 38px;
}
.BudgetAdjustmentsOverlay__row__buttonGroup button {
  width: 50%;
  height: 38px;
}
.BudgetAdjustmentsOverlay__row__saveButton {
  padding-left: 6px;
  padding-right: 6px;
}
.BudgetSpendOverlay__date {
  margin-right: 20px;
  padding-bottom: 4px;
}
.BudgetSpendOverlay__header {
  background-color: white;
}
.BudgetSpendOverlay__description {
  margin: 5px 0 ;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: #eff2f4;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 22px;
}
.BudgetSpendOverlay__description__icon {
  padding: 5px;
}
.BudgetSpendOverlay__description p {
  margin-left: 5px;
}
.BudgetSpendOverlay__group {
  margin-top: 12px;
}
.BudgetSpendOverlay__row {
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
}
.BudgetSpendOverlay__row .barnyard-Loading {
  margin-left: 10px;
}
.BudgetSpendOverlay__row__check {
  margin-bottom: 0;
  margin-left: 10px;
}
.BudgetSpendOverlay__row__item__name {
  font-size: 15px;
}
.BudgetSpendOverlay__row__item__description {
  font-size: 13px;
  line-height: 12px;
}
.BudgetSpendOverlay__row__quantity {
  -ms-flex-align: end;
      align-items: flex-end;
}
.BudgetSpendOverlay__row__quantity__number {
  font-size: 15px;
  padding-left: 2px;
}
.CostRatioBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-width: 200px;
  height: 20px;
  position: relative;
}
.CostRatioBar__bar {
  position: relative;
  z-index: 0;
  height: 6px;
  width: 100%;
  background: none;
  border-radius: 3px;
}
.CostRatioBar__bar__good {
  background-color: #bdd3aa;
  width: 33%;
  height: 100%;
  border-radius: 4px 0 0 4px;
}
.CostRatioBar__bar__good.active {
  background-color: #7da756;
}
.CostRatioBar__bar__ok {
  background-color: #f6dcb3;
  width: 33%;
  height: 100%;
  margin: 0 1px;
}
.CostRatioBar__bar__ok.active {
  background-color: #e8a841;
}
.CostRatioBar__bar__bad {
  background-color: #f6d9d3;
  width: 33%;
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.CostRatioBar__bar__bad.active {
  background-color: #e07e69;
}
.CostRatioBar__marker {
  position: absolute;
  z-index: 1;
  background-color: #6e767c;
  width: 2px;
  height: 15px;
}
.CostRatioPercentage {
  text-align: center;
  border-radius: 3px;
}
.CostRatioPercentage p {
  font-size: 20px;
  font-weight: 700;
}
.CostRatioPercentage.good {
  color: #7da756;
}
.CostRatioPercentage.good.addBackground {
  background-color: #f4f7f0;
}
.CostRatioPercentage.ok {
  color: #e8a841;
}
.CostRatioPercentage.ok.addBackground {
  background-color: #fdf7ee;
}
.CostRatioPercentage.bad {
  color: #e07e69;
}
.CostRatioPercentage.bad.addBackground {
  background-color: #fcf2f0;
}
.DSToolCorporateTableOverView {
  margin: 10px 0;
}
.DSToolCorporateTableOverView .title {
  font-size: 20px;
  font-weight: bold;
}
.DSToolCorporateTableOverView h3 {
  font-size: 18px;
  font-weight: bold;
}
.DSToolCorporateTableOverView h4 {
  font-size: 16px;
  font-weight: semi-bold;
}
.DSToolCorporateTableOverView__dollars {
  font-size: 16px;
}
.DSToolCorporateTableOverView__isPositive {
  color: #57c559;
}
.DSToolCorporateTableOverView__isNegative {
  color: #eb5252;
}
.DSToolCorporateTableOverView .border {
  border-bottom: 1px solid #e2e7eb;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
}
.DSToolCorporateTableSubComponent {
  padding-bottom: 10px;
}
.DSToolCorporateTableSubComponent .rt-thead {
  display: none;
}
.DSToolCorporateTableSubComponent .ant-input-number-handler-wrap {
  display: none;
}
.DSToolCorporateTableSubComponent__date {
  text-align: center;
  font-weight: 700;
}
.DSToolCorporateTableSubComponent__input {
  border-radius: 6px;
  padding: 0 2px;
}
.DSToolCorporateTableSubComponent__input input {
  padding: 0 2px;
}
.DSToolCorporateTableSubComponent__button {
  padding: 0 5px;
  border: 1px solid #e2e7eb;
  border-left: none;
  border-radius: 0 6px 6px 0;
}
.DSToolCorporateTableSubComponent .barnyard-Button__icon-pre {
  margin: 0;
}
.DSToolCorporateTableSubComponent .barnyard-Loading--center {
  padding: 0;
}
.DSBudgetDetail {
  min-width: 205px;
  max-width: 205px;
  margin: 7px;
  padding: 5px;
  border: 2px solid #e2e7eb;
  border-radius: 3px;
}
.DSBudgetDetail__header p {
  font-size: 18px;
  font-weight: 700;
}
.DSBudgetDetail__inputRow {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: end;
}
.DSBudgetDetail__input {
  width: 125px;
}
.DSBudgetDetail.good {
  background-color: #f4f7f0;
}
.DSBudgetDetail.ok {
  background-color: #fdf7ee;
}
.DSBudgetDetail.bad {
  background-color: #fcf2f0;
}
/*********************
HD Marketing Site
*********************/
/*********************
Takeover Banner
*********************/
@keyframes HDanimatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes HDPetStrokeAnimation {
  to {
    stroke-dashoffset: 2000;
  }
}
#hd-pet-dash,
#hd-pet-dash-2 {
  stroke-width: 3;
  stroke-dasharray: 500 2000;
  animation: HDPetStrokeAnimation 30s linear infinite;
}
#hd-horse-dash,
#hd-horse-dash-6 {
  stroke-width: 3;
  stroke-dasharray: 500 2000;
  animation: HDPetStrokeAnimation 30s linear infinite;
}
.HomeDelivery {
  background: #161A1E;
}
.HomeDelivery__dog {
  opacity: 0.1;
  width: 500px;
  position: absolute;
  top: 100px;
  left: -50px;
  fill: #64748B;
  z-index: 0;
}
.HomeDelivery__beagle {
  opacity: 0.1;
  width: 500px;
  position: absolute;
  top: 100px;
  right: -50px;
  fill: #64748B;
  z-index: 0;
}
.HomeDelivery__horse {
  opacity: 0.1;
  width: 450px;
  position: absolute;
  top: 100px;
  right: -80px;
  z-index: -1;
  fill: #64748B;
}
.HomeDelivery__horseReverse {
  opacity: 0.15;
  width: 450px;
  position: absolute;
  top: 100px;
  left: -80px;
  z-index: -1;
  transform: scaleX(-1);
  fill: #64748B;
}
.HomeDelivery__header {
  padding-top: 150px;
  margin: 0 auto;
  text-align: center;
}
.HomeDelivery__header h1 {
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 100px;
  font-weight: bold;
  line-height: 1.4;
}
.HomeDelivery__header h2 {
  color: #fff;
  opacity: 0.8;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  background: #ffffff0f;
  border-radius: 50px;
  display: inline;
  padding: 6px 18px;
}
.HomeDelivery__header h3 {
  color: #fff;
  font-size: 24px;
}
.HomeDelivery__header h4 {
  margin-top: 20px;
  font-size: 16px;
  opacity: 0.8;
  color: #fff;
}
.HomeDelivery__cta {
  padding: 12px 4px;
  margin-top: 50px;
  display: inline-block;
  border-radius: 12px;
  background: linear-gradient(60deg, #d8ecf8, transparent, #d8ecf8, transparent);
  background-size: 300% 300%;
  animation: HDanimatedgradient 8s ease alternate infinite;
}
.HomeDelivery__cta a {
  position: relative;
  border-radius: 8px;
  padding: 12px 30px;
  border: none;
  font-size: 24px;
  color: #fff;
  z-index: 1;
  background: #05060f;
  transition: background 0.2s;
}
.HomeDelivery__cta a:hover {
  cursor: pointer;
  background: #05060fdb;
}
.HomeDelivery__section {
  background-size: cover;
  background-position: center center;
  padding: 60px 0;
  text-align: center;
}
.HomeDelivery__section h2 {
  position: relative;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.4;
  max-width: 800px;
  margin: 0 auto;
  z-index: 2;
  display: inline-block;
  padding: 0 100px;
}
.HomeDelivery__section h2::after {
  position: absolute;
  content: " ";
  top: 50%;
  margin-top: -4px;
  left: 0;
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.2) 100%);
  width: 100%;
  z-index: 1;
}
.HomeDelivery__section h3 {
  color: #fff;
  font-size: 18px;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.4;
  text-wrap: balance;
}
/*********************
Intro "Above" Fold
*********************/
/* Pulsation of the map dots */
@keyframes foldWarningPulse {
  0% {
    color: #ff8383;
  }
  50% {
    color: #FF6969;
  }
  100% {
    color: #ff8383;
  }
}
.HomeDelivery__fold {
  position: relative;
  text-align: center;
  z-index: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-lead.png);
}
.HomeDelivery__fold h1 {
  background-image: linear-gradient(230deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 66px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.HomeDelivery__fold h3 {
  padding: 20px 0;
  color: #ffffffd9;
  font-size: 20px;
  max-width: 600px;
}
.HomeDelivery__fold h4 {
  color: #ffffffc9;
  margin-top: 15px;
  font-size: 16px;
}
.HomeDelivery__fold .HomeDelivery__cta {
  margin-top: 20px;
}
.HomeDelivery__fold img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 600px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
}
.HomeDelivery__fold h1 span {
  background-image: linear-gradient(230deg, #d8d5ff, #a29bd6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.HomeDelivery__foldWarning {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 1fr;
      grid-template-columns: 100px 1fr;
  column-gap: 3px;
  margin: 60px auto -60px auto;
  max-width: 1000px;
  padding: 2px;
  border: 2px solid #ffffff33;
  border-radius: 6px;
}
.HomeDelivery__foldWarning__icon {
  background: rgba(0, 0, 0, 0.2);
  font-size: 50px;
  color: #FF6969;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 10px 0 0 10px;
  animation: foldWarningPulse 2s infinite;
}
.HomeDelivery__foldWarning__content {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 10px 10px 0;
  font-size: 16px;
  color: #fff;
  padding: 10px 20px;
  line-height: 1.5;
  text-align: left;
}
.HomeDelivery__foldInner {
  position: relative;
  max-width: 920px;
  padding: 140px 10px 120px 10px;
  margin: 0 auto 50px auto;
  text-align: left;
}
@keyframes HDScrollBounce {
  0%,
  5%,
  12.5%,
  20%,
  100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-20px);
  }
  15% {
    transform: translateY(-10px);
  }
}
.HomeDelivery__foldScroll {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff;
  border-radius: 50%;
  margin-top: 50px;
  font-size: 24px;
  border: 3px solid #ffffff3b;
  height: 60px;
  width: 60px;
  font-weight: bold;
  animation: HDScrollBounce 8s infinite;
  opacity: 0.4;
}
.HomeDelivery__hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 0;
  background: #161A1E;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-hero.png);
  margin-bottom: -300px;
  padding-bottom: 450px;
  padding-top: 50px;
}
.HomeDelivery__hero:after {
  position: absolute;
  height: 150px;
  width: 100%;
  content: " ";
  background: linear-gradient(to bottom, #161A1E, #f9fafb);
  bottom: 0;
}
.HomeDelivery__lead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 0;
  border-bottom: 4px solid rbga(255, 255, 255, 0.3);
}
.HomeDelivery__lead.HomeDelivery__lead:after {
  background: linear-gradient(to bottom, transparent, #010212 100%);
  position: absolute;
  content: " ";
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
}
.HomeDelivery__preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 70px;
  z-index: 1;
}
.HomeDelivery__preview h1 {
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 60px;
}
.HomeDelivery__infoGridContainer {
  position: relative;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-info-grid.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 4px solid rbga(255, 255, 255, 0.3);
}
.HomeDelivery__infoGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
}
.HomeDelivery__infoGrid svg {
  font-size: 14px;
  margin-right: 5px;
}
.HomeDelivery__infoGrid img {
  margin-top: 20px;
  max-width: 100%;
  border-radius: 24px;
}
.HomeDelivery__infoGrid.two {
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.HomeDelivery__infoGridCell {
  display: -ms-grid;
  display: grid;
  gap: 10px;
}
.HomeDelivery__infoGridCell h6 {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding-bottom: 5px;
}
.HomeDelivery__infoGridCell p {
  color: #fff;
  font-size: 16px;
  line-height: 1.35;
  opacity: 0.8;
}
.HomeDelivery__infoGridCellIcon {
  font-size: 22px;
  border-radius: 100%;
  color: #010212;
  width: 34px;
  height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 5px;
}
.HomeDelivery__infoGridCellFree {
  background: #58ab58;
  color: #fff;
  border-radius: 10px;
  font-size: 70%;
  margin-left: 10px;
  padding: 1px 6px;
}
.HomeDelivery__theme {
  padding-bottom: 30px;
}
.HomeDelivery__themeContent {
  font-size: 14px;
  text-align: center;
  opacity: 0.8;
}
.HomeDelivery__themeImage {
  max-width: 900px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.HomeDelivery__themeBackground {
  max-width: 100%;
  position: relative;
  z-index: 2;
}
.HomeDelivery__themeCutout {
  max-width: 100%;
  position: absolute;
  z-index: 3;
  left: 8%;
  top: 23.5%;
  max-width: 84%;
  transition: opacity 350ms;
  opacity: 0;
}
.HomeDelivery__themeCutout.active {
  opacity: 1;
}
.HomeDelivery__themeGradient {
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  top: 0;
  z-index: 1;
  transition: opacity 350ms;
  opacity: 0;
}
.HomeDelivery__themeGradient.active {
  opacity: 1;
}
.HomeDelivery__themeFadeOut {
  background: linear-gradient(to bottom, transparent, #161A1E 70%);
  position: absolute;
  width: 100%;
  height: 35%;
  left: 0;
  bottom: 0;
  z-index: 4;
}
.HomeDelivery__themeColorsContainer {
  position: relative;
  z-index: 8;
  margin: -60px auto 0px auto;
  width: 900px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px 10px;
}
.HomeDelivery__themeColorsContainer.companion {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.HomeDelivery__themeColors {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.HomeDelivery__themeColor {
  position: relative;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.7);
  line-height: 28px;
  text-align: center;
}
.HomeDelivery__themeColor.active {
  opacity: 1;
  color: #fff;
}
.HomeDelivery__themeColor::before {
  position: absolute;
  content: " ";
  left: -4px;
  top: -4px;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 0.15;
  transition: opacity 0.2s;
}
.HomeDelivery__themeColor.active::before {
  opacity: 1;
}
.HomeDelivery__themeColor:hover {
  cursor: pointer;
  opacity: 1;
}
.HomeDelivery__grid {
  position: absolute;
  width: 200%;
  height: 200%;
  left: -50%;
  top: -100%;
  transform: perspective(1000px) rotateX(58deg);
  opacity: 0.3;
  background-size: 30px 30px;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 1px, transparent 1px);
}
.HomeDelivery__heroInner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.HomeDelivery__spotlights {
  height: 800px;
  width: 850px;
  position: absolute;
  bottom: -200px;
  left: 50%;
  margin-left: -425px;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(farthest-side at 50% 0, white 50%, transparent 90%);
          mask-image: radial-gradient(farthest-side at 50% 0, white 50%, transparent 90%);
  opacity: 1;
  transition: opacity 1.5s .5s;
  transform: rotate(180deg);
}
.HomeDelivery__spotlight {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 600px;
  background-image: conic-gradient(from 0deg at 50% -5%, transparent 45%, rgba(124, 145, 182, 0.3) 49%, rgba(124, 145, 182, 0.5) 50%, rgba(124, 145, 182, 0.3) 51%, transparent 55%);
  opacity: 0.7;
  border-radius: 9999px;
  filter: blur(15px);
  pointer-events: none;
  transform-origin: 50% 0;
}
@keyframes spotlight1animation {
  0% {
    transform: rotate(90deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  15% {
    transform: rotate(80deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  100% {
    transform: rotate(30deg);
    opacity: 0.7;
    filter: blur(15px);
  }
}
.spotlight1 {
  transform: rotate(30deg);
  animation: spotlight1animation 6s cubic-bezier(0.02, 0.94, 0.57, 1);
}
@keyframes spotlight2animation {
  0% {
    transform: rotate(90deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  15% {
    transform: rotate(80deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  100% {
    transform: rotate(10deg);
    opacity: 0.7;
    filter: blur(15px);
  }
}
.spotlight2 {
  transform: rotate(10deg);
  animation: spotlight2animation 6s cubic-bezier(0.02, 0.94, 0.57, 1);
}
@keyframes spotlight3animation {
  0% {
    transform: rotate(-90deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  15% {
    transform: rotate(-80deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  100% {
    transform: rotate(-30deg);
    opacity: 0.7;
    filter: blur(15px);
  }
}
.spotlight3 {
  transform: rotate(-30deg);
  animation: spotlight3animation 6s cubic-bezier(0.02, 0.94, 0.57, 1);
}
@keyframes spotlight4animation {
  0% {
    transform: rotate(-90deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  15% {
    transform: rotate(-80deg);
    opacity: 0.2;
    filter: blur(2px);
  }
  100% {
    transform: rotate(-10deg);
    opacity: 0.7;
    filter: blur(15px);
  }
}
.spotlight4 {
  transform: rotate(-10deg);
  animation: spotlight4animation 6s cubic-bezier(0.02, 0.94, 0.57, 1);
}
.HomeDelivery__networkVendors {
  width: 800px;
  margin: 0 auto;
  opacity: 0.9;
  padding: 60px 0 10px 0;
}
.HomeDelivery__networkVendors img {
  max-width: 100%;
}
.HomeDelivery__shippingMap {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-gyr.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
/*********************
Clinic Section
*********************/
.HomeDelivery__clinicImage {
  max-width: 1000px;
  margin: 40px auto;
}
.HomeDelivery__clinicImage img {
  max-width: 100%;
}
.HomeDelivery__marketing {
  margin-top: 70px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-marketing.png);
}
.HomeDelivery__marketing .HomeDelivery__marketingInner {
  max-width: 900px;
  margin: 0 auto;
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 375px 1fr;
      grid-template-columns: 375px 1fr;
  text-align: left;
}
.HomeDelivery__marketing .HomeDelivery__marketingLeft {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.HomeDelivery__marketing .HomeDelivery__infoGrid {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}
.HomeDelivery__marketing .HomeDelivery__marketingImage img {
  margin-left: 50px;
  max-width: 100%;
}
.HomeDelivery__storefront {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 0 80px 0;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 275px;
      grid-template-columns: 1fr 275px;
  text-align: left;
}
.HomeDelivery__storefront .HomeDelivery__infoGrid {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}
.HomeDelivery__storefront .HomeDelivery__storefrontImage img {
  margin-left: -10px;
  max-width: 100%;
}
/*********************
Supplier Map
*********************/
/* Animation of the animated shipping lines */
@keyframes maparc {
  25% {
    stroke-dashoffset: -2000;
  }
  100% {
    stroke-dashoffset: -2000;
  }
}
/* Pulsation of the map dots */
@keyframes mapDotPulse {
  0% {
    opacity: 0.85;
    transform: scale(0);
  }
  40% {
    opacity: 0;
    transform: scale(1);
  }
}
/* Generates animation delays */
.PharmacyShippingMap {
  position: relative;
  margin-bottom: 50px;
}
.PharmacyShippingMap__map {
  display: block;
  max-width: 1000px;
  position: relative;
  perspective-origin: 0 0;
  transform: perspective(1500px) rotateX(50deg);
  margin: -100px auto 0 auto;
}
.PharmacyShippingMap__map img {
  max-width: 100%;
  opacity: 0.3;
}
.PharmacyShippingMap__vendorKind {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
}
.PharmacyShippingMap__vendorKind.PharmacyShippingMap__vendorKind.active .HDMapDot__tooltip {
  opacity: 1;
}
.PharmacyShippingMap__vendorKind.PharmacyShippingMap__vendorKind.inactive {
  opacity: 0.1;
}
.PharmacyShippingMap__arc {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.PharmacyShippingMap__arc .pathxyz {
  stroke-width: 2;
  fill: transparent;
  animation: maparc 20s linear infinite;
  stroke-dasharray: 200 10000;
  stroke-dashoffset: 200;
}
.PharmacyShippingMap__arc .animation-delay-500ms {
  animation-delay: 500ms;
}
.PharmacyShippingMap__arc .animation-delay-1000ms {
  animation-delay: 1000ms;
}
.PharmacyShippingMap__arc .animation-delay-1500ms {
  animation-delay: 1500ms;
}
.PharmacyShippingMap__arc .animation-delay-2000ms {
  animation-delay: 2000ms;
}
.PharmacyShippingMap__arc .animation-delay-2500ms {
  animation-delay: 2500ms;
}
.PharmacyShippingMap__arc .animation-delay-3000ms {
  animation-delay: 3000ms;
}
.PharmacyShippingMap__arc .animation-delay-3500ms {
  animation-delay: 3500ms;
}
.PharmacyShippingMap__arc .animation-delay-4000ms {
  animation-delay: 4000ms;
}
.PharmacyShippingMap__arc .animation-delay-4500ms {
  animation-delay: 4500ms;
}
.PharmacyShippingMap__arc .animation-delay-5000ms {
  animation-delay: 5000ms;
}
.PharmacyShippingMap__arc .animation-delay-5500ms {
  animation-delay: 5500ms;
}
.PharmacyShippingMap__arc .animation-delay-6000ms {
  animation-delay: 6000ms;
}
.PharmacyShippingMap__arc .animation-delay-6500ms {
  animation-delay: 6500ms;
}
.PharmacyShippingMap__arc .animation-delay-7000ms {
  animation-delay: 7000ms;
}
.PharmacyShippingMap__arc .animation-delay-7500ms {
  animation-delay: 7500ms;
}
.PharmacyShippingMap__arc .animation-delay-8000ms {
  animation-delay: 8000ms;
}
.PharmacyShippingMap__arc .animation-delay-8500ms {
  animation-delay: 8500ms;
}
.PharmacyShippingMap__arc .animation-delay-9000ms {
  animation-delay: 9000ms;
}
.PharmacyShippingMap__arc .animation-delay-9500ms {
  animation-delay: 9500ms;
}
.PharmacyShippingMap__arc .animation-delay-10000ms {
  animation-delay: 10000ms;
}
.PharmacyShippingMap__arc .animation-delay-10500ms {
  animation-delay: 10500ms;
}
.PharmacyShippingMap__arc .animation-delay-11000ms {
  animation-delay: 11000ms;
}
.PharmacyShippingMap__arc .animation-delay-11500ms {
  animation-delay: 11500ms;
}
.PharmacyShippingMap__arc .animation-delay-12000ms {
  animation-delay: 12000ms;
}
.PharmacyShippingMap__arc .animation-delay-12500ms {
  animation-delay: 12500ms;
}
.PharmacyShippingMap__arc .animation-delay-13000ms {
  animation-delay: 13000ms;
}
.PharmacyShippingMap__arc .animation-delay-13500ms {
  animation-delay: 13500ms;
}
.PharmacyShippingMap__arc .animation-delay-14000ms {
  animation-delay: 14000ms;
}
.PharmacyShippingMap__arc .animation-delay-14500ms {
  animation-delay: 14500ms;
}
.PharmacyShippingMap__arc .animation-delay-15000ms {
  animation-delay: 15000ms;
}
.PharmacyShippingMap__arc .animation-delay-15500ms {
  animation-delay: 15500ms;
}
.PharmacyShippingMap__arc .animation-delay-16000ms {
  animation-delay: 16000ms;
}
.PharmacyShippingMap__arc .animation-delay-16500ms {
  animation-delay: 16500ms;
}
.PharmacyShippingMap__arc .animation-delay-17000ms {
  animation-delay: 17000ms;
}
.PharmacyShippingMap__arc .animation-delay-17500ms {
  animation-delay: 17500ms;
}
.PharmacyShippingMap__arc .animation-delay-18000ms {
  animation-delay: 18000ms;
}
.PharmacyShippingMap__arc .animation-delay-18500ms {
  animation-delay: 18500ms;
}
.PharmacyShippingMap__arc .animation-delay-19000ms {
  animation-delay: 19000ms;
}
.PharmacyShippingMap__arc .animation-delay-19500ms {
  animation-delay: 19500ms;
}
.PharmacyShippingMap__arc .animation-delay-20000ms {
  animation-delay: 20000ms;
}
.HDMapDot {
  position: absolute;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.HDMapDot::before {
  z-index: 1;
  position: absolute;
  content: " ";
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #fffc4a;
  animation: markerColor ease-out 4s infinite;
}
.HDMapDot__pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  transform-origin: 50% 50%;
  opacity: 0;
  pointer-events: none;
  animation: mapDotPulse 5s infinite;
}
.HDMapDot__tooltip {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -80px;
  text-align: center;
  width: 200px;
  bottom: 20%;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s;
}
.HDMapDot.HDMapDot.COMPOUNDER::before {
  background-color: #fffc4a;
}
.HDMapDot.HDMapDot.COMPOUNDER .HDMapDot__pulse {
  background-color: #fffc4a;
  animation-delay: 2s;
}
.HDMapDot.HDMapDot.NUTRITION::before {
  background-color: #4bd964;
}
.HDMapDot.HDMapDot.NUTRITION .HDMapDot__pulse {
  background-color: #4bd964;
  animation-delay: 3s;
}
.HDMapDot.HDMapDot.PHARMACY::before {
  background-color: #ff58b9;
}
.HDMapDot.HDMapDot.PHARMACY .HDMapDot__pulse {
  background-color: #ff58b9;
  animation-delay: 4s;
}
.PharmacyShippingMap__vendorpills {
  margin: -140px auto 20px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.PharmacyShippingMap__vendorpill {
  border: 1px solid #ffffff70;
  border-radius: 100px;
  background: transparent;
  backdrop-filter: blur(4px);
  z-index: 2;
  color: #ffffffbf;
  opacity: 0.8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px;
  font-weight: bold;
  transition: background 200ms;
  line-height: 2;
}
.PharmacyShippingMap__vendorpill:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}
.PharmacyShippingMap__vendorpill:last-child {
  border-left: none;
}
.PharmacyShippingMap__vendorpill:first-child {
  border-right: none;
}
.PharmacyShippingMap__vendorpill:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.PharmacyShippingMap__vendorpill:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.PharmacyShippingMap__vendorpill__dot {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-right: 6px;
}
.PharmacyShippingMap__vendorpill__dot.PharmacyShippingMap__vendorpill__dot.NUTRITION {
  background-color: #4bd964;
}
.PharmacyShippingMap__vendorpill__dot.PharmacyShippingMap__vendorpill__dot.PHARMACY {
  background-color: #ff58b9;
}
.PharmacyShippingMap__vendorpill__dot.PharmacyShippingMap__vendorpill__dot.COMPOUNDER {
  background-color: #fffc4a;
}
/*********************
Pricing Section
*********************/
.HomeDelivery__pricingContainer {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/stars-1.png);
  background-size: cover;
  background-position: center center;
  text-align: center;
  min-height: 500px;
  position: relative;
}
.HomeDelivery__pricingContainer:before {
  position: absolute;
  height: 50px;
  background: linear-gradient(to top, transparent, #161A1E);
  top: 0;
  left: 0;
  width: 100%;
  content: " ";
  z-index: 1;
}
.HomeDelivery__pricingContainer:after {
  position: absolute;
  background: linear-gradient(to bottom, transparent, #161A1E);
  height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  z-index: 1;
}
.HomeDelivery__pricing {
  display: -ms-grid;
  display: grid;
  max-width: 900px;
  margin: 50px auto;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 10px;
  -ms-flex-align: stretch;
      align-items: stretch;
  text-align: left;
  position: relative;
  z-index: 1;
}
.HomeDelivery__pricing h1 {
  font-size: 310px;
  font-weight: bold;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  line-height: 1;
}
.HomeDelivery__pricing h1 span {
  font-size: 50%;
  margin-top: -100px;
}
.HomeDelivery__skuContainer {
  width: 100%;
  max-width: 900px;
  margin: 20px auto 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  position: relative;
  z-index: 1;
}
.HomeDelivery__optionsContainer {
  display: none;
  width: 100%;
  max-width: 900px;
  margin: 20px auto 0 auto;
  gap: 12px;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 1;
}
.HomeDelivery__optionsContainer > div {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(4px);
  padding: 10px 10px;
  text-align: left;
  border-radius: 6px;
  color: #fff;
}
.HomeDelivery__optionsContainer > div h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.HomeDelivery__optionsToggle {
  display: -ms-flexbox;
  display: flex;
}
.HomeDelivery__sku {
  position: relative;
  border-radius: 6px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 1fr;
      grid-template-columns: 80px 1fr;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  transform: background 200ms;
  backdrop-filter: blur(4px);
  padding: 10px 10px;
  text-align: left;
}
.HomeDelivery__sku > :first-child {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  padding: 3px;
}
.HomeDelivery__sku img {
  max-width: 100%;
}
.HomeDelivery__sku h4 {
  color: #fff;
  display: inline-block;
  padding: 0px 7px;
  font-size: 12px;
  border-radius: 14px;
  line-height: 1.4;
  font-weight: bold;
}
.HomeDelivery__sku h5 {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
.HomeDelivery__sku p {
  color: #fff;
  line-height: 1;
}
.HomeDelivery__sku::before {
  position: absolute;
  content: " ";
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  top: -6px;
  left: -6px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.2s, background 0.2s;
}
.HomeDelivery__sku.active::before {
  opacity: 1;
  background: rgba(255, 255, 255, 0.05);
}
.HomeDelivery__sku:hover {
  cursor: pointer;
}
.HomeDelivery__number {
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  backdrop-filter: blur(2px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 15px;
}
.HomeDelivery__number h1 {
  font-size: 180px;
  font-weight: bold;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  line-height: 180px;
}
.HomeDelivery__number h4 {
  font-size: 195px;
  font-weight: bold;
  background-image: linear-gradient(0deg, #fff, #82b2ec);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  line-height: 1;
}
.HomeDelivery__number p {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding-left: 3px;
}
.HomeDelivery__pricingDescription {
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(2px);
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.HomeDelivery__pricingDescription p {
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 1.4;
}
.HomeDelivery__bulkDiscount {
  width: 100%;
  max-width: 900px;
  margin: 30px auto;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  backdrop-filter: blur(2px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 25px 30px;
  font-size: 16px;
  color: #fff;
  text-wrap: balance;
  line-height: 1.5;
  border: 4px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 1;
}
.HomeDelivery__bulkDiscount h6 {
  font-size: 20px;
  padding-bottom: 5px;
  font-weight: bold;
}
.HomeDelivery__bulkDiscount h5 {
  font-size: 24px;
  padding-bottom: 5px;
  font-weight: bold;
  background-image: linear-gradient(0deg, #fff, #82b2ec);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.HomeDelivery__disclaimer {
  font-size: 14px;
  line-height: 1.4;
  max-width: 900px;
  color: #fff;
  opacity: 0.8;
  margin: 0px auto;
  position: relative;
  z-index: 1;
  text-align: left;
}
.HomeDelivery__disclaimer p {
  margin-bottom: 10px;
}
.HomeDelivery__breakdown {
  max-width: 900px;
  width: 100%;
  margin: 80px auto 50px auto;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), transparent);
  backdrop-filter: blur(2px);
  border-radius: 10px;
  text-align: left;
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  padding: 10px;
  gap: 4px;
  -ms-grid-columns: 1fr 175px 175px;
      grid-template-columns: 1fr 175px 175px;
}
.HomeDelivery__breakdown h6 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  opacity: 0.8;
}
.HomeDelivery__breakdown h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  text-align: right;
  opacity: 0.8;
}
.HomeDelivery__breakdown h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.HomeDelivery__breakdown h4 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  text-align: right;
}
.HomeDelivery__breakdown img {
  width: 110px;
  padding-top: 2px;
  margin: 0 auto;
}
.HomeDelivery__breakdownCell {
  padding: 3px 10px;
  z-index: 2;
}
.HomeDelivery__breakdownCell.HomeDelivery__breakdownCell.header {
  padding: 0 10px;
  text-align: center;
}
.HomeDelivery__breakdownCell.HomeDelivery__breakdownCell.header h6 {
  opacity: 1;
}
.HomeDelivery__breakdownCell.HomeDelivery__breakdownCell.title {
  margin-top: -10px;
  font-weight: bold;
  font-size: 22px;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.HomeDelivery__breakdownCell p {
  font-size: 14px;
  line-height: 1.3;
  opacity: 0.5;
}
.HomeDelivery__breakdownContainer {
  max-width: 900px;
  width: 100%;
  margin: 30px auto 50px auto;
  position: relative;
}
.HomeDelivery__breakdownTable {
  margin: 10px 0;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  position: relative;
  z-index: 5;
}
.HomeDelivery__breakdownTable h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.HomeDelivery__breakdownTable h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: right;
}
.HomeDelivery__breakdownTable h5 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  text-align: right;
  opacity: 0.8;
}
.HomeDelivery__breakdownTable h6 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.HomeDelivery__breakdownTable img {
  width: 110px;
  padding-top: 2px;
  margin: 0 auto;
}
.HomeDelivery__breakdownBody {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  text-align: left;
  font-size: 18px;
  color: #fff;
  position: relative;
  display: -ms-grid;
  display: grid;
  padding: 10px;
  gap: 4px;
  margin: 2px 0 4px 0;
  -ms-grid-columns: 1fr 175px 175px;
      grid-template-columns: 1fr 175px 175px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.HomeDelivery__breakdownBody.naked {
  background: none;
  margin-bottom: -15px;
}
.HomeDelivery__breakdownHeader {
  background: rgba(255, 255, 255, 0.1);
  text-align: left;
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 0;
  display: -ms-grid;
  display: grid;
  padding: 5px 10px;
  gap: 4px;
  -ms-grid-columns: 1fr 175px 175px;
      grid-template-columns: 1fr 175px 175px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.HomeDelivery__breakdownHeader.naked {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.HomeDelivery__breakdownHeader.naked .total {
  font-size: 40px;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.HomeDelivery__breakdownSummary {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  border-radius: 20px;
  -ms-grid-columns: 1fr 190px 175px;
      grid-template-columns: 1fr 190px 175px;
  display: -ms-grid;
  display: grid;
  padding: 0 5px;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.HomeDelivery__breakdownSummary h4 {
  font-size: 30px;
  font-weight: bold;
}
.HomeDelivery__breakdownSummary .total {
  text-align: right;
  padding-right: 18px;
  line-height: 60px;
}
.HomeDelivery__breakdownSummary .total h4 {
  background-image: linear-gradient(0deg, #fff, #ff8686);
  font-size: 50px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-weight: bold;
}
.HomeDelivery__breakdownSummary .total-vc {
  background: rgba(185, 212, 244, 0.2);
}
.HomeDelivery__breakdownSummary .total-vc h4 {
  background-image: linear-gradient(0deg, #fff, #56c35e);
}
.HomeDelivery__breakdownTable.highlight::after {
  position: absolute;
  content: " ";
  width: 190px;
  z-index: 2;
  top: 0%;
  height: 100%;
  right: 180px;
  background: linear-gradient(to top, rgba(185, 212, 244, 0.27), rgba(185, 212, 244, 0.05));
}
.HomeDelivery__watermark {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.HomeDelivery__watermarkInner {
  margin-top: -1000px;
  margin-left: -100px;
}
.HomeDelivery__watermarkRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  transform: translate(-75px, -50px) rotate(-27deg);
  width: 2000px;
  white-space: nowrap;
  overflow: hidden;
  margin: 80px 0;
  font-weight: bold;
  opacity: 0.2;
  color: #4a4a4b;
  font-size: 20px;
}
.HomeDelivery__watermarkRow:nth-child(odd) {
  padding-left: 80px;
}
/*********************
FAQs Section
*********************/
.HomeDelivery__faqColumn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 15px;
}
.HomeDelivery__faqs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  max-width: 900px;
  margin: 60px auto 0 auto;
}
.HomeDelivery__faq {
  text-align: left;
}
.HomeDelivery__faqSection {
  text-align: left;
}
.HomeDelivery__faqSection h3 {
  font-size: 28px;
  font-weight: bold;
}
.HomeDelivery__question {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #c2e1f4;
  line-height: 1.4;
  padding-bottom: 10px;
  transition: color 0.2s;
  gap: 20px;
}
.HomeDelivery__question:hover {
  color: #fff;
  cursor: pointer;
}
.HomeDelivery__answer {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
/*********************
Call to Action
*********************/
.HomeDelivery__waitlist {
  text-align: center;
  min-height: 500px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/home-delivery/bg-cta.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.HomeDelivery__waitlist h1 {
  position: relative;
  background-image: linear-gradient(0deg, #fff, #98c0ef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 50px;
  font-weight: bold;
}
.HomeDelivery__waitlistInner {
  max-width: 900px;
  padding: 80px 10px;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
}
.HomeDelivery__waitlistInner h3 {
  max-width: 800px;
  text-wrap: balance;
  margin: 0 auto;
}
.ItemLabel__container {
  margin-top: 5px;
}
.ItemLabel {
  display: inline-block;
  font-size: 12px;
  padding: 0 4px;
  margin-right: 3px;
  margin-bottom: 5px;
  border: 1px solid #dadada;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 2px;
  transition: color 0.2s, background 0.2s;
  color: #444;
}
.rItem__main {
  border-bottom: 1px solid #dfdfdf;
  display: -ms-flexbox;
  display: flex;
}
.rItem__main h1 {
  line-height: 1.3;
  font-size: 24px;
  margin-bottom: 20px;
}
.rItemImages__main {
  padding: 10px;
  height: 300px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rItemImages__main img {
  max-height: 100%;
  max-width: 100%;
}
.rItemImages__main:hover {
  cursor: pointer;
}
.rItemImages__main iframe {
  width: 100%;
  height: 100%;
}
.rItemImages__thumbnails {
  margin-top: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.rItemImages__thumbnails > div {
  margin: 5px;
}
.rItem__block {
  border-bottom: 1px solid #dfdfdf;
}
.rItem__block h1 {
  font-size: 18px;
}
.rItem__block > div {
  padding: 20px;
}
.rItem__stat {
  font-size: 50px;
  color: #4f8cf1;
  line-height: 1.3;
}
.rItem__statText {
  font-size: 13px;
  color: #777;
  line-height: 1.3;
}
/*** Thumbnails ***/
.rItemThumbnail {
  position: relative;
  width: 60px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
}
.rItemThumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.rItemThumbnail.active {
  border-bottom-color: #4f8cf1;
}
.rItemThumbnail:not(.active):hover {
  border-bottom-color: #adcaf9;
  cursor: pointer;
}
.rItemThumbnail__play {
  position: absolute;
  left: 20px;
  font-size: 20px;
  width: 20px;
  text-align: center;
  top: 20px;
  color: #eb5252;
}
.Incentives__IncentiveApply__result {
  opacity: 1;
  margin-bottom: 5px;
}
.Incentives__IncentiveApply__empty {
  opacity: 0;
  margin-bottom: 5px;
}
@keyframes slidetop {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50px;
  }
}
.Incentives__IncentiveBuyer__banner {
  background-color: #e91e63;
  color: white;
  animation: slidetop 1s;
  font-size: 15px;
  transition: all 150ms;
  margin-left: 0;
  margin-right: 0;
}
.Incentives__IncentiveBuyer__banner:hover {
  background-color: #cd1a57;
  cursor: pointer;
}
.Incentives__IncentiveBuyer__banner .icon {
  font-size: 12px;
  opacity: 0.4;
}
.Incentives__IncentiveBuyer__banner a {
  color: white;
}
.Incentives__IncentiveBuyer__banner__link {
  font-size: 14px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.Incentives__IncentiveBuyer__banner__link:hover {
  text-decoration: underline;
  opacity: 1;
}
.learnMore_overlay h1 {
  font-weight: bold;
  text-align: center;
}
.learnMore_overlay h2 {
  text-align: center;
  font-size: 21px;
}
.learnMore_overlay h6 {
  line-height: 1.3;
  font-size: 12px;
}
.learnMore_overlay__image {
  text-align: center;
}
.learnMore_overlay__image img {
  width: 130px;
}
.learnMore_overlay__icon {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #b8c4ce;
  border-left-width: 1px;
  border-bottom-width: 3px;
  border-right-width: 3px;
  color: #8a939b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  transition: all 250ms;
  transform: scale(0.9);
}
.learnMore_overlay__icon--active {
  color: #e91e63;
  border-color: #e91e63;
  transform: scale(1);
}
.learnMore_overlay__label {
  padding-left: 16px;
}
.learnMore_overlay__step {
  padding-bottom: 16px;
}
.learnMore_overlay__step h3 {
  font-weight: 600;
}
.learnMore_overlay__main {
  padding: 20px 20px;
  margin: 0 auto;
}
.learnMore_overlay__steps {
  padding-top: 24px;
}
.learnMore_overlay__actions {
  text-align: center;
  padding: 10px 0 40px 0;
}
.naked-header .Incentives__IncentiveBuyer__banner {
  background-color: rgba(85, 90, 95, 0.4);
  position: relative;
  z-index: 5;
  transition: all 300ms;
}
.naked-header .Incentives__IncentiveBuyer__banner:hover {
  background: rgba(85, 90, 95, 0.5);
}
/***** Integration Header *******/
.Integration__header {
  position: relative;
}
.Integration__header__faq {
  position: absolute;
  top: 20px;
  right: 20px;
  margin-top: 14px;
  font-weight: normal;
  font-size: 15px;
}
.Integration__header__faq:hover {
  cursor: pointer;
}
@media (max-width: 600px) {
  .responsive .Integration__headerMain {
    border: none;
  }
  .responsive .Integration__header__title {
    text-align: center;
  }
  .responsive .Integration__header__faq {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    display: block;
    margin: 0;
  }
}
/***** Integration Continue ******/
.Integration__continue {
  border-top: 1px solid #dadada;
}
.Integration__continue p {
  margin-top: 5px;
  font-size: 12px;
  color: #777;
}
/***** Integration Card *******/
.IntegrationCard {
  padding: 10px 20px;
}
.IntegrationCard:hover {
  box-shadow: 0 0 10px #eee inset;
  cursor: pointer;
}
.IntegrationCard.synced {
  background: #f6fcf6;
}
.IntegrationCard i {
  font-size: 25px;
  margin-top: 15px;
}
.IntegrationCard button {
  margin-top: 15px;
}
/***** Integration Detail *******/
.IntegrationDetail__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
}
.IntegrationDetail {
  max-width: 550px;
  margin: 0 auto;
}
.IntegrationDetail__header {
  padding: 5px 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #eaeaea;
}
.IntegrationDetail__count {
  font-size: 14px;
  color: #888;
  line-height: 1.2;
  margin-top: 5px;
}
.IntegrationForm__safe {
  text-align: center;
  color: #999;
}
.IntegrationDetail__exit {
  position: absolute;
  z-index: 120;
  top: 0;
  right: 0;
  padding: 0 5px;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-bottom-left-radius: 2px;
  font-size: 18px;
  color: #888;
  background: #fff;
  transition: color 0.2s;
}
.IntegrationDetail__exit:hover {
  color: #333;
  cursor: pointer;
}
a.IntegrationDetail__cancel {
  font-size: 14px;
  color: #888;
  line-height: 1.2;
  transition: color 0.2s;
}
a.IntegrationDetail__cancel:hover {
  cursor: pointer;
  color: #444;
}
/****** Integration Form ********/
.IntegrationForm__encryption {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #c9ecc9;
  background: #dff4e0;
  color: #2c802e;
  text-align: center;
}
.IntegrationForm__encryption i {
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
}
.IntegrationForm__inputs {
  padding: 20px 20px 40px 20px;
}
.IntegrationForm__explanation {
  font-size: 13px;
  padding-bottom: 15px;
}
.IntegrationForm__hint {
  font-size: 13px;
  color: #777;
}
.IntegrationForm__fakefields {
  height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}
/****** Integration Loading ********/
.IntegrationLoading {
  padding: 40px;
  text-align: center;
}
.IntegrationLoading h3 {
  font-size: 22px;
}
.IntegrationLoading h4 {
  color: #999;
  font-weight: bold;
  font-size: 16px;
}
.IntegrationLoading i {
  font-size: 30px;
  color: #4f8cf1;
  margin-top: 25px;
}
/****** Integration Error ********/
.IntegrationError {
  padding: 20px 40px;
  text-align: center;
}
.IntegrationError h3 {
  font-size: 19px;
  color: #eb5252;
  font-weight: normal;
  margin-bottom: 20px;
}
.IntegrationError h4 {
  color: #333;
  font-weight: normal;
  font-size: 16px;
}
/****** Integration Synced *******/
.IntegrationSynced {
  padding: 20px 20px 40px 20px;
}
.IntegrationSynced h1 {
  font-size: 22px;
  text-align: center;
  color: #57c559;
  font-weight: normal;
  margin-bottom: 25px;
}
.IntegrationSynced .col-4:first-child {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #aaa;
}
.IntegrationSynced a {
  font-size: 13px;
}
.IntegrationSynced a:hover {
  cursor: pointer;
}
.IntegrationSynced__row {
  border-bottom: 1px dotted #ddd;
  padding: 5px 0;
  font-size: 15px;
}
.IntegrationSynced__footer {
  padding: 10px 20px;
}
/****** Integration Subaccounts ******/
.IntegrationSubaccounts {
  padding: 10px;
}
/****** Integration FAQ ******/
.rIntegrationFaqs {
  -ms-flex: 0 0 400px;
      flex: 0 0 400px;
  padding: 0 20px;
  border-left: 1px dashed #e6e6e6;
}
.IntegrationFAQ {
  width: 100%;
}
.IntegrationFAQ h2 {
  color: #206ded;
  font-weight: bold;
  font-size: 17px;
}
.IntegrationFAQ p {
  font-size: 16px;
  color: #555;
}
.IntegrationFAQ .fb-col-6,
.IntegrationFAQ .fb-col-12 {
  padding-bottom: 20px;
}
.IntegrationFAQ .fb-col-6:first-child {
  padding-right: 20px;
}
.IntegrationFAQ__body {
  padding: 20px;
}
.IntegrationFAQ__body .fb-col-6,
.IntegrationFAQ__body .fb-col-12 {
  padding-bottom: 20px;
}
.IntegrationFAQ__body .fb-col-6:first-child {
  padding-right: 20px;
}
/****** Integration Statuses Link ******/
.Integration__statuses {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .Integration__statuses {
    margin-top: 20px;
  }
}
.rIntegration__title {
  padding: 10px;
}
.rIntegration__title h2 {
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
}
.rIntegrationBar__unsynced {
  color: #ddd;
}
.rIntegrationContent {
  display: -ms-flexbox;
  display: flex;
}
.rIntegration__main {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0 02px;
}
.rIntegration__status {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: normal;
  color: #57c559;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.rIntegration__count {
  text-align: center;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #999;
}
.rIntegrations {
  background: #fff;
  border: 1px solid #e6e6e6;
}
.rIntegrations__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.rIntegration__faq {
  margin-bottom: 40px;
}
.rIntegration__faq h2 {
  font-weight: 600;
  font-size: 18px;
  color: #8a939b;
  line-height: 1.3;
  margin-bottom: 15px;
}
.rIntegration__faq p {
  font-size: 15px;
}
.rIntegration__test {
  text-align: center;
  padding: 80px 30px 20px 30px;
}
.rIntegration__test .fa {
  color: #4f8cf1;
}
.rIntegration__test h5 {
  margin: 20px auto 10px auto;
  font-weight: normal;
  font-size: 20px;
  max-width: 450px;
}
.rIntegration__test p {
  font-size: 16px;
  max-width: 450px;
  margin: 0 auto;
}
.rIntegrationManage__denied {
  padding: 0 30px 20px 30px;
}
.rIntegrationForm {
  position: relative;
  max-width: 600px;
}
.rIntegrationForm h2 {
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
}
.rIntegrationForm__loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}
.rIntegrationForm__safe {
  text-align: center;
  padding-top: 10px;
  font-size: 15px;
  color: #999;
}
.rIntegrationSynced > h2 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 20px;
}
.rIntegrationSupplier__outer {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(85, 90, 95, 0.6);
}
.rIntegrationSupplier__outer:hover {
  cursor: pointer;
}
.rIntegrationSupplier {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 650px;
  overflow-y: scroll;
  background: #fff;
}
.rIntegrationSupplier:hover {
  cursor: default;
}
@media (max-width: 650px) {
  .responsive .rIntegrationSupplier {
    width: 100%;
  }
  .responsive .rIntegrationSupplier__social {
    display: none;
  }
}
.rIntegrationSupplier__header {
  position: absolute;
  padding: 10px 20px 0 20px;
  z-index: 3;
  top: 0;
  background: #fff;
  width: 100%;
}
.rIntegrationSupplier__header .DiscussThread__header {
  margin-bottom: 0;
}
.rIntegrationSupplier__close {
  position: absolute;
  top: 0;
  right: 20px;
  color: #8a939b;
  font-size: 28px;
  transition: color 0.2s;
}
.rIntegrationSupplier__close:hover {
  color: #4f8cf1;
  cursor: pointer;
}
.rIntegrationSupplier__iframe {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #efefef;
  height: calc(100vh - 80px);
}
.rIntegrationSupplier__steps {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.rIntegrationSupplier__step {
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  text-align: center;
}
.rIntegrationSupplier__step:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.rIntegrationSupplier__step span {
  font-weight: bold;
}
.rIntegrationSupplier__step.active {
  color: #4f8cf1;
}
.rIntegrationSupplier__body {
  padding: 40px 20px;
}
.rIntegrationSupplier__check span {
  font-size: 18px;
  color: #4f8cf1;
}
.rIntegrationSupplier__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rIntegrationSupplier__footer {
  z-index: 3;
  width: 100%;
}
.rIntegrationSupplier__footer p {
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
}
.rIntegrationSupplier__footer > div {
  border-top: 1px solid #e6e6e6;
  margin: 0 20px;
  padding: 20px 0;
}
.rIntegration__main--accounts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100vh - 75px);
  overflow: hidden;
}
.rIntegration__main--accounts > div {
  width: 100%;
}
.rIntegration__main--accounts .rIntegrationAccounts__header {
  -ms-flex: 0;
      flex: 0;
}
.rIntegration__main--accounts .rIntegrationAccounts__header h2 {
  font-size: 16px;
  margin-bottom: 20px;
}
.rIntegration__main--accounts .rIntegrationSupplier__footer {
  padding-top: 20px;
  -ms-flex: 0;
      flex: 0;
  position: relative;
}
.rIntegration__main--accounts .rIntegrationSupplier__footer::after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  height: 20px;
  content: " ";
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.rIntegration__main--accounts .rIntegrationSynced {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
}
.rIntegrationAccounts__wrapper {
  border: 1px solid blue;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 70vh;
  overflow: hidden;
}
.rIntegrationAccounts__wrapper > div {
  border: 1px solid red;
}
.rIntegrationAccount {
  padding: 10px 0;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.rIntegrationAccount > div:first-child {
  -ms-flex: 0 0 40px;
      flex: 0 0 40px;
  margin-top: 1px;
}
.rIntegrationAccount > div:last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 10px;
}
.rIntegrationAccount.linkable:hover {
  cursor: pointer;
}
.rIntegrationAccount--switch .rIntegrationAccount__main {
  background: #f9fafb;
}
.rIntegrationAccount.linked > div:last-child {
  border-color: #4f8cf1;
  background: #f0f5fe;
}
.rIntegrationAccountUnlinkable {
  background-color: #f9fafb;
  border-color: #b8c4ce;
}
.rIntegrationAccount__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  transition: background 0.2s;
}
.rIntegrationAccount__main h1 {
  font-size: 18px;
  font-weight: bold;
}
.rIntegrationAccount__main h2 {
  font-size: 18px;
  font-weight: normal;
}
.rIntegrationAccount__main h3 {
  font-size: 15px;
  font-weight: normal;
}
.rIntegrationAccount__main h4 {
  text-align: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #bbb;
}
.rIntegrationAccount__main h4.linked {
  color: #57c559;
  font-weight: bold;
}
.rIntegrationAccount__main a {
  font-size: 17px;
  text-align: right;
  color: #8a939b;
}
.rIntegrationAccount__details {
  border-top: 1px dashed #eaeaea;
  padding-top: 5px;
  margin-top: 3px;
  text-align: left;
}
.rIntegrationAccount__details h3 {
  font-weight: normal;
  font-size: 14px;
}
.rIntegrationAccount__checkbox {
  -ms-flex: 0 0 30px;
      flex: 0 0 30px;
}
.rIntegrationAccount__name {
  -ms-flex-positive: 1;
      flex-grow: 1;
  transition: color 0.2s;
  text-align: left;
}
.rIntegrationAccount__unlinkable {
  border-top: 1px solid #e6e6e6;
  color: #e62424;
  padding-top: 10px;
  font-size: 14px;
  letter-spacing: 0.25px;
  display: -ms-flexbox;
  display: flex;
}
.rIntegrationAccount__unlinkable p {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
}
.rIntegrationAccount__unlinkable > *:first-child {
  margin-top: 4px;
  margin-right: 10px;
}
.rIntegrationAccount__unlinkable.info {
  color: #206ded;
}
@media (max-width: 1100px) {
  .responsive .rIntegrations__row {
    display: block;
  }
}
@media (max-width: 800px) {
  .responsive .rIntegrationCard {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .responsive .rIntegrationCards {
    display: block;
  }
}
/*** Integrations Page ***/
.rIntegrations__header {
  text-align: center;
  padding: 40px 20px 20px 20px;
  margin-bottom: 40px;
}
.rIntegrations__header h1 {
  font-size: 44px;
  font-weight: 300;
}
.rIntegrations__header h2 {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: normal;
  opacity: 0.6;
  font-size: 17px;
}
.rIntegrationCardsContainer {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rIntegrationCards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-left: 10px;
}
.rIntegrationCard {
  display: block;
  -ms-flex: 0 0 33%;
      flex: 0 0 33%;
}
.rIntegrationCard .Logo__supplier {
  display: block;
  margin: 20px auto;
}
.rIntegrationCard.connected .rIntegrationCard__inner {
  border-color: #a3dfa4;
  background: #f6fcf6;
}
.rIntegrationCard.actionRequired .rIntegrationCard__inner {
  border-color: #adcaf9;
  background: #f4f8fe;
}
.rIntegrationCard__inner {
  transition: border-color 0.2s;
  margin: 10px;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  background: #fff;
}
.rIntegrationCard__inner:hover {
  cursor: pointer;
  border-color: #4f8cf1;
}
.rIntegrationCard__content {
  border-top: 1px solid #e6e6e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: #666;
  padding: 10px 10px;
}
.rIntegrationCard__content h5 {
  font-weight: normal;
  line-height: 1.3;
}
.rIntegrationCard__content span {
  opacity: 0.7;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.rIntegrationSupplier__loader {
  position: absolute;
  z-index: 10;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.rIntegrationSupplier__loader h3 {
  margin-bottom: 20px;
}
.rIntegrationSupplier__menuContainer {
  border-top: 1px solid #e2e7eb;
  margin-top: 40px;
}
.rIntegrationSupplier__menuItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  padding: 15px 2px;
  transition: color 0.2s;
  color: #424770;
}
.rIntegrationSupplier__menuItem:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.rIntegrationSupplier__menuItem .fa-angle-right {
  font-size: 30px;
}
.rIntegrationSupplier__menuItem h1,
.rIntegrationSupplier__menuItem h2 {
  font-size: 17px;
  font-weight: normal;
}
.rIntegrationSupplier__menuItem h1 {
  font-size: 20px;
}
.rIntegrationSupplier__menuItem h2 {
  opacity: 0.6;
}
.rIntegrationSupplier__menuItem:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rIntegrationSupplier__menuItem.noLinkedAccounts {
  border: 1px solid;
  border-color: #adcaf9;
  background: #f4f8fe;
}
.CartShippingMinimumOverlay {
  padding: 10px 0;
}
.CartShippingMinimumOverlay .rIntegrationSupplier__syncedSummary {
  margin-top: 0;
}
.rIntegrationSupplier__syncedSummary {
  text-align: center;
  margin-top: 30px;
}
.rIntegrationSupplier__syncedSummary h1 {
  font-weight: bold;
}
.rIntegrationSupplier__syncedSummary .barnyard-Tooltip {
  width: 100%;
}
.IntegrationShipping__input {
  width: 100%;
}
.rIntegrationSupplier__syncedSummaryField {
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow: hidden;
  padding: 5px 0;
}
.rIntegrationSupplier__syncedSummaryField > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rIntegrationSupplier__syncedSummaryField > div:first-child {
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.7;
}
.rIntegrationSupplier__syncedSummaryField > div:last-child {
  font-weight: 600;
  text-align: right;
}
.rIntegrationSupplier__syncedSummaryField:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.rIntegrationSupplier__syncedSummaryField__memberships {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.rIntegrationSupplier__syncedSummaryField__memberships__tags {
  padding-top: 5px;
}
.rIntegrationSupplier__social {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  padding: 0 20px 20px 20px;
}
.rIntegrationSupplier__social .rIntegrationSupplier__socialIcon {
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
  background: #6acc6c;
}
.rIntegrationSupplier__social strong {
  color: #57c559;
}
.rIntegrationSupplier__enrollmentPrompt {
  border: 1px solid #efefef;
  padding: 20px;
  margin: 20px 0;
  text-align: center;
  background: #fafafa;
}
.rIntegrationSupplier__enrollmentPrompt h1 {
  font-size: 22px;
  font-weight: normal;
}
.rIntegrationSupplier__enrollmentPrompt p {
  max-width: 430px;
  margin: 0 auto 10px auto;
  font-size: 16px;
  opacity: 0.8;
}
.rIntegrationSupplier__sync_incentive {
  border-radius: 6px;
  padding: 10px 20px;
  margin: 20px 0;
  color: #fff;
  text-align: center;
  background: #4f8cf1;
  font-size: 18px;
  font-weight: 800;
  animation: syncIncentiveGradient 60s ease infinite;
}
.rIntegrationSupplier__sync_incentive.rainbow {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 0.5);
}
.rIntegrationSupplier__sync_incentive h5 {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
.rIntegrationSupplier__sync_incentive h6 {
  padding-top: 5px;
  font-size: 14px;
  opacity: 0.8;
}
.rIntegrationSupplier__sync_incentive p {
  padding: 5px 0;
  line-height: 1.4;
  font-weight: 600;
  text-wrap: balance;
}
.rIntegrationSupplier__sync_incentive a {
  color: #fff;
  font-size: 16px;
  padding: 4px 12px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 6px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.1);
  transition: background 0.2s;
}
.rIntegrationSupplier__sync_incentive a:hover {
  background: rgba(0, 0, 0, 0.15);
}
@keyframes syncIncentiveGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.rIntegrationSupplier__enrollmentIcon {
  color: #8a939b;
  font-size: 20px;
  margin: 0 auto 20px;
}
.rIntegrationSupplier__EnrollmentForm {
  padding: 70px 20px 50px 20px;
}
.rIntegrationSupplier__EnrollmentForm .rCheckoutInteractiveOption__inputs {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.rIntegrationSupplier__EnrollmentForm .rCheckoutInteractiveOption__header {
  max-width: 100%;
}
.rIntegrationSupplier__EnrollmentForm--header {
  margin-bottom: 40px;
  text-align: center;
}
.rIntegrationSupplier__EnrollmentForm--header h1 {
  font-weight: bold;
  font-size: 28px;
}
.rIntegrationSupplier__EnrollmentForm--header h2 {
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.25px;
}
.rIntegrationSiteDown {
  text-align: center;
  padding: 100px 40px 20px 40px;
}
.rIntegrationSiteDown .fa-cogs {
  color: #eb5252;
  margin-bottom: 10px;
}
.rIntegrationSiteDown h1 {
  font-weight: normal;
  margin: 30px 0;
  font-size: 22px;
  line-height: 1.4;
}
.rIntegrationSiteDown h2 {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 20px;
}
.rIntegrationSiteDown h3 {
  font-weight: normal;
}
.rIntegrationInfo {
  margin: 30px 0 40px;
}
.rIntegrationInfo h1 {
  font-weight: bold;
  text-align: center;
}
.rIntegrationInfo h2 {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.rIntegrationInfo__box {
  background: #f9fafb;
  border: 1px solid #e2e7eb;
  padding: 5px;
}
.rIntegrationInfo__customMessage {
  font-size: 15px;
  margin-bottom: 20px;
}
.rIntegrationInfo__customSubMessage {
  font-size: 15px;
  text-align: center;
}
/**** Dropdown animation ***/
@keyframes integration-animation {
  0% {
    transform: translate(-650px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.integration-animation-appear {
  animation: integration-animation 0.6s;
}
@keyframes integration-overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.integration-overlay-appear {
  animation: integration-overlay 0.6s;
}
/** Catalog Syncing Notifications **/
.rIntegrationCatalogSyncs {
  position: fixed;
  z-index: 5;
  bottom: 20px;
  left: 10px;
  width: 400px;
}
.rIntegrationCatalogSync {
  position: relative;
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 10px;
  min-height: 50px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rIntegrationCatalogSync__dismiss {
  position: absolute;
  top: 0px;
  right: 8px;
  color: #aaa;
  font-size: 20px;
}
.rIntegrationCatalogSync__dismiss:hover {
  cursor: pointer;
  color: #eb5252;
}
.rIntegrationCatalogSync h1 {
  font-size: 16px;
  font-weight: normal;
  font-weight: bold;
  line-height: 1.4;
}
.rIntegrationCatalogSync h2 {
  font-size: 14px;
  font-weight: normal;
  color: #8a939b;
  line-height: 1.4;
}
.rIntegrationCatalogSync.error h1 {
  color: #eb5252;
}
.rIntegrationCatalogSync:not(:last-child) {
  margin-bottom: 10px;
}
.IntegrationDirect {
  transition: border-color 0.2s;
  border-radius: 3px;
  border: 1px solid #e2e7eb;
  margin: 10px 20px;
  padding: 20px 10px;
  cursor: pointer;
  color: #555a5f;
  display: block;
}
.IntegrationDirect h3 {
  font-weight: bold;
}
.IntegrationDirect__logo {
  margin-right: 10px;
  height: 36px;
}
.IntegrationDirect:hover {
  border-color: #4f8cf1;
}
.rInvite {
  background: white;
}
.rInvite h1 {
  font-weight: bold;
  margin-bottom: 24px;
}
.rInvite__header {
  max-width: 100%;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/corporate/covecrew_bg.png);
  background-size: cover;
  background-position: bottom center;
  text-align: center;
  padding: 150px 0px 400px 0px;
}
.rInvite__header h1 {
  color: white;
  font-size: 20px;
  opacity: 0.85;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 50px;
  max-width: 600px;
  margin: auto;
}
.rInvite__header h2 {
  color: white;
  font-weight: 900;
  font-size: 50px;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 20px;
}
.rInvite__header h3 {
  font-size: 22px;
  margin: 0 auto;
}
.rInvite__code {
  max-width: 650px;
  background: rgba(255, 255, 255, 0.9);
  margin: 100px auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 40px;
  font-size: 18px;
  text-align: center;
}
.rInvite__clipboardCopy {
  background-color: #f9fafb;
  color: black;
  margin: 20px auto;
  max-width: 350px;
  border-radius: 4px;
}
.rInvite__terms {
  max-width: 650px;
  min-height: 200px;
  color: white;
  margin: 20px auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 40px;
  font-size: 18px;
  text-align: center;
}
.rInvite__terms .barnyard-Check {
  -ms-flex-pack: center;
      justify-content: center;
}
.rInvite__terms a {
  color: white;
  transition: color 0.2s;
  text-decoration: underline;
}
.rInvite__terms a:hover {
  cursor: pointer;
  color: #5cb8e6;
  text-decoration: none;
  opacity: 0.8;
}
.rInvite__terms p {
  font-size: 14px;
  padding: 20px;
  max-width: 400px;
  margin: auto;
  line-height: 1.4;
}
.rInvite__copy {
  margin-top: 20px;
}
.rInvite__copy .barnyard-CopyToClipboard__content {
  min-height: 75px;
}
.rInvite__content {
  background: #f9fafb;
}
.rInvite__body {
  padding: 80px 20px;
  text-align: center;
  border-bottom: 1px solid #e2e7eb;
}
.rInvite__body h1 {
  font-size: 36px;
}
.rInvite__tracker {
  max-width: 650px;
  padding-bottom: 80px;
  font-size: 17px;
  text-align: center;
  margin: 0 auto;
}
.rInvite__tracker p {
  margin-bottom: 36px;
}
.rInvite__steps {
  max-width: 800px;
  padding-bottom: 60px;
  font-size: 17px;
  margin: 0 auto;
  margin-bottom: 60px;
  border-bottom: 1px solid #e2e7eb;
}
.rInvite__paw {
  width: 20px;
  margin: 0 auto;
}
.rInvite__thanks {
  font-style: italic;
  color: #8a939b;
}
.rInvite__FAQ {
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 80px;
  text-align: center;
  margin-bottom: 60px;
}
.rInvite--FAQItem h3 {
  color: #4f8cf1;
  font-size: 22px;
  font-weight: 600;
}
.rInvite--FAQItem p {
  font-size: 16px;
}
.rInvite--ReferralTracker__help {
  opacity: 0.7;
  font-style: italic;
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .responsive .rInvite__header {
    background: #53f;
    background: linear-gradient(150deg, #53f 15%, #05d5ff 65%, #a7eb4f 100%);
    padding-top: 100px;
    color: white;
  }
  .responsive .rInvite__header h2 {
    font-size: 40px;
    padding-bottom: 24px;
    color: white;
  }
  .responsive .rInvite__code {
    margin-top: 30px;
    padding: 10px;
    color: #6e767c;
  }
  .responsive .rInvite__steps h1 {
    text-align: left;
    margin-bottom: 6px;
  }
  .responsive .rInvite__tracker > div {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}
.InvoicesDashboard {
  margin-bottom: 80px;
}
.InvoicesDashboardBox {
  padding: 0;
}
.InvoicesDashboardBox__top {
  overflow: hidden;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e7eb;
}
.InvoicesDashboardBox__top h4 {
  font-weight: 600;
  font-size: 16px;
}
.InvoicesDashboardBox__extra-title {
  opacity: 0;
  transform: translateY(-40px);
  display: inline-block;
  transition: all 500ms;
}
.InvoicesDashboardBox__extra-title--visible {
  opacity: 1;
  transform: translateY(0);
}
.InvoicesBarBreakdown {
  padding: 16px 12px;
}
.InvoicesBarBreakdown__bar {
  height: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden;
  border-radius: 4px;
}
.InvoicesBarBreakdown__labels {
  margin-top: 16px;
  text-align: center;
}
.InvoicesBarBreakdown__empty {
  color: #8a939b;
}
.InvoicesDashboardChart__chart {
  padding: 16px 12px;
  position: relative;
}
.InvoicesDashboardChart__empty {
  color: #8a939b;
  padding-top: 70px;
  text-align: center;
}
.InvoicesDashboardChart__summary {
  padding: 16px 12px;
  border-left: 1px solid #e2e7eb;
}
.InvoicesDashboardChart__label {
  margin-bottom: 20px;
  text-align: right;
}
.InvoicesDashboardChart__select {
  max-width: 300px;
  position: absolute;
  right: 12px;
}
.InvoicesDashboardMiniList__item {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #e2e7eb;
  color: #555a5f;
}
.InvoicesDashboardMiniList__item__icon {
  padding-left: 16px;
  padding-right: 8px;
  font-size: 22px;
  color: #b8c4ce;
}
.InvoicesDashboardMiniList__item:hover {
  background: #f4f8fe;
}
.InvoicesDashboardMiniList__item:hover .InvoicesDashboardMiniList__item__icon {
  color: #555a5f;
}
.InvoicesDashboardMiniList__empty {
  color: #8a939b;
  padding: 24px 8px;
  text-align: center;
  border-bottom: 1px solid #e2e7eb;
}
.InvoicesDashboardMiniList__link {
  padding: 8px;
  text-align: center;
  display: block;
  font-size: 16px;
}
.InvoicesDashboardMiniList__link:hover {
  background: #f4f8fe;
}
.InvoicesDashboardMiniList__link svg {
  margin-bottom: -1px;
}
.InvoiceStatus {
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.InvoiceStatus__container {
  position: relative;
}
.InvoiceStatus__status {
  display: inline;
  text-align: center;
}
.InvoiceStatus__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: 2px solid white;
  font-size: 12px;
  color: white;
  top: -10px;
  right: -10px;
}
.InvoiceOverdueTag {
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.InvoiceActionButton__overlay .ant-popover-inner-content {
  padding: 0;
}
.InvoiceActionButton__title {
  padding: 4px 8px;
  font-weight: 600;
}
.InvoiceActionButton__action {
  display: block;
  color: #555a5f;
  padding: 4px 8px;
  cursor: pointer;
  border-top: 1px solid #eff2f4;
}
.InvoiceActionButton__action:hover {
  background-color: #f4f8fe;
}
.InvoiceActionButton__action--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.InvoiceActionButton__action--disabled:hover {
  background-color: white;
}
.InvoiceUpdateView__box {
  padding: 0;
}
.InvoiceUpdateView__header {
  font-weight: bold;
  padding: 10px 20px;
}
.InvoiceUpdateView__well {
  padding: 16px 20px;
  background: #f9fafb;
  border-top: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
}
.InvoiceUpdateView__actions {
  padding: 16px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.InvoiceUpdateView__radio {
  display: block;
  margin-top: 4px;
  margin-bottom: 8px;
}
.InvoiceUpdateView__radio-group {
  margin-bottom: 12px;
}
.InvoiceUpdateView__input {
  max-width: 200px;
  margin-left: 24px;
}
.InvoiceUpdateView a {
  transition: opacity 0.2s;
}
.InvoiceAuditItem {
  padding: 8px 20px;
  border-bottom: 1px solid #e2e7eb;
}
.InvoiceUnshippedItem__name {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #666;
}
.InvoicesDashboardListItem {
  color: #555a5f;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
.InvoicesDashboardListItem__values {
  margin: -6px 0;
}
.InvoicesDashboardListItem__col {
  width: 110px;
  padding: 6px 0;
}
.InvoicesDashboardListItem__divider {
  display: none;
  width: 1px;
  margin: 0 20px;
  background: #eff2f4;
  height: 40px;
  position: relative;
  top: 6px;
}
@media screen and (min-width: 900px) {
  .InvoicesDashboardListItem__divider {
    display: block;
  }
}
.InvoicesDashboardListItem__item {
  padding-left: 20px;
}
.InvoicesDashboardListItem__item--border {
  padding-left: 20px;
  border-left: 1px solid #eff2f4;
}
.InvoicesDashboardListItem__main {
  padding: 12px;
}
.InvoicesDashboardListItem__actions {
  padding: 4px;
  background: #f9fafb;
  border-top: 1px solid #eff2f4;
  text-align: right;
}
.InvoicesDashboardListItem__title img {
  width: 100px;
}
.InvoicesDashboardListItem__title h2 {
  font-weight: 600;
  font-size: 20px;
}
.InvoicesDashboardListItem__title h2 a {
  color: #555a5f;
}
.InvoicesDashboardListItem__title h2 a:hover {
  color: #4f8cf1;
}
.InvoicesDashboardListItem__title h3 {
  color: #8a939b;
  line-height: 1.2;
  font-size: 18px;
}
.InvoicesDashboardListItem__bar {
  height: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden;
  border-radius: 4px;
}
.InvoicesDashboardListItem__link {
  color: #8a939b;
  font-size: 15px;
  font-weight: 600;
  margin-top: 4px;
  display: inline-block;
}
.InvoicesDashboardListItem__link:hover {
  color: #4f8cf1;
}
.InvoicesDashboardListItem__link svg {
  margin-left: 3px;
  position: relative;
  top: 1px;
}
.InvoicesDashboardLabel h6 {
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #8a939b;
  font-size: 12px;
}
.InvoicesDashboardLabel h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
.InvoicesDashboardLabel__dot {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
a.InvoicesDashboardLabel {
  color: #555a5f;
  display: block;
}
a.InvoicesDashboardLabel:hover h6 {
  color: #4f8cf1;
}
.InvoicesDashboardLinks {
  padding: 0;
}
.InvoicesDashboardLinks__container {
  padding-right: 32px;
}
.InvoicesDashboardLinks__arrow {
  transition: all 500ms;
  font-size: 18px;
  color: #b8c4ce;
  transform: translateX(-8px);
}
.InvoicesDashboardLinks__chart {
  padding: 12px;
  padding-bottom: 0;
}
.InvoicesDashboardLinks__item {
  display: block;
  padding: 12px;
  color: #555a5f;
  border-top: 1px solid #eff2f4;
}
.InvoicesDashboardLinks__item:hover .InvoicesDashboardLinks__arrow {
  color: #4f8cf1;
  transform: translateX(0);
}
.InvoicesDashboardLinks__item .InvoicesDashboardLabel h6 {
  font-size: 14px;
}
.InvoiceDiffIcon {
  font-size: 18px;
  width: 40px;
  margin: 0 auto;
}
.InvoiceDiffIcon--small {
  font-size: 12px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}
.InvoiceDiffIcon__number {
  font-size: 16px;
  color: white;
  font-weight: bold;
  left: 60%;
  top: 56%;
}
.InvoiceDiff {
  padding: 16px;
  border-bottom: 1px solid #e2e7eb;
  background-color: #fef8ec;
}
.InvoiceDiff h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 6px;
}
.InvoiceSubComponent {
  border-top: 1px solid #e2e7eb;
  padding: 20px;
  background: #f9fafb;
}
.InvoiceSubComponent__content {
  border: 1px solid #e2e7eb;
  background: white;
}
.InvoiceSubComponent__noItems {
  padding-top: 45px;
  font-style: italic;
  text-align: center;
}
.InvoiceSubComponent__details {
  height: 45px;
  padding: 0 20px;
}
.InvoiceSubComponent__details .barnyard-Col {
  margin: auto;
}
.InvoiceSubComponent__details h5 {
  font-size: 16px;
  font-weight: 600;
}
.InvoiceSubComponent__link {
  color: #4f8cf1;
  transition: color 0.2s;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin-left: 20px;
}
.InvoiceSubComponent__link:hover {
  color: #315795;
}
.InvoiceTableIcon > svg:not(:last-child) {
  margin-right: 10px;
}
.InvoiceTableIcon .active-mismatch {
  color: #ae770f;
}
.InvoiceTableIcon .active-ok-to-pay {
  color: #aa1648;
}
.InvoiceTableIcon .active-gl-code {
  color: #4c98a6;
}
.InvoiceTableIcon .active-paid {
  color: #409041;
}
.InvoiceTableIcon .inactive {
  opacity: 0.1;
}
.GlCodeItems__alertContainer_naked-button {
  color: white;
  margin: 0 4px;
}
.GlCodeItems__alertContainer_button {
  margin: 0 4px;
}
.GlCodeItemsTable--check {
  margin: 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.GlCodeItemsTable--check .barnyard-Check {
  margin: 0;
}
.GlCodeItemsTable--check .barnyard-Check__checkbox {
  margin: 0;
}
.InvoiceStatement {
  padding: 20px;
  border-top: 1px solid #e2e7eb;
  background-color: #f9fafb;
}
.InvoiceStatement h5 {
  font-weight: 700;
}
.InvoiceStatement__filters {
  padding-bottom: 8px;
}
.InvoiceStatement__filters__title {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
}
.InvoiceStatement__filters__buttons {
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
}
.InvoiceStatement__box {
  border: 1px solid #e2e7eb;
  margin-bottom: 10px;
  border-radius: 5px;
}
.InvoiceStatement__box--header {
  background-color: #f4f8fe;
  padding: 8px 20px;
}
.InvoiceStatement__box--content {
  border-top: 1px solid #e2e7eb;
  padding: 10px;
}
.InvoiceStatement__icon > a {
  margin: 0 5px;
}
.InvoiceStatement__icon .active-validation {
  color: #aa1648;
}
.InvoiceStatement__icon .active-amounts {
  color: #ae770f;
}
.InvoiceStatement__icon .active-statement {
  color: #409041;
}
.InvoiceStatement__icon .inactive {
  opacity: 0.1;
}
.InvoiceStatement__icon .barnyard-Loading {
  display: inline;
  vertical-align: middle;
}
.ItemtrackerSearchItem {
  border-top: 1px solid #e2e7eb;
  background: #f9fafb;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.ItemtrackerSearchItem__error {
  color: #6e767c;
  font-size: 14px;
  text-align: center;
}
/*** Header ***/
.rHeader {
  background: rgba(0, 0, 0, 0.8);
  padding: 0 10px;
  color: #eee;
  width: 100%;
  position: relative;
  z-index: 10;
  height: 54px;
}
.rHeader__inner {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 1520px;
  margin: 0 auto;
}
.rHeader__logo {
  padding: 9px 20px 0 0;
  max-height: 44px;
}
.rHeader__item {
  position: relative;
  z-index: 10;
  display: block;
  transition: background 0.2s;
}
.rHeader .rHeader__item--link:hover {
  cursor: pointer;
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}
.rHeader__item--link.active::after,
.rHeader__item--active::after {
  position: absolute;
  bottom: 0;
  content: " ";
  left: 50%;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #f7f9fa transparent;
  margin-left: -8px;
}
.rHeader__item--link.rHeader__item--sublink.active::after {
  border-color: transparent transparent #f6f9fc transparent;
}
.rDropdown.active .rHeader__item {
  background: #666;
}
.rDropdown.active .rHeader__item .rHeader__text {
  color: #fff;
}
.rHeader__text {
  font-size: 16px;
  line-height: 54px;
  font-size: 17px;
  font-weight: 400;
  padding: 0 20px;
  color: #eee;
  white-space: nowrap;
}
.rHeader__tag {
  position: absolute;
  display: block;
  line-height: 1.2;
  font-size: 12px;
  padding: 0 5px;
  top: 5px;
  font-weight: bold;
  right: 5px;
  border-radius: 2px;
  background: #377def;
  color: #fff;
}
.rHeader__tag--count {
  background: #eb5252;
  background-image: linear-gradient(to bottom, #eb5252 0%, #e83b3b 100%);
}
.rHeader__item--img {
  position: relative;
  z-index: 12;
  height: 46px;
  font-size: 16px;
  line-height: 40px;
  font-size: 17px;
  color: #fff;
}
.rHeader__search {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 2;
      flex-grow: 2;
  padding: 0;
}
.rHeader__icon {
  max-height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}
.rHeader__cartIcon {
  position: relative;
  margin-top: 10px;
}
.rHeader__count {
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  min-width: 15px;
  line-height: 15px;
  font-size: 14px;
  padding: 0 2px;
  font-weight: bold;
  border-radius: 2px;
}
.rHeader__dropdown {
  color: #555a5f;
  border-radius: 0;
  min-width: 150px;
  border-top: none;
}
.rHeader__dropdownItem {
  display: block;
  transition: background 0.2s;
  color: #555a5f;
  font-size: 15px;
  padding: 8px 10px;
  cursor: pointer;
}
.rHeader__dropdownItem:hover {
  text-decoration: none;
  background-color: #f4f8fe;
}
.naked-header .rHeader-fullHeader .barnyard-PageHeaderItem__box {
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
}
.rHeader__PageHeader .barnyard-MobileHeader {
  padding-bottom: 150px;
}
.rHeader__mobileDropdown span {
  padding: 24px;
  display: block;
  transition: all 200ms;
  cursor: pointer;
  margin-bottom: -2px;
  font-size: 18px;
  font-weight: 400;
  color: #6e767c;
  border-bottom: 2px solid transparent;
}
.rHeader__mobileDropdown span:hover {
  background: #f9fafb;
  color: #555a5f;
}
.rHeader__mobileDropdown span:hover .barnyard-PageHeaderItem__content--mobile {
  color: #555a5f;
}
.rHeader__mobileDropdown__container {
  padding: 12px 24px;
}
.rHeader__mobileDropdown__group h6 {
  margin-bottom: 24px;
  font-size: 17px;
  font-weight: 600;
}
.rHeader__mobileDropdown__item a {
  padding: 0;
  margin-bottom: 24px;
  font-size: 16px;
}
.rHeader__mobileDropdown__item span {
  padding: 0;
  margin-bottom: 24px;
  font-size: 16px;
}
.rHeader__fullDropdown__container {
  padding: 20px;
  width: 100%;
  max-width: 1540px;
  margin: 2px auto 20px;
}
.rHeader__fullDropdown__group {
  transition: opacity 0.2s;
  display: block;
  text-align: left;
}
.rHeader__fullDropdown__group h6 {
  margin-bottom: 8px;
  letter-spacing: 0.4px;
  font-size: 18px;
  font-weight: 600;
  transition: color 0.2s;
}
.rHeader__fullDropdown__divider {
  width: 40px;
  height: 2px;
  background: #e2e7eb;
  margin-bottom: 10px;
}
.rHeader__fullDropdown__item {
  font-size: 17px;
  color: #6e767c;
  line-height: 1.6;
  transition: color 0.2s;
}
.rHeader__fullDropdown__item a {
  padding: 1px 0;
  display: inline-block;
}
.rHeader__fullDropdown__item a:hover {
  cursor: pointer;
  color: #555a5f;
}
.rHeader__overlay__item {
  padding: 8px 10px;
  margin: 10px;
  font-size: 18px;
  color: #8a939b;
  cursor: pointer;
  border-radius: 2px;
}
.rHeader__overlay__item:hover {
  text-decoration: none;
  background-color: #f9fafb;
}
.rHeader__overlay__item-location {
  font-size: 14px;
}
.rHeader__overlay__item-highlight {
  background-color: #eff2f4;
  cursor: default;
}
.rHeader__overlay__item-highlight:hover {
  background-color: #eff2f4;
}
.rHeader__overlay__subtitle {
  margin: 10px;
}
.rHeader__dropdownItem--user {
  border-bottom: 1px solid #e2e7eb;
  padding: 10px;
  min-width: 300px;
  display: -ms-flexbox;
  display: flex;
}
.rHeader__dropdownItem--user-buyer {
  padding-left: 8px;
}
.rHeader__dropdownItem--user-corporate {
  margin-top: 8px;
  font-weight: 600;
}
.rHeader__dropdownItem--user-animal {
  transition: all 0.2s;
  box-shadow: 0 2px 5px #555a5f inset;
  border-radius: 50%;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
}
.rHeader__dropdownItem--user h5 {
  line-height: 1.2;
  font-weight: 600;
  max-width: 300px;
}
.rHeader__dropdownItem--user p {
  font-size: 14px;
  color: #8a939b;
}
.rHeader__dropdownItem--user:hover {
  background-color: white;
}
.rHeader__dropdownItem--user:hover .rHeader__dropdownItem--user-animal {
  transform: rotate(8deg);
  box-shadow: 0 -2px 5px #555a5f inset;
}
.rHeader__dropdownItem--staff {
  cursor: pointer;
  border-top: 1px solid #dfdfdf;
  background-color: #f9fafb;
  padding: 10px;
  min-width: 300px;
}
.rHeader__dropdownItem--staff:hover .rHeader__contact--icon {
  opacity: 1;
  transform: translateY(0);
}
.rHeader__dropdownItem--staff--items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rHeader__dropdownItem--staff--items img {
  width: 60px;
  height: 60px;
  margin-left: 12px;
  border-radius: 50px;
  border: 2px solid #68d0e3;
  padding: 2px;
}
.rHeader__dropdownItem--staff--buyerItems {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rHeader__dropdownItem--staff--buyerItems img {
  width: 50px;
  height: 50px;
  margin-left: 12px;
  border-radius: 50px;
  border: 2px solid #68d0e3;
  padding: 2px;
}
.rHeader__dropdownItem--staff h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  font-weight: 600;
  max-width: 200px;
  margin-bottom: 4px;
}
.rHeader__dropdownItem--staff p {
  font-size: 13px;
  font-weight: 400;
  color: #6e767c;
}
.rHeader__dropdownItem--staff a {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: #6e767c;
}
.rHeader__dropdownItem--staff a .rHeader__contact--icon {
  position: absolute;
  top: 0;
  right: -23px;
}
.rHeader__dropdownItem--staff a:hover {
  text-decoration: underline;
}
.rHeader__contact--image {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rHeader__contact__image0 {
  position: absolute;
  right: 40px;
  top: -45px;
}
.rHeader__contact__image1 {
  position: absolute;
  right: 20px;
  top: -80px;
}
.rHeader__contact__image2 {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -45px;
}
.rHeader__contact--icon {
  transition: all 300ms;
  transform: translateY(-10px);
  opacity: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  font-size: 10px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  background: #68d0e3;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.rHeader__contact--icon__buyer {
  right: -5px;
  z-index: 2;
  top: -50px;
}
.rHeader__cash {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 54px;
}
.rHeader__cash--balance {
  color: white;
  padding: 0 12px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  background: #e91e63;
  transition: background 0.2s;
}
.rHeader__cash--balance:hover {
  background: #cd1a57;
}
.rHeader__cash--currency {
  font-size: 15px;
  line-height: 1;
}
.rHeader__cash--text {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1;
  font-size: 10px;
  padding-bottom: 3px;
}
@media (max-width: 1100px) {
  .responsive .rHeader__text {
    padding: 0 10px;
  }
}
/*** Header Search ***/
.rHeaderSearch {
  position: relative;
  z-index: 10;
}
.rHeaderSearch__input {
  position: relative;
  z-index: 10;
  width: 100%;
  background: #fff;
  border: none;
  margin-top: 4px;
  color: #555;
  font-size: 20px;
  font-weight: 200;
  padding-left: 40px;
  padding-right: 100px;
  height: 46px;
  line-height: 26px;
  outline: none;
  border-radius: 2px;
  transition: background 0.2s;
}
.rHeaderSearch__input::-ms-clear {
  display: none;
}
.rHeaderSearch__searchIcon {
  position: absolute;
  z-index: 11;
  left: 8px;
  top: 12px;
  font-size: 24px;
  color: #ccc;
}
.rHeaderSearch__clear {
  position: absolute;
  z-index: 10;
  right: 85px;
  top: 5px;
  padding: 5px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  transition: color 0.2s;
}
.rHeaderSearch__clear:hover {
  cursor: pointer;
  color: #f08080;
}
.rHeaderSearch__submit {
  position: absolute;
  top: 4px;
  height: 46px;
  line-height: 38px;
  right: 0;
  z-index: 10;
  border: none;
  border-left: 1px solid #ccc;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.05);
  background: linear-gradient(to bottom, #fff, #eee);
  transition: background 0.2s;
  letter-spacing: 0.5px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rHeaderSearch__submit:hover {
  background: rgba(0, 0, 0, 0.1);
}
.rHeaderSearch__submit:active {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px #aaa inset;
}
.rHeaderSearch__glass {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.rHeaderSearch__results {
  position: relative;
  top: 100%;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-top: none;
  z-index: 10;
}
.rHeaderSearch__result {
  position: relative;
  font-size: 15px;
  color: #555;
  padding: 4px 10px;
  padding-right: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rHeaderSearch__result:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.rHeaderSearch__result:hover {
  cursor: pointer;
}
.rHeaderSearch__result:active,
.rHeaderSearch__result.active,
.rHeaderSearch__result:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.rHeaderSearch__result.recent {
  color: #764191;
}
.rHeaderSearch__resultArrow {
  display: none;
  position: absolute;
  color: #888;
  font-size: 24px;
  top: 3px;
  right: 10px;
}
.rHeaderSearch__category {
  background: #fafafa;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 2px 10px;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  font-size: 13px;
}
a.rHeaderSearch__recentClear {
  float: right;
  font-size: 13px;
  color: #206ded;
  text-transform: none;
}
a.rHeaderSearch__recentClear:hover {
  cursor: pointer;
}
.rHeader--Cart {
  position: relative;
  font-size: 22px;
  max-width: 25px;
}
.rHeader--Cart__count {
  position: absolute;
  bottom: -70%;
  left: 60%;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: bold;
}
.rHeader--User {
  font-size: 22px;
  vertical-align: -4px;
}
/*** Our Idle Timer ***/
.rIdleTimer {
  color: #555;
  max-width: 600px;
  padding: 20px;
  background: #fff;
  text-align: left;
}
.rIdleTimer h1 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}
.rIdleTimer p {
  font-size: 16px;
  margin-bottom: 10px;
}
.rHeader__mobileHeader {
  padding: 24px;
  border-bottom: 1px solid #e2e7eb;
}
.rHeader__mobileHeader h4 {
  font-weight: 600;
}
.rHeader__mobileHeader .rHeader__cash--balance {
  margin-right: 0;
}
@media print {
  .rHeader {
    display: none;
  }
}
/*** General Module Formatting ***/
.rLandingModule {
  font-size: 15px;
  margin-bottom: 30px;
}
.rLandingModule h1 {
  font-size: 22px;
  font-weight: bold;
}
.rLandingModule__inner {
  background: #fff;
  border: 1px solid #dfdfdf;
  padding: 20px 0;
}
.rLandingModule__slider {
  position: relative;
}
.rLandingModule__slider .slick-dots {
  position: relative;
}
.rLandingModule__slider:hover .rLandingModule__arrow {
  visibility: visible;
  opacity: 1;
}
.rLandingModule__staticHero img {
  max-width: 100%;
  width: 100%;
}
.rLandingModule__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rLandingModule__header a {
  font-size: 16px;
  font-weight: 600;
}
.rLandingModule__arrow {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  font-size: 40px;
  z-index: 5;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dfdfdf;
  padding: 20px 8px;
  color: #666;
  transition: background 0.2s, color 0.2s, opacity 0.2s;
}
.rLandingModule__arrow:hover {
  cursor: pointer;
  background: #fff;
  color: #4f8cf1;
}
.rLandingModule__prevArrow {
  left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.rLandingModule__nextArrow {
  right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.rLandingModule__empty {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.rLandingModule__empty h5 {
  font-weight: normal;
  color: #5969e2;
  font-size: 20px;
}
.rLandingModule__empty p {
  margin-top: 20px;
  color: #888;
}
@media (max-width: 768px) {
  .responsive .rLandingModule__header {
    display: block;
    padding: 0 10px;
    margin-bottom: 5px;
  }
}
/*** Hero Slider ***/
.rLandingHero__slide {
  display: block;
  width: 100%;
}
.rLandingHero__slide img {
  width: 100%;
  max-height: 100%;
  display: block;
}
/*** Notices ***/
.rLanding__message {
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
  background: #fdf2f2;
  color: #e62424;
  padding: 10px 20px;
  font-size: 18px;
  text-align: center;
}
/*** Hero Carousel ***/
.rLandingDashCarousel {
  background: #eff2f4;
  padding: 0;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
.rLandingDashSummary {
  width: 460px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 15px;
}
.rLandingDashSummary h1 {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLandingDashSummary h2 {
  text-transform: uppercase;
  color: #999;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.rLandingDashHeader {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
}
.rLandingDashHeader > h1,
.rLandingDashHeader > p {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLandingDashStatus {
  float: right;
  font-size: 14px;
  background: #4f8cf1;
  color: #fff;
  padding: 0 4px;
  border-radius: 4px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .responsive .rLandingDashCarousel {
    display: block;
  }
  .responsive .rLandingDashSummary {
    width: 100%;
  }
}
/*** (AAEP) Disclaimers ***/
.rLandingDisclaimers {
  border: 1px solid #dfdfdf;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  background: #fff;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/horse_silhoutte.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.rLandingDisclaimers .fb-col-6 {
  border-right: 1px solid #efefef;
}
.rLandingDisclaimer {
  padding: 40px;
}
.rLandingDisclaimer h1 {
  font-size: 14px;
  text-transform: uppercase;
  color: #888;
  font-weight: bold;
}
.rLandingDisclaimer h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.rLandingDisclaimer p {
  font-size: 15px;
}
/*** New User ***/
.rLandingPendingGroups {
  border: 1px solid #dfdfdf;
  background: #fff;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 2px;
}
.rLandingNewUser__search {
  border: 1px solid #dfdfdf;
  background: #fff;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 2px;
}
.rLandingNewUser__search h1 {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}
.rLandingNewUser__search h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 18px;
}
.rLandingNewUser__search a {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 5px;
  display: inline-block;
  white-space: nowrap;
}
.rLandingNewUser__search .fb-col-2 {
  text-align: center;
}
.rLandingNewUser__help {
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
  padding: 40px 0 20px 0;
  text-align: center;
}
.rLandingNewUser__help h2 {
  color: #555;
  text-align: left;
}
.rLandingNewUser__help i {
  font-size: 60px;
  color: #999;
}
@media (max-width: 900px) {
  .responsive .rLandingNewUser__help h2 {
    margin-top: 10px;
    text-align: center;
    font-size: 17px;
  }
}
/*** Order Histories ***/
.rLandingOrders {
  border-top: 1px solid #fff;
  padding-top: 10px;
}
.rLandingOrderRow {
  display: block;
  color: #333;
  margin-bottom: 4px;
  font-size: 15px;
}
.rLandingOrderRow > div:last-child {
  text-align: right;
}
.rLandingOrderRowa:hover {
  color: #333;
}
.rLandingOrderRow--header {
  font-weight: bold;
  border-bottom: 1px solid #f1f1f1;
  font-size: 12px;
  color: #8a939b;
  margin-bottom: 5px;
  text-transform: uppercase;
}
/*** Medium Feed ***/
.rLandingBlog__image {
  height: 150px;
  background-size: cover;
  background-position: center center;
  width: 100%;
  margin-bottom: 15px;
}
.rLandingBlog__Entry {
  padding: 0 10px;
}
.rLandingBlog__Entry h2 {
  font-weight: normal;
  font-size: 19px;
}
/*** Discuss / Promotion Feed Items ***/
.rLandingFeedItem {
  padding: 10px 20px;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  oveflow: hidden;
}
.rLandingFeedItem > div {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLandingFeedItem a {
  font-size: 18px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLandingFeedItem p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLandingFeedItem img {
  max-width: 60px;
  max-height: 60px;
}
.rLandingFeedItem__image {
  width: 60px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/*** Feature Carousel ***/
.rLandingDashFeatures {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
a.rLandingDashFeature {
  width: 250px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border: 1px solid #efefef;
  padding: 10px 10px 0 10px;
  margin: 15px 5px;
  color: #333;
  transition: box-shadow 0.2s;
}
a.rLandingDashFeature h1 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 20px;
  border-bottom: 5px solid #afcc5a;
  margin-bottom: 10px;
}
a.rLandingDashFeature p {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  height: 70px;
}
a.rLandingDashFeature img {
  max-width: 100%;
}
a.rLandingDashFeature:hover {
  color: #333;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
a.rLandingDashFeature--2 h1 {
  border-bottom-color: #4f8cf1;
}
a.rLandingDashFeature--3 h1 {
  border-bottom-color: #57c559;
}
a.rLandingDashFeature--4 h1 {
  border-bottom-color: #eb5252;
}
a.rLandingDashFeature--5 h1 {
  border-bottom-color: #e5c380;
}
.Ledger h1 {
  font-weight: bold;
  letter-spacing: 0.25px;
  font-size: 52px;
  line-height: 1.2;
}
.Ledger h2 {
  font-weight: 600;
}
.Ledger h3 {
  font-weight: 600;
}
.Ledger h4 {
  font-weight: 600;
}
.Ledger h5 {
  font-weight: normal;
  font-size: 18px;
}
.Ledger h6 {
  font-weight: normal;
}
.Ledger strong {
  font-weight: 600;
}
.Ledger__Balance {
  margin-top: -109px;
  background: #e91e63;
  background-image: linear-gradient(to right top, #e91e63, #9c55aa);
  color: white;
  margin-bottom: -170px;
  height: 560px;
  overflow: hidden;
}
.Ledger__Balance__image {
  padding-top: 150px;
  padding-bottom: 500px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/patterns/giftcards_vetcove.png);
  background-repeat: repeat;
}
.Ledger__Balance__error {
  text-align: right;
}
.Ledger__Balance__dollars {
  text-align: right;
}
.Ledger__Balance__dollars h5 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
}
.Ledger__Balance__icon {
  padding-top: 6px;
  font-size: 80px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.Ledger__Balance__content {
  padding-left: 18px;
}
.Ledger__Balance__extra {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.Ledger__Balance__help {
  text-align: right;
  line-height: 1;
}
.Ledger__Balance__help a {
  transition: all 0.2s;
  color: white;
  opacity: 0.8;
}
.Ledger__Balance__help a:hover {
  opacity: 1;
}
.Ledger__TableNavigation {
  background: white;
  border: 1px solid #e2e7eb;
  border-bottom: none;
  padding: 16px 16px 16px 40px;
  border-radius: 3px 3px 0 0;
}
.Ledger__TableNavigation h2 {
  font-size: 28px;
}
.Ledger__Navigation__item {
  margin-right: 18px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 2px 12px;
  border-radius: 6px;
  color: white;
  transition: all 0.2s;
  font-size: 18px;
}
.Ledger__Navigation__item:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Ledger__Navigation__item:not(.Ledger__Navigation__item--active):hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.Ledger__Navigation__item--active {
  background-color: white;
  color: #e91e63;
}
.Ledger__HelpIcon {
  padding-left: 4px;
  cursor: pointer;
}
.Ledger__HelpIcon dt {
  font-weight: 600;
}
.Ledger__HelpIcon dd {
  line-height: 1.4;
  margin: 0;
  margin-bottom: 8px;
}
.Ledger__Table--pending {
  font-style: italic;
  color: #cdd6dd;
}
.Ledger__Table__intercom {
  color: #4f8cf1;
  cursor: pointer;
}
.Ledger__Table__permissionDenied {
  text-align: center;
  color: white;
}
.Ledger__Table__permissionDenied h5 {
  font-size: 24px;
}
.Ledger__Table__permissionDenied p {
  font-size: 15px;
}
.Ledger__Table__Loyalty {
  max-width: 420px;
}
.Ledger__Table__Loyalty p {
  margin-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}
.Ledger__Table__Campaign-sub-item {
  margin-left: 20px;
  max-width: 420px;
}
.Ledger__Table__Campaign-item {
  margin-top: 5px;
}
.Ledger__Table__Campaign-table {
  margin-bottom: 10px;
}
.Ledger__Table__Campaign-table .ReactTable {
  border-top-style: solid !important;
}
.Ledger__Table__Campaign-disclaimer {
  color: #ef5d8f;
  font-size: 14px;
}
.Ledger__Table__SubComponent {
  padding: 20px 35px;
  background: #f9fafb;
}
.Ledger__Table__SubComponent h4 {
  margin-top: 12px;
  font-weight: 600;
}
.Ledger__Table__SubComponent description {
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}
.Ledger__Table__tracking:first-child {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e2e7eb;
}
.Ledger__Table__tracking p {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.Ledger__Table__tracking p strong {
  padding-right: 8px;
}
.Ledger__PendingIcon {
  font-style: normal;
}
.Ledger__PendingIcon--posted {
  color: #57c559;
}
.Ledger__PendingIcon--pending {
  color: #eea314;
}
.Ledger__StatusKey {
  border-top: 0;
  margin-bottom: 20px;
}
.Ledger__StatusKey__Item {
  margin-right: 12px;
}
.Ledger__DebitDetails__redeemInstructions {
  margin-left: 4px;
  padding-left: 10px;
  border-left: 1px solid #dadada;
}
.Ledger__DebitDetails__redeemInstructions p {
  display: block;
}
.Ledger__DebitDetails__redeemHeader {
  text-decoration: underline;
  -webkit-text-decoration-color: #dadada;
          text-decoration-color: #dadada;
}
.Ledger__LandingInfoBox {
  border-style: dotted;
  margin-top: 36px;
}
.Ledger__LandingInfoBox h3 {
  font-size: 20px;
  font-weight: normal;
}
.Ledger__LandingInfoBox h4 {
  font-size: 15px;
  font-weight: normal;
  opacity: 0.9;
}
.Ledger__LandingInfoBox__Button {
  margin-top: 20px;
}
.Ledger__DebitItem {
  margin-bottom: 20px;
}
.Ledger__CreditItem {
  margin-bottom: 20px;
}
.Ledger__RewardsList {
  position: relative;
}
.Ledger__RewardsList__extraMessageContainer {
  position: absolute;
  z-index: 10;
  top: 30%;
  left: 50%;
  margin-left: -400px;
}
.Ledger__RewardsList__extraMessage {
  border-radius: 3px;
  background-color: rgba(85, 90, 95, 0.8);
  width: 800px;
}
.Ledger__RewardsList__extraMessage-content {
  max-width: 800px;
  text-align: center;
  color: white !important;
  padding: 60px 12px;
}
.Ledger__RewardsList__extraMessage-content h3 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 5px;
}
.Ledger__RewardsList__extraMessage-content p {
  font-size: 16px;
  line-height: 1.2;
}
.Ledger__RewardsList__extraMessage-content p a {
  color: #c0d6fa;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .Ledger__RewardsList__extraMessage {
    top: 100px;
    margin-left: calc((100vw / 2) * -1);
  }
  .Ledger__RewardsList__extraMessageBox {
    width: 100vw;
  }
}
.Ledger__RewardsList__footer {
  margin: 50px auto;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  color: #bab8b8;
}
.Ledger__RewardsList__errorMessage {
  text-align: center;
  color: white;
}
.Ledger__RewardsList__corporateRedeem {
  text-align: center;
  padding: 100px;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  background-color: white;
  width: 100%;
  opacity: 0.8;
}
.Ledger__RewardsList__corporateRedeem h1 {
  font-size: 24px;
}
.Ledger__RewardsList__corporateRedeem h3 {
  font-size: 16px;
  margin-top: 24px;
}
.Ledger__RewardsList__corporateRedeem .message {
  max-width: 600px;
  margin: 0 auto;
}
.Ledger__RewardsList__infoBanner {
  margin: 10px 0 20px;
}
.Ledger__RewardsList__infoBanner p {
  font-size: 15px;
  margin: 5px 0;
}
.Ledger__RewardsList__infoBanner__title {
  font-size: 20px;
}
.Ledger__KindIcon span {
  display: inline-block;
}
.Ledger__KindIcon__icon {
  min-width: 25px;
}
.Ledger__RewardItem {
  padding: 0;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  border: 4px solid #fff;
  transition: box-shadow 0.3s;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.Ledger__RewardItem.disabled::after {
  position: absolute;
  content: ' ';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(249, 250, 251, 0.9);
}
.Ledger__RewardItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Ledger__RewardItem:hover .Ledger__RewardItem__image-container {
  transform: scale(1.05);
}
.Ledger__RewardItem__prizeValue {
  padding: 5px;
  border: 1px solid #dadada;
  margin-right: 5px;
  border-radius: 12px;
  min-width: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.2s;
  max-width: 56px;
  opacity: 0.5;
  cursor: not-allowed;
}
.Ledger__RewardItem__prizeValue.enabled {
  opacity: 1;
  cursor: unset;
  border-color: #e91e63;
  color: #e91e63;
}
.Ledger__RewardItem__prizeValue.enabled:hover {
  background: #e91e63;
  color: #fff;
}
.Ledger__RewardItem h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding: 12px;
}
.Ledger__RewardItem__image {
  height: 250px;
  overflow: hidden;
}
.Ledger__RewardItem__image-container {
  transition: transform 0.5s;
  height: 250px;
  background-position: center center;
  background-size: cover;
  border-bottom: 1px solid #e2e7eb;
  text-align: center;
}
.Ledger--ClaimOverlay {
  padding-bottom: 10px;
}
.Ledger--ClaimOverlay__balanceLoading {
  padding-top: 5px;
  padding-right: 5px;
}
.Ledger--ClaimOverlay__feeMessage {
  text-align: center;
  padding-bottom: 5px;
}
.Ledger--ClaimOverlay__minBalanceMessage {
  text-align: center;
  margin-top: 5px;
}
.Ledger--ClaimOverlay__balance {
  padding-top: 10px;
  border-bottom: 1px solid #e2e7eb;
}
.Ledger--ClaimOverlay__balance h3 {
  font-weight: normal;
}
.Ledger--ClaimOverlay__button {
  min-width: 618px;
}
.Ledger--ClaimOverlay__form {
  padding-top: 12px;
  padding-bottom: 24px;
}
.Ledger--ClaimOverlay__selectFields {
  text-align: center;
}
.Ledger--ClaimOverlay__selectFields p {
  font-size: 15px;
  line-height: 1.6;
  max-width: 500px;
  margin: auto;
}
.Ledger--ClaimOverlay__terms {
  margin-top: 12px;
  text-align: center;
  color: #4f8cf1;
  font-size: 13px;
}
.Ledger--ClaimOverlay__termsLink {
  color: #8a939b;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.3px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}
.Ledger--ClaimOverlay__termsLink:hover {
  color: #6e767c;
  border-bottom: 1px solid #6e767c;
}
.Ledger--ClaimOverlay__termsText {
  text-align: center;
  max-width: 500px;
  margin: auto;
  color: #bab8b8;
  font-size: 11px;
  margin-top: 5px;
}
.Ledger--ClaimOverlay__amountInput {
  margin-top: 12px;
}
.Ledger--ClaimOverlay__submit {
  margin-top: 12px;
}
.Ledger--ClaimOverlay__radioGroup {
  margin-top: 12px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Ledger--ClaimOverlay__radioButton {
  width: 100%;
  margin: 0 5px;
}
.Ledger--ClaimOverlay__radioButton:first-child {
  margin-left: 0;
}
.Ledger--ClaimOverlay__radioButton:last-child {
  margin-right: 0;
}
.Ledger--ClaimOverlay__remainingBalance {
  padding-top: 10px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
}
.Ledger--ClaimOverlay__image {
  display: block;
  padding-top: 10px;
  margin: 20px auto;
  max-height: 200px;
}
.Ledger--ClaimOverlay__addressTip {
  margin-top: 12px;
}
.Ledger--ClaimOverlay__confirmAddress {
  margin-top: 20px;
  min-height: 45px;
}
.Ledger--ClaimOverlay__howItWorks {
  margin-top: 12px;
  font-size: 12px;
  color: #bab8b8;
}
.Ledger--CheckView {
  position: relative;
  margin: 10px 0;
}
.Ledger--CheckView p {
  font-size: 16px;
}
@media screen and (max-width: 1000px) {
  .Ledger--CheckView p {
    font-size: 1.9vmin;
  }
}
.Ledger--CheckView__image {
  display: block;
  width: 100%;
  height: auto;
}
.Ledger--CheckView__amountWords {
  left: 5%;
  position: absolute;
  top: 50%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
}
.Ledger--CheckView__amountDollars {
  position: absolute;
  top: 36.2%;
  left: 85%;
  font-weight: 600;
}
.Ledger--CheckView__name {
  position: absolute;
  font-weight: 600;
  top: 37%;
  left: 15%;
}
.Ledger--CheckView__address {
  top: 63.5%;
  left: 14%;
  position: absolute;
  font-weight: 600;
}
.Ledger--CheckView__date {
  position: absolute;
  top: 17.5%;
  right: 7%;
  font-weight: 600;
}
.Ledger__ClaimSuccess {
  text-align: center;
  padding: 20px;
}
.Ledger__ClaimSuccess h2 {
  font-weight: bold;
  color: #57c559;
}
.Ledger__ClaimSuccess h3 {
  font-weight: normal;
  margin-bottom: 12px;
}
.Ledger__ClaimSuccess__successText {
  font-size: 15px;
  line-height: 1.6;
  max-width: 500px;
  margin: 20px auto;
}
.Ledger__ClaimSuccess__termsText {
  text-align: center;
  max-width: 500px;
  margin: auto;
  color: #bab8b8;
  font-size: 11px;
  margin-top: 30px;
}
.Ledger__ClaimSuccess__image {
  max-height: 200px;
  margin: 20px auto;
}
.Ledger__ClaimSuccess__credentialBox {
  background-color: #fafafa;
}
.Ledger__ClaimSuccess__credential {
  font-weight: bold;
  font-size: 30px;
  color: #e91e63;
}
.Ledger__ClaimSuccess__copy {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 22px 12px;
  cursor: pointer;
  border: 1px solid #dadada;
  border-left: 0;
  font-size: 18px;
  position: relative;
}
.Ledger__ClaimSuccess__copy.copied {
  background-color: #eff2f4;
}
.Ledger__ClaimSuccess__copy:hover {
  background-color: #eff2f4;
}
.Ledger__ClaimSuccess__instructionsTitle {
  padding: 12px 0px;
  border-top: 1px solid #dadada;
  text-decoration: underline;
  -webkit-text-decoration-color: #dadada;
          text-decoration-color: #dadada;
}
.Ledger__ClaimSuccess__instructions {
  font-size: 15px;
  line-height: 1.6;
  max-width: 500px;
  margin: auto;
  display: inline-block;
}
.Ledger__ClaimSuccess__instructions ol {
  margin: 0;
}
.Ledger__ClaimSuccess__intercom {
  cursor: pointer;
  color: #4f8cf1;
}
.Ledger__ClaimError {
  text-align: center;
  padding: 20px;
}
.Ledger__ClaimError__errorText {
  font-size: 15px;
  line-height: 1.6;
  max-width: 500px;
  margin: 20px auto;
}
.Ledger__ClaimError__action {
  cursor: pointer;
  color: #4f8cf1;
}
.Ledger__ClaimCode {
  text-align: center;
  padding: 20px;
}
.Ledger__ClaimCode h3 {
  font-weight: normal;
  margin-bottom: 4px;
}
.Ledger__ClaimCode h5 {
  line-height: 1.6;
  margin-bottom: 12px;
  font-size: 16px;
}
.Ledger__ClaimCode__link {
  cursor: pointer;
  color: #4f8cf1;
}
.Ledger__ClaimCode__intercom {
  cursor: pointer;
  color: #4f8cf1;
}
.Ledger__ClaimCode__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
}
.Ledger .ReactTable {
  border-top: 1px dashed #eaeaea;
}
.Ledger--PermissionDenied {
  text-align: center;
  padding: 40px 30px 20px 30px;
  color: #555a5f;
}
.Ledger--PermissionDenied h5 {
  margin: 20px auto 10px auto;
  font-weight: normal;
  font-size: 20px;
  max-width: 450px;
}
.Ledger--PermissionDenied p {
  font-size: 16px;
  max-width: 450px;
  margin: 0 auto;
}
.Ledger--PermissionDenied__intercom {
  cursor: pointer;
  color: #4f8cf1;
}
@media screen and (max-width: 999px) {
  .responsive .Ledger__Balance {
    text-align: center;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .responsive .Ledger__Balance__dollars {
    text-align: center;
    padding: 20px 0;
  }
  .responsive .Ledger__Balance__icon {
    text-align: center;
  }
  .responsive .Ledger__Balance__image {
    padding-bottom: 0;
  }
  .responsive .Ledger__Balance__help {
    margin-top: 24px;
    padding-right: 24px;
  }
  .responsive .Ledger__Balance__help h3 {
    font-size: 14px;
  }
  .responsive .Ledger__Balance__image {
    z-index: -1;
  }
  .responsive .Ledger__Navigation {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
        flex-direction: column;
    justify-self: flex-start;
  }
  .responsive .Ledger__Navigation__item {
    margin: 0 0 12px;
  }
  .responsive .Ledger__RewardItem__prizeValues {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
/*** Misc. Elements ***/
.rLoyalty__comingSoon {
  border-radius: 10px;
  padding: 20px 40px;
  font-size: 28px;
  border: 3px solid #eee;
  background: #eee;
  color: #8a939b;
  text-align: center;
}
.rLoyaltyItem__label {
  background: #57c559;
  color: #fff;
  border-radius: 10px;
  padding: 2px 10px;
  font-weight: bold;
  font-size: 16px;
  border: 3px solid #fff;
}
/*** Program Banner ***/
.rLoyaltyBanner {
  position: relative;
  background: #eee;
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.rLoyaltyBanner__header {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 20px 20px 50px 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}
.rLoyaltyBanner__header h1 {
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}
.rLoyaltyBanner__header h3 {
  font-size: 14px;
  color: #555;
  font-weight: normal;
}
.rLoyaltyBanner__header h3:hover {
  cursor: pointer;
}
.rLoyaltyBanner__header__without__gradient {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 20px 20px 50px 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  background: none;
}
.rLoyaltyBanner__header__without__gradient h1 {
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}
.rLoyaltyBanner__header__without__gradient h3 {
  font-size: 14px;
  color: #555;
  font-weight: normal;
}
.rLoyaltyBanner__header__without__gradient h3:hover {
  cursor: pointer;
}
.rLoyaltyBanner__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  min-height: 150px;
  padding: 50px 20px 20px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}
.rLoyaltyBanner__dates {
  width: 250px;
}
.rLoyaltyBanner__dates h2 {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.rLoyaltyBanner__dates p {
  font-size: 15px;
  color: #fff;
  opacity: 0.7;
  text-align: center;
}
@media (max-width: 800px) {
  .responsive .rLoyaltyBanner__header,
  .responsive .rLoyaltyBanner__footer {
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .responsive .rLoyaltyBanner__dates {
    margin-top: 20px;
  }
}
/*** Program Dates ***/
.rLoyaltyDateProgress {
  margin: 3px 0;
  position: relative;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
}
.rLoyaltyDateProgress__progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: inherit;
}
/*** Program Ad Banner ***/
.rLoyaltySearchBanner__outer {
  position: relative;
  display: block;
}
a.rLoyaltySearchBanner {
  display: block;
  position: relative;
  border: 1px solid red;
  margin-bottom: 20px;
  min-height: 200px;
  background: #fff;
  border: 1px solid #d6d6d6;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("https://s3.amazonaws.com/vetcove-staging/media/vendors/programs/backgrounds/052e25e4f1a9400196bf20eac8df5ac4_3.png");
  transition: box-shadow 0.2s;
}
a.rLoyaltySearchBanner:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
a.rLoyaltySearchBanner .rLoyaltySearchBanner__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #d6d6d6;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  color: #646d74;
}
a.rLoyaltySearchBanner .rLoyaltySearchBanner__footer h4 {
  font-weight: bold;
}
a.rLoyaltySearchBanner .rLoyaltySearchBanner__footer h5 {
  font-weight: normal;
  letter-spacing: 0.2px;
  font-size: 15px;
  opacity: 0.9;
}
a.rLoyaltySearchBanner .rLoyaltySearchBanner__label {
  background: #57c559;
  color: #fff;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 14px;
}
.rLoyaltySearchBanner__dismiss {
  position: absolute;
  top: 1px;
  right: 1px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 20px;
  padding: 0 10px;
  border-bottom-left-radius: 3px;
  transition: background 0.2s, color 0.2s;
}
.rLoyaltySearchBanner__dismiss:hover {
  cursor: pointer;
  background: #fff;
  color: #eb5252;
}
/*** List Enrollment Bar ***/
.rLoyaltyStatusBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background: #fff;
  padding: 15px 20px;
  color: #707a82;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: normal;
}
@media (max-width: 800px) {
  .responsive .rLoyaltyStatusBar {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .responsive .rLoyaltyStatusBar > div {
    padding-bottom: 10px;
  }
}
.rLoyaltyItem__headerMeta {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 50px 20px 10px 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 50px, rgba(0, 0, 0, 0));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyItem__headerMeta h1 {
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}
.rLoyaltyItem__headerMeta h3 {
  font-size: 14px;
  color: #555;
  font-weight: normal;
}
.rLoyaltyItem__headerMeta h3:hover {
  cursor: pointer;
}
.rLoyaltyItem__stats {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.rLoyaltyItem__stats h1 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.rLoyaltyItem__stats p {
  font-size: 16px;
  color: #8a939b;
}
.rLoyaltyItem__stats > div {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  height: 140px;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.rLoyaltyItem__stats > div h2 {
  font-size: 60px;
  line-height: 1.2;
  color: #4f8cf1;
}
.rLoyaltyItem__stats > div h3 {
  color: #8a939b;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
}
.rLoyaltyItem__stats > div:not(:last-child) {
  border-right: 1px dashed #e6e6e6;
}
@media (max-width: 768px) {
  .responsive .rLoyaltyItem__stats > div h2 {
    font-size: 30px;
    line-height: 1.2;
    color: #4f8cf1;
  }
  .responsive .rLoyaltyItem__stats > div h3 {
    font-size: 13px;
  }
}
section.rLoyaltyItem__highlights p {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  color: #8a939b;
}
section.rLoyaltyItem__highlights img {
  max-width: 100%;
}
section.rLoyaltyItem__highlights .terms {
  font-size: 24px;
}
.rLoyaltyItem__icon {
  margin-right: 10px;
  color: #57c559;
}
.rLoyalty_Item__programDescription {
  -ms-flex: 4 4 auto;
      flex: 4 4 auto;
}
.rLoyaltyItem__view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px 0;
}
.rLoyaltyItem__viewDescription {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 4 4 auto;
      flex: 4 4 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 40px;
  padding: 20px 10px;
  background: #fff;
  border: 1px solid #dfdfdf;
}
.rLoyaltyItem__viewDescription h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rLoyaltyItem__viewDescription h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rLoyaltyItem__viewDescription h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rLoyaltyItem__viewDescription p:not(:last-child) {
  padding-bottom: 20px;
}
.rLoyaltyItem__viewSide {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex: 2 1 10%;
      flex: 2 1 10%;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 10px;
  border: 1px solid #dfdfdf;
  background: #f6f9fc;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}
.rLoyaltyItem__viewItem .title {
  font-size: 24px;
  text-decoration: underline;
  font-weight: bold;
}
.rLoyaltyItem__viewItem:not(:first-child) {
  margin-top: 20px;
}
.rLoyaltyItem__viewItem .how p:not(:first-child) {
  margin-top: 10px;
}
.rLoyaltyItem__viewItem img {
  float: right;
  max-width: 200px;
  max-height: 130px;
}
.rLoyalty__card {
  display: block;
  background: #fff;
  transition: border-color 0.2s;
  border: 1px solid #dfdfdf;
}
.rLoyalty__card:hover {
  border-color: #cfcfcf;
  cursor: pointer;
}
.rLoyalty__card:not(:last-child) {
  margin-bottom: 20px;
}
.rLoyaltyItem {
  position: relative;
  padding: 30px 0 20px 0;
}
.rLoyaltyItem h1 {
  font-size: 24px;
}
.rLoyaltyItem h2 {
  font-size: 16px;
  text-transform: uppercase;
  color: #555;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.rLoyaltyItem h3 {
  font-size: 14px;
  color: #4f8cf1;
  font-weight: normal;
}
.rLoyaltyItem h3:hover {
  cursor: pointer;
}
.rLoyaltyItem:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.rLoyaltyItem__program {
  position: relative;
  padding: 20px 10px;
  margin: 0;
  color: #424770;
}
.rLoyaltyItem__program h1 {
  font-size: 24px;
}
.rLoyaltyItem__program h2 {
  font-size: 16px;
  color: #4f8cf1;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.rLoyaltyItem__program h3 {
  font-size: 14px;
  color: #555;
  font-weight: normal;
}
.rLoyaltyItem__program h3:hover {
  cursor: pointer;
}
.rLoyaltyItem__program img {
  max-width: 200px;
  max-height: 130px;
}
.rLoyaltyItem__timeRemaining h2 {
  font-size: 20px;
  color: #4f8cf1;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.rLoyaltyItem__viewMarkdown h1 {
  font-size: 20px;
  font-weight: bold;
}
.rLoyaltyItem__viewMarkdown h2 {
  font-size: 18px;
  font-weight: bold;
}
.rLoyaltyItem__viewMarkdown h3 {
  font-size: 16px;
  font-weight: bold;
}
.rLoyaltyItem__viewDate h1 {
  font-size: 20px;
}
.rLoyaltyItem__viewDate h2 {
  font-size: 20px;
  color: #4f8cf1;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.rLoyaltyItem__viewDate .date {
  font-weight: bold;
}
.rLoyaltyItem--disabled {
  opacity: 0.4;
  display: none;
}
.rLoyaltyItem__total {
  position: relative;
  position: absolute;
  top: 30px;
  right: 0;
  text-align: right;
}
.rLoyaltyItem__total h1 {
  font-weight: normal;
  color: #4f8cf1;
}
/*******/
.rLoyaltyBar {
  position: relative;
  height: 20px;
  width: 100%;
  background: #f2f2f2;
  border-radius: 5px;
  box-shadow: inset 0 0 12px #ccc;
  margin-top: 50px;
  margin-bottom: 30px;
}
.rLoyaltyProgressOld {
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 60%;
  opacity: 0.8;
  border-radius: 5px;
  transition: width 1s;
}
.rLoyaltyProgressOld--1 {
  z-index: 4;
  background: repeating-linear-gradient(45deg, #4f8cf1, #4f8cf1 10px, #8eb5f6 10px, #8eb5f6 20px);
}
.rLoyaltyProgressOld--2 {
  z-index: 3;
  background: repeating-linear-gradient(45deg, #5969e2, #5969e2 10px, #4355de 10px, #4355de 20px);
}
.rLoyaltyProgressOld--3 {
  z-index: 2;
  background: repeating-linear-gradient(45deg, #57c559, #57c559 10px, #44be46 10px, #44be46 20px);
}
.rLoyaltyProgressOld--4 {
  z-index: 2;
  background: repeating-linear-gradient(45deg, #eea314, #eea314 10px, #d99410 10px, #d99410 20px);
}
.rLoyaltyProgressOld--tophalf {
  height: 50%;
  top: 0;
  z-index: 6;
}
.rLoyaltyProgressOld--bottomhalf {
  height: 50%;
  bottom: 0;
  z-index: 6;
}
.rLoyaltyMark {
  position: absolute;
  z-index: 5;
  left: 40%;
  height: 100%;
}
.rLoyaltyMark::after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.rLoyaltyMark::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #f1f2fd transparent;
}
.rLoyaltyMark.large .rLoyaltyMark__top {
  font-size: 24px;
}
.rLoyaltyMark__top {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  bottom: 100%;
  width: 150px;
  left: -75px;
  text-align: center;
  padding-bottom: 5px;
}
.rLoyaltyMark__bottom {
  position: absolute;
  top: 100%;
  width: 150px;
  left: -75px;
  text-align: center;
  font-size: 16px;
  padding-top: 5px;
}
.rLoyaltyMark--right {
  text-align: right;
  left: auto;
  right: 0;
}
.rLoyaltyMark--right::after,
.rLoyaltyMark--right::before {
  display: none;
}
.rLoyaltyMark--right .rLoyaltyMark__top,
.rLoyaltyMark--right .rLoyaltyMark__bottom {
  left: 0;
  right: auto;
  width: auto;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLoyaltyMark--left {
  text-align: left;
  left: 0;
}
.rLoyaltyMark--left::after,
.rLoyaltyMark--left::before {
  display: none;
}
.rLoyaltyMark--left .rLoyaltyMark__top,
.rLoyaltyMark--left .rLoyaltyMark__bottom {
  left: 0;
  right: auto;
  width: auto;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*******/
.rLoyalty__how {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #fafafa;
}
.rLoyalty__how h1 {
  font-size: 24px;
  text-decoration: underline;
  font-weight: bold;
}
.rLoyalty__how h4 {
  font-weight: bold;
}
.rLoyalty__total {
  text-align: center;
  background: #f9f9f9;
  border-radius: 10px;
  border: 5px solid #eee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rLoyalty__total h1 {
  font-size: 60px;
  line-height: 1.2;
  font-weight: 200;
  color: #57c559;
  padding-top: 5px;
}
.rLoyalty__total p {
  text-transform: uppercase;
  font-size: 16px;
  color: #999;
}
.rLoyalty__payout {
  font-size: 18px;
}
.rLoyalty__payout img {
  max-width: 100%;
}
.rLoyalty__payoutQuarter {
  border-bottom: 1px solid #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 4px 0;
  margin-right: 20px;
  font-size: 18px;
}
.rLoyalty__payoutQuarter > div {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.rLoyalty__payoutQuarter > div:first-child {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.rLoyalty__payoutQuarter > div:last-child {
  text-align: right;
  font-weight: 600;
}
.rLoyalty__payoutQuarter:last-child {
  border-bottom: none;
}
.rLoyaltyCategories {
  background: #fff;
  border: 1px solid #dfdfdf;
}
.rLoyaltyCategories__extraContent {
  padding: 20px 10px 0;
}
.rLoyaltyCategories__headers {
  font-size: 24px;
  text-align: center;
  transition: all 0.2s;
  opacity: 0.5;
  padding: 30px;
  border-bottom: 2px solid transparent;
}
.rLoyaltyCategories__headers .barnyard-AnimalIcon {
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/search/species_orange.png);
}
.rLoyaltyCategories__headers:hover {
  opacity: 0.8;
  cursor: pointer;
  border-bottom: 2px solid #b9d1f9;
}
.rLoyaltyCategories__headers:hover.zoetis {
  border-bottom-color: #ffc2a5;
}
.rLoyaltyCategories__headers:hover.bi {
  border-bottom-color: #cfdbe7;
}
.rLoyaltyCategories__headers .name {
  font-weight: 600;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #8a939b;
}
.rLoyaltyCategories__headers.selected {
  opacity: 1;
  border-bottom: 2px solid #4f8cf1;
}
.rLoyaltyCategories__headers.selected.zoetis {
  border-bottom-color: #ff671e;
}
.rLoyaltyCategories__headers.selected.bi {
  border-bottom-color: #87A6C2;
}
.rLoyaltyProgramProgress {
  border-top: 1px dashed #e6e6e6;
  transition: all 0.5s ease-in-out;
  max-height: 0;
  opacity: 0;
}
.rLoyaltyProgramProgress .stats {
  text-align: center;
}
.rLoyaltyProgramProgress .stats h2 {
  color: #8a939b;
}
.rLoyaltyProgramProgress .stats h3 {
  color: #a2acb5;
}
.rLoyaltyProgramProgress .stats h3 strong {
  color: #4f8cf1;
}
.rLoyaltyProgramProgress .stats h5 {
  font-size: 14px;
  color: #a2acb5;
}
.rLoyaltyProgramProgress.visible {
  max-height: 1000px;
  opacity: 100%;
  padding: 20px;
}
.rLoyaltyProgramProgress.additionalDetails {
  text-align: center;
  color: #8a939b;
}
.rLoyaltyProgramProgress.disclaimer {
  padding: 20px 200px;
}
.rLoyaltyProgramProgress__note {
  text-align: center;
  padding: 0 50px;
  max-width: 800px;
}
.rLoyaltyProgramProgress__note h3 {
  color: #8a939b;
}
.rLoyaltyProgramProgress__contact {
  border-top: 1px dashed #e6e6e6;
  text-align: center;
  padding: 20px 0;
  color: #8a939b;
  font-weight: bold;
}
.rLoyaltyRebatePercentage {
  width: 100%;
}
.rLoyaltyRebatePercentage:nth-child(odd) {
  background-color: #f9fafb;
}
.rLoyaltyRebatePercentage:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rLoyaltyRebatePercentage__percentage {
  width: 150px;
  padding: 20px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  text-align: center;
}
.rLoyaltyRebatePercentage__percentage h1 {
  font-size: 48px;
  font-weight: 700;
}
.rLoyaltyRebatePercentage__percentage h2 {
  font-size: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #a2acb5;
}
.rLoyaltyRebatePercentage__items {
  padding: 20px;
  padding-left: 0;
}
.rLoyaltyRebatePercentage__items .tag {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #e2e7eb;
  padding: 0 5px;
  color: #6e767c;
  transition: all 0.2s;
}
.rLoyaltyRebatePercentage__items .tag:hover {
  color: #4f8cf1;
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rLoyaltyRebatePercentage__items .tag:active {
  box-shadow: unset;
}
.rLoyaltyRebatePercentage__items .tag h1 {
  font-size: 18px;
  font-weight: bold;
}
.rLoyaltyRebatePercentage__items .tag h2 {
  font-size: 16px;
}
.rLoyaltyRebatePercentage__items .tag .image {
  padding: 5px;
  width: 100px;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  margin-right: 10px;
}
.rLoyaltyRebatePercentage__items .tag .image img {
  max-height: 50%;
  max-width: 100%;
}
.rLoyaltyMinimumUnits {
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #cdd6dd;
  color: #6e767c !important;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  max-width: calc(50% - 20px) !important;
  color: #555a5f;
  transition: box-shadow 0.2s;
}
@media (max-width: 1100px) {
  .rLoyaltyMinimumUnits {
    max-width: calc(100% - 20px) !important;
  }
}
.rLoyaltyMinimumUnits:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rLoyaltyMinimumUnits:hover a {
  color: unset;
  text-decoration: unset;
}
.rLoyaltyMinimumUnits h1 {
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.rLoyaltyMinimumUnits h2 {
  color: #8a939b;
  font-size: 16px;
}
.rLoyaltyMinimumUnits h3,
.rLoyaltyMinimumUnits h4 {
  font-size: 16px;
}
.rLoyaltyMinimumUnits a {
  color: unset;
}
.rLoyaltyMinimumUnits__check {
  font-size: 32px;
  color: #eb5252;
}
.rLoyaltyMinimumUnits__check.is_checked {
  color: #57c559;
}
.rLoyaltyMinimumUnits__progress {
  max-width: 100% !important;
  margin: 10px 0;
}
.rLoyaltyMinimumUnits__minimum {
  padding: 10px;
  color: #6e767c;
}
.rLoyaltyMinimumUnits__minimum .rebate {
  font-size: 18px;
  font-weight: bold;
}
.rLoyaltyMinimumUnits__minimum:not(:first-child) {
  border-left: 1px dashed #b8c4ce;
}
.rLoyaltyFreeItem {
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #cdd6dd;
  color: #6e767c !important;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
  color: #555a5f;
  transition: box-shadow 0.2s;
}
.rLoyaltyFreeItem:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rLoyaltyFreeItem:hover a {
  color: unset;
  text-decoration: unset;
}
.rLoyaltyFreeItem h1 {
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.rLoyaltyFreeItem h2 {
  color: #8a939b;
  font-size: 16px;
}
.rLoyaltyFreeItem h3,
.rLoyaltyFreeItem h4 {
  font-size: 16px;
}
.rLoyaltyFreeItem a {
  color: unset;
}
.rLoyaltyFreeItem__check {
  font-size: 32px;
  color: #eb5252;
}
.rLoyaltyFreeItem__check.is_checked {
  color: #57c559;
}
.rLoyaltyFreeItem__progress {
  max-width: 100% !important;
  margin: 10px 0;
}
.rLoyaltyFreeItem__minimum {
  padding: 10px;
  color: #6e767c;
}
.rLoyaltyFreeItem__minimum .rebate {
  font-size: 18px;
  font-weight: bold;
}
.rLoyaltyFreeItem__minimum:not(:first-child) {
  border-left: 1px dashed #b8c4ce;
}
.rLoyaltyRebateBox {
  padding: 20px;
  position: relative;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #cdd6dd;
  color: #6e767c !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  max-width: calc(50% - 5px) !important;
  color: #555a5f;
  transition: box-shadow 0.2s;
}
.rLoyaltyRebateBox:nth-child(odd) {
  margin-right: 5px;
}
.rLoyaltyRebateBox:nth-child(even) {
  margin-left: 5px;
}
.rLoyaltyRebateBox .title {
  min-height: 105px;
  margin: 0 100px 20px;
  border-bottom: 1px dashed #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.rLoyaltyRebateBox .title h1 {
  font-weight: 600;
  font-size: 22px;
}
.rLoyaltyRebateBox .divider {
  width: 1px;
  height: 100px;
  border-left: 1px dashed #cdd6dd;
  margin: 0 10px;
}
@media (max-width: 1100px) {
  .rLoyaltyRebateBox {
    max-width: calc(100% - 5px) !important;
  }
  .rLoyaltyRebateBox:nth-child(odd) {
    margin-right: 0;
  }
  .rLoyaltyRebateBox:nth-child(even) {
    margin-left: 0;
  }
}
.rLoyaltyDateRebates {
  padding: 20px;
}
.rLoyaltyDateRebates__title {
  margin-bottom: 10px;
}
.rLoyaltyDateRebates__title h1 {
  font-size: 24px;
  color: #555a5f;
}
.rLoyaltyDateRebates__title h2 {
  font-size: 16px;
  color: #8a939b;
}
.rLoyaltyDateRebates__date {
  position: relative;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #cdd6dd;
  color: #6e767c !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  opacity: 0.3;
  max-width: calc(50% - 5px) !important;
  color: #555a5f;
  transition: box-shadow 0.2s;
}
.rLoyaltyDateRebates__date.is_checked {
  background-color: rgba(240, 250, 240, 0.5);
  border-color: rgba(132, 213, 134, 0.5);
  opacity: 1;
}
.rLoyaltyDateRebates__date.is_current {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 1;
}
.rLoyaltyDateRebates__date.is_old {
  opacity: 1;
}
.rLoyaltyDateRebates__date.is_future {
  opacity: .25;
}
.rLoyaltyDateRebates__date:nth-child(odd) {
  margin-right: 5px;
}
.rLoyaltyDateRebates__date:nth-child(even) {
  margin-left: 5px;
}
.rLoyaltyDateRebates__date .title {
  margin: 0 100px 20px;
  border-bottom: 1px dashed #e2e7eb;
}
.rLoyaltyDateRebates__date .title h1 {
  font-weight: 600;
  font-size: 24px;
}
.rLoyaltyDateRebates__date .currentTag {
  position: absolute;
  top: 10px;
  right: 10px;
}
.rLoyaltyDateRebates__date .rebate {
  margin-bottom: 10px;
}
.rLoyaltyDateRebates__date .rebate h2 {
  font-size: 24px;
}
.rLoyaltyDateRebates__date .rebate .check {
  font-size: 32px;
  color: #57c559;
}
.rLoyaltyDateRebates__date .rebate .times {
  font-size: 32px;
  color: #eb5252;
}
.rLoyaltyDateRebates__date .divider {
  width: 1px;
  height: 100px;
  border-left: 1px dashed #cdd6dd;
  margin: 0 10px;
}
@media (max-width: 1100px) {
  .rLoyaltyDateRebates__date {
    max-width: calc(100% - 5px) !important;
  }
  .rLoyaltyDateRebates__date:nth-child(odd) {
    margin-right: 0;
  }
  .rLoyaltyDateRebates__date:nth-child(even) {
    margin-left: 0;
  }
}
.rLoyalty-YearlyGrowthPercentage__subheader {
  text-align: center;
  width: 70%;
}
.rLoyaltyCategory {
  width: 100%;
  margin-top: 20px;
  padding: 30px 20px;
}
.rLoyaltyCategory:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.rLoyaltyCategory h1 {
  font-size: 22px;
  font-weight: normal;
}
.rLoyaltyCategory > h2 {
  font-size: 18px;
  margin-top: 5px;
  font-weight: normal;
  margin-bottom: 10px;
}
.rLoyaltyCategory h3 {
  text-align: center;
}
.rLoyaltyCategoryCheckBoxes {
  width: 100%;
  padding: 30px 20px;
}
.rLoyaltyCategoryCheckBoxes h1 {
  font-size: 22px;
  font-weight: normal;
}
.rLoyaltyCategoryCheckBoxes h2 {
  font-size: 16px;
}
.rLoyaltyCategoryCheckBoxes .description {
  font-size: 16px;
  padding: 0;
}
.rLoyaltyCategoryCheckBoxes__boxes {
  margin-top: 20px;
}
.rLoyaltyCategoryCheckBox {
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #b8c4ce;
  color: #555a5f;
  border-radius: 10px;
  padding: 10px 40px;
  opacity: 0.7;
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rLoyaltyCategoryCheckBox.is_checked {
  opacity: 1;
  background-color: #f0faf0;
  border-color: #ade3ae;
}
.rLoyaltyCategoryCheckBox h1 {
  color: #6e767c;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.rLoyaltyCategoryCheckBox h2 {
  color: #8a939b;
}
.rLoyaltyCategoryCheckBox__check {
  font-size: 64px;
  color: #eb5252;
}
.rLoyaltyCategoryCheckBox__check.is_checked {
  color: #57c559;
}
.rLoyaltyCategory__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyCategory__header h1 span {
  font-size: 60%;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.4px;
  border-radius: 3px;
  border: 2px solid rgba(0, 0, 0, 0.07);
  display: inline;
}
.rLoyaltyCategory__header h2 {
  font-size: 16px;
}
@media (max-width: 600px) {
  .responsive .rLoyaltyCategory__header {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-bottom: 20px;
  }
  .responsive .rLoyaltyCategory__header h1 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .responsive .rLoyaltyCategory__header h1 span {
    font-size: 12px;
  }
}
.rLoyaltyCategory__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyCategory__packimage {
  padding: 15px;
}
.rLoyaltyCategory__successBox {
  border: 1px solid #e2e7eb;
  border-radius: 10px;
  padding: 5px 15px;
  margin: 10px;
  background-color: #57c559;
  color: white;
}
.rLoyaltyCategory__message {
  margin-top: 10px;
}
.rLoyaltyCategory__stat {
  font-size: 16px;
  margin: 0 10px;
  color: #8a939b;
}
.rLoyaltyProgress {
  position: relative;
  margin-top: 10px;
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyProgress__progress {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-size: 18px;
  margin-left: 60px;
}
.rLoyaltyProgressExpanded__progressCompleted {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-size: 18px;
}
.rLoyaltyProgress__progressText {
  padding: 5px 20px;
  font-size: 18px;
  text-align: center;
  background: #75cf77;
  color: #fff;
  font-weight: bold;
  margin: 0 10px;
  border-radius: 3px;
}
.rLoyaltyProgress__progressTextCompleted {
  padding: 5px 20px;
  font-size: 18px;
  text-align: center;
  background: #75cf77;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
}
.rLoyaltyProgress__goalBefore,
.rLoyaltyProgress__goalAfter {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.rLoyaltyProgress__goalBefore:hover,
.rLoyaltyProgress__goalAfter:hover {
  cursor: help;
}
.rLoyaltyProgress__goalAfter {
  margin-right: 60px;
}
.rLoyaltyProgress__goal {
  -ms-flex: 0 0 20px;
      flex: 0 0 20px;
  max-width: 20px;
  height: 80px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rLoyaltyProgress__goalBall {
  position: relative;
  z-index: 2;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #5969e2;
  background: #fff;
}
.rLoyaltyProgress__goalBall.is_bonus_contributor {
  color: #745d01;
}
.rLoyaltyProgress__goalBall h1 {
  line-height: 1;
  font-size: 26px;
}
.rLoyaltyProgress__goalBall h2 {
  line-height: 1.2;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rLoyaltyProgress__goalBall:hover .rLoyaltyProgress__gradient {
  animation: spin 500ms infinite linear reverse;
}
.rLoyaltyProgress__goalBallGradient {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #4f8cf1;
  background-image: linear-gradient(to bottom, #4f8cf1 0%, #5969e2 100%);
  animation: spin 2000ms infinite linear;
}
.rLoyaltyProgress__goalBallGradient.is_bonus_contributor {
  background: #FCC201;
  background-image: linear-gradient(to bottom, #FCC201 0%, #FCCD12 100%);
}
.rLoyaltyProgress__goalBallInner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  font-weight: 200;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
}
.rLoyaltyProgress__progressBar {
  position: relative;
  height: 15px;
  border: 1px solid #dfdfdf;
  background-image: linear-gradient(to right, #4f8cf1, #5969e2);
}
.rLoyaltyProgress__progressBar::after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px);
}
.rLoyaltyProgressExpanded {
  position: relative;
  margin-top: 10px;
  width: 95%;
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyProgressExpandedCompleted {
  position: relative;
  margin-top: 10px;
  width: 100%;
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rLoyaltyProgress__progressBarContinous {
  position: relative;
  height: 15px;
  border: 1px solid #dfdfdf;
  background-image: linear-gradient(to right, #4f8cf1, #5969e2);
}
.rLoyaltyProgress__progressBarContinous::after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 20px);
}
.rLoyaltyProgress__progressBarComplete {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  background: #efefef;
  transition: left 500ms linear;
}
.rLoyaltyProgress__progressBarCompleteShadow {
  position: absolute;
  z-index: 2;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.3);
}
.rLoyaltyProgress__progressBarCompleteShadow:hover {
  cursor: help;
}
.rLoyaltyProgress__progressBarLegend {
  position: absolute;
  bottom: 100%;
  width: 200px;
  margin-left: -100px;
  margin-bottom: 10px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 5;
  transition: left 500ms linear;
}
.rLoyaltyProgress__progressBarLegendInner {
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  padding: 0 10px;
  font-size: 14px;
  background: #fff;
  font-weight: bold;
  max-width: 200px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rLoyaltyProgress__progressBarLegend::before {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  position: absolute;
  z-index: 1;
  display: inline-block;
  border-right: 11px solid transparent;
  border-top: 11px solid #dfdfdf;
  border-left: 11px solid transparent;
  content: '';
}
.rLoyaltyProgress__progressBarLegend::after {
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
  z-index: 1;
  position: absolute;
  display: inline-block;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  content: '';
}
.rLoyaltyProgress__progressBarMessage {
  position: absolute;
  top: 100%;
  width: 100%;
  margin-bottom: 10px;
  padding: 3px 5px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rLoyaltyProgress__progressBarMessageContinuous {
  top: 100%;
  width: 100%;
  margin-bottom: 10px;
  padding: 3px 5px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.3px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rLoyaltyProgress__statsMobile {
  padding-top: 10px;
  font-size: 16px;
  text-align: center;
}
.rLoyaltyProgress__goalLegend {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  min-width: 300px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 16px;
  background: #fff;
  font-weight: bold;
  box-shadow: 0 4px 8px #dfdfdf;
}
.rLoyaltyProgress__goalLegend h1 {
  color: #8a939b;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rLoyaltyProgress__goalLegend h2 {
  font-size: 15px;
  letter-spacing: 0.3px;
  font-weight: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 3px 0;
}
.rLoyaltyProgress__goalLegend h2 span {
  color: #57c559;
  font-weight: bold;
}
.rLoyaltyProgress__goalLegend h2:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.rLoyaltyProgress__goalLegend p {
  color: #6e767c;
}
.rLoyaltyProgress__goalLegend::before {
  top: -11px;
  left: 40px;
  margin-left: -11px;
  position: absolute;
  z-index: 100;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #dfdfdf;
  border-left: 11px solid transparent;
  content: '';
}
.rLoyaltyProgress__goalLegend::after {
  top: -9px;
  left: 40px;
  margin-left: -10px;
  z-index: 101;
  position: absolute;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  content: '';
}
.rLoyaltyProgress__goalLegend--after {
  left: auto;
  right: 0;
}
.rLoyaltyProgress__goalLegend--after::before,
.rLoyaltyProgress__goalLegend--after::after {
  right: 40px;
  left: auto;
}
.rLoyaltyProgress__goalLegend--after::after {
  margin-left: -20px;
}
.rLoyaltyProgress__progressShadow {
  position: absolute;
  top: 25px;
  width: 250px;
  margin-left: -125px;
  margin-bottom: 10px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 5;
}
.rLoyaltyProgress__progressShadowInner {
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
  max-width: 250px;
  letter-spacing: 0.5px;
}
.rLoyaltyProgress__progressShadow::before {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  position: absolute;
  z-index: 1;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #dfdfdf;
  border-left: 11px solid transparent;
  content: '';
}
.rLoyaltyProgress__progressShadow::after {
  top: -9px;
  left: 50%;
  margin-left: -10px;
  z-index: 1;
  position: absolute;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  content: '';
}
/*** Our react transitions for the notification ***/
.loyalty-legend-enter {
  opacity: 0.01;
  transform: translateY(-30px);
}
.loyalty-legend-enter.loyalty-legend-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms ease-in, transform 500ms;
}
.loyalty-legend-exit {
  opacity: 1;
}
.loyalty-legend-exit.loyalty-legend-exit-active {
  opacity: 0.01;
  transform: translateY(30px);
  transition: opacity 300ms ease-in, transform 400ms;
}
.rLoyaltyItem__tabs {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.rLoyaltyItem__tabs > div {
  position: relative;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  font-size: 17px;
  padding: 5px 5px 15px 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8a939b;
  font-weight: bold;
  transition: color 0.2s;
}
.rLoyaltyItem__tabs > div:not(.active):hover {
  cursor: pointer;
  color: #707a82;
}
.rLoyaltyItem__tabs > div.active {
  color: #4f8cf1;
  font-weight: bold;
}
.rLoyaltyItem__tabs > div.active::after {
  bottom: -2px;
  left: 50%;
  margin-left: -15px;
  z-index: 101;
  position: absolute;
  display: inline-block;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  content: '';
}
.rLoyaltyItem__tabs > div.active::before {
  bottom: -1px;
  left: 50%;
  margin-left: -16px;
  position: absolute;
  z-index: 100;
  display: inline-block;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #dfdfdf;
  border-left: 16px solid transparent;
  content: '';
}
.rLoyaltyProgress__bonusBoxes {
  margin: 30px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
}
.rLoyaltyProgress__bonusBox {
  position: relative;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  background: #f6f6f6;
  opacity: 0.5;
  transition: opacity 0.2s;
  padding-bottom: 30px;
}
.rLoyaltyProgress__bonusBox > h1 {
  position: relative;
  z-index: 2;
  background: #f6f6f6;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  background: #4f8cf1;
  color: #fff;
}
.rLoyaltyProgress__bonusBox > h2 {
  font-size: 30px;
  line-height: 1.2;
}
.rLoyaltyProgress__bonusBox > h3 {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 16px;
  margin-bottom: 15px;
}
.rLoyaltyProgress__bonusBox.active {
  transform: scaleY(1.1);
  z-index: 5;
  opacity: 1;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rLoyaltyProgress__bonusBox:not(.active):hover {
  opacity: 0.8;
  cursor: help;
}
.rLoyaltyProgress__bonusBoxActive {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #57c559;
  font-weight: bold;
  padding-bottom: 3px;
}
.rLoyaltyProgress__bonusBoxGoal {
  display: none;
  max-width: 230px;
  margin: 0 auto;
  font-size: 16px;
  padding: 3px 20px;
}
.rLoyaltyProgress__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #bbb;
  padding-top: 15px;
  font-size: 50px;
  display: none;
}
@media (max-width: 600px) {
  .responsive .rLoyaltyProgress__bonusBox:not(.active) {
    display: none;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .responsive .rLoyaltyProgress__bonusBox.active {
    transform: scaleY(1);
  }
}
.rLoyaltyTab {
  background: #fff;
  border: 1px solid #dfdfdf;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  width: 100%;
}
.rLoyaltyTab section {
  margin-bottom: 50px;
}
.rLoyaltyTab section h5 {
  font-weight: bold;
  font-size: 24px;
  color: #646d74;
  margin-bottom: 15px;
}
.rLoyaltyTab section p {
  font-size: 16px;
  margin-bottom: 10px;
}
.rLoyaltyTab__main {
  padding: 0 20px 20px 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.rLoyaltyTab__side {
  border-left: 1px dashed #d6d6d6;
  padding: 0 20px 20px 20px;
  -ms-flex: 0 0 500px;
      flex: 0 0 500px;
  max-width: 100%;
}
.rLoyaltyTab__header {
  font-size: 30px;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px;
}
@media (max-width: 1000px) {
  .responsive .rLoyaltyTab {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .responsive .rLoyaltyTab__side {
    border-left: none;
    -ms-flex-order: 0;
        order: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .responsive .rLoyaltyTab__main {
    -ms-flex-order: 1;
        order: 1;
  }
}
/*** Earnings ***/
.rLoyaltyItem__earning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 8px;
  font-size: 18px;
  color: #707a82;
}
.rLoyaltyItem__earning--total {
  padding-top: 5px;
  border-top: 1px dashed #e2e7eb;
  font-size: 26px;
  font-weight: bold;
  color: #4f8cf1;
}
.rLoyaltyItem__earning--total.empty {
  border-top: unset;
}
.rLoyaltyItem__earning--subtotal {
  padding-top: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #4f8cf1;
}
.rLoyaltyItem__earning--title {
  padding-top: 5px;
  border-top: 1px dashed #e2e7eb;
  font-size: 22px;
  font-weight: bold;
  color: #4f8cf1;
}
.rLoyaltyItem__earning--title.empty {
  border-top: unset;
}
/*** Registration ***/
.rLoyaltyRegister {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #d6d6d6;
}
.rLoyaltyRegister h5 {
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
}
.rLoyaltyRegister p {
  font-size: 15px;
  margin-bottom: 20px;
  color: #8a939b;
  letter-spacing: 0.4px;
  text-align: center;
}
.rLoyaltyRegister button {
  margin-top: 20px;
}
.rLoyaltyRegister__terms {
  display: block;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
}
/*** Navigation ***/
.rLoyaltyNavigation {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #dfdfdf;
  margin-bottom: 20px;
}
/*** Loyalty in Search ***/
a.rSearchResult__loyalty,
.rSearchResult__loyalty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #e6e6e6;
  color: #555;
  font-size: 15px;
  transition: background 0.2s;
  letter-spacing: 0.2px;
  padding: 8px 10px;
  background: #ebf2fd;
}
a.rSearchResult__loyalty strong,
.rSearchResult__loyalty strong {
  color: #4f8cf1;
}
a.rSearchResult__loyalty:hover,
.rSearchResult__loyalty:hover {
  cursor: pointer;
  background: #e1ecfd;
}
a.rSearchResult__loyalty strong:hover,
.rSearchResult__loyalty strong:hover {
  text-decoration: underline;
}
.rSearchResult__loyaltyLoading {
  text-align: center;
  margin: 0 auto;
}
.rSearchResult__loyaltyContent {
  -ms-flex-positive: 1;
      flex-grow: 1;
  line-height: 1.2;
}
.rSearchResult__loyaltyContent img {
  margin-left: 5px;
  height: 14px;
  border-bottom: 1px solid transparent;
}
.rSearchResult__loyaltyContent img:hover {
  border-bottom: 1px solid #6e767c;
}
.rSearchResult__loyaltyProgressContainer {
  position: relative;
  width: 100%;
  max-width: 270px;
  -ms-flex-preferred-size: 270px;
      flex-basis: 270px;
  font-size: 13px;
  color: #fff;
  text-align: right;
}
.pip2 {
  padding-top: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: bold;
  color: #8a939b;
}
.rSearchResult__loyaltyProgress {
  position: absolute;
  z-index: 0;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
}
.rSearchResult__loyaltyProgressInner {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 95%;
  background-image: linear-gradient(to right, #4f8cf1, #5969e2);
  border-radius: 6px;
}
/*** Cross Sell In Search ***/
.rSearchResult__CrossSell {
  font-size: 15px;
  padding: 12px 10px;
  margin: 5px 24px 20px 24px;
  cursor: pointer;
  border: 1px dashed #e2e7eb;
  border-radius: 3px;
  transition: border 0.2s;
  position: relative;
}
.rSearchResult__CrossSell__icon {
  margin-right: 12px;
  font-size: 36px;
}
.rSearchResult__CrossSell__link {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.7;
  margin-top: 5px;
  color: #e91e63;
  border-radius: 4px;
  white-space: nowrap;
}
.rSearchResult__CrossSell__link:hover {
  text-decoration: underline;
}
.rSearchResult__CrossSell__title {
  font-weight: bold;
  margin-bottom: 4px;
}
.rSearchResult__CrossSell__tag {
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 13px;
  line-height: 1.3;
  margin-right: 5px;
  display: inline-block;
  color: white;
  background: #e91e63;
  padding: 2px 8px;
  border-radius: 4px;
}
.rSearchResult__CrossSell__content {
  opacity: 0.9;
  transition: all 0.2s;
}
.rSearchResult__CrossSell__ad {
  position: absolute;
  left: 4px;
  bottom: 0;
  font-size: 12px;
  color: #cdd6dd;
}
.rSearchResult__CrossSell__ad_toolip {
  width: 500px;
  font-size: 14px;
  left: -5px;
}
.rSearchResult__CrossSell:hover {
  border-color: #e91e63;
  border-bottom: 1px dashed #e91e63;
}
.rSearchResult__CrossSell:hover .rSearchResult__CrossSell__content {
  opacity: 1;
}
.rSearchResult__ActivatedCongrats {
  font-size: 15px;
  margin: 4px 0 5px 0;
  cursor: pointer;
  position: relative;
  color: #57c559;
}
.rSearchResult__ActivatedCongrats a {
  color: #57c559;
}
.rSearchResult__ActivatedCongrats__text {
  font-size: 13px;
  color: #a2acb5;
}
.rSearchResult__ActivatedCongrats__text:hover {
  text-decoration: underline;
}
.rSearchResult__CustomCrossSell {
  font-size: 15px;
  padding: 8px 10px 12px 10px;
  margin: 5px 24px 20px 24px;
  cursor: pointer;
  border: 1px dashed #e2e7eb;
  border-radius: 3px;
  transition: border 0.2s;
  position: relative;
}
.rSearchResult__CustomCrossSell__icon {
  margin-right: 12px;
  font-size: 36px;
}
.rSearchResult__CustomCrossSell__link {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.7;
  margin-top: 5px;
  color: #e91e63;
  border-radius: 4px;
  white-space: nowrap;
}
.rSearchResult__CustomCrossSell__link:hover {
  text-decoration: underline;
}
.rSearchResult__CustomCrossSell__text {
  font-size: 13px;
  line-height: 1.5;
}
.rSearchResult__CustomCrossSell__title {
  font-weight: bold;
  margin-bottom: 4px;
}
.rSearchResult__CustomCrossSell__tag {
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 13px;
  line-height: 1.3;
  margin-right: 5px;
  display: inline-block;
  color: white;
  background: #e91e63;
  padding: 2px 8px;
  border-radius: 4px;
}
.rSearchResult__CustomCrossSell__overlay {
  padding: 0 0;
}
.rSearchResult__CustomCrossSell__content {
  opacity: 0.9;
  transition: all 0.2s;
}
.rSearchResult__CustomCrossSell__ad {
  position: absolute;
  left: 4px;
  bottom: 0;
  font-size: 12px;
  color: #cdd6dd;
}
.rSearchResult__CustomCrossSell__ad_toolip {
  width: 500px;
  font-size: 14px;
  left: -5px;
}
.rSearchResult__CustomCrossSell:hover {
  border-color: #e91e63;
  border-bottom: 1px dashed #e91e63;
}
.rSearchResult__CustomCrossSell:hover .rSearchResult__CrossSell__content {
  opacity: 1;
}
.rSearchResult__CustomCrossSell__table {
  margin: 10px 0;
  background: #f9fafb;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px;
}
.rSearchResult__CustomCrossSell__table .name {
  min-width: 200px;
  font-weight: bold;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rSearchResult__CustomCrossSell__table h6 {
  font-size: 11px;
  padding-bottom: 5px;
}
.rSearchResult__CustomCrossSell__table .check svg {
  width: 20px;
  display: inline-block;
  color: #57c559;
}
.rSearchResult__CustomCrossSell__table .remove {
  opacity: 0.5;
}
.rSearchResult__CustomCrossSell__table .remove svg {
  width: 20px;
  display: inline-block;
}
.rSearchResult__CustomCrossSell--new .rSearchResult__CustomCrossSell__tag {
  background: #45b047;
}
.rSearchResult__CustomCrossSell--new .rSearchResult__CustomCrossSell__link {
  color: #45b047;
}
.rSearchResult__CustomCrossSell:hover {
  border-color: #45b047;
}
/*** Markdown ***/
.rMarkdown img {
  max-width: 100%;
}
/*** Loyalty App ***/
.ReactMediaCarousel__viewer {
  position: relative;
}
.ReactMediaCarousel__items {
  height: 300px;
}
.ReactMediaCarousel__item {
  display: block;
  text-align: center;
  height: 300px;
  width: 100%;
}
.ReactMediaCarousel__item iframe {
  border: 3px solid #eaeaea;
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}
.ReactMediaCarousel__item--image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.ReactMediaCarousel__item--image:hover {
  cursor: zoom-in;
}
.ReactMediaCarousel__navigationItem {
  position: absolute;
  top: 50%;
  margin-top: -40px;
}
.ReactMediaCarousel__navigationItem i {
  padding: 10px;
  font-size: 80px;
  line-height: 40px;
  transition: color 0.2s;
  color: #eee;
}
.ReactMediaCarousel__navigationItem i:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.ReactMediaCarousel__navigationItem--left {
  left: 5px;
}
.ReactMediaCarousel__navigationItem--right {
  right: 5px;
}
.ReactMediaCarousel__thumbnails {
  text-align: center;
  border-top: 1px solid #eaeaea;
  margin: 10px;
  padding-top: 20px;
}
.ReactMediaCarousel__thumbnail {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin: 0 5px 10px 5px;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  transition: border-color 0.2s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.ReactMediaCarousel__thumbnail img {
  max-width: 80px;
  max-height: 80px;
}
.ReactMediaCarousel__thumbnail:hover {
  cursor: pointer;
  border-color: #4f8cf1;
}
.ReactMediaCarousel__thumbnail.active {
  border-color: #aaa;
}
.ReactMediaCarousel__thumbnail--video::after {
  position: absolute;
  text-align: center;
  top: 20px;
  margin-left: -20px;
  font-size: 50px;
  line-height: 50px;
  font-family: FontAwesome;
  content: "\f01d";
  color: #4f8cf1;
}
.Missavings {
  padding: 20px 0;
}
.Missavings h1 {
  font-weight: 600;
  font-size: 28px;
}
.Missavings h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
.Missavings h6 {
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #8a939b;
  font-size: 12px;
}
.Missavings__blurb {
  background: #fafafa;
  border: 1px solid #eaeaea;
  padding: 3px 10px;
  font-size: 13px;
}
.Missavings__col {
  width: 140px;
  padding: 10px 0;
}
.Missavings__dot {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.Missavings__main {
  margin-bottom: 0px;
  padding: 0px 20px 0px 20px;
}
.Missavings__title h1 {
  font-weight: 600;
  font-size: 24px;
}
.Missavings__title h2 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #8eb5f6;
  text-transform: uppercase;
  font-weight: bold;
}
.SavingsAuditBar {
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  width: 100%;
  position: relative;
}
.SavingsAuditBar__bar {
  width: 60%;
  position: flex;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
}
.SavingsAuditBar__label {
  width: 60%;
  position: flex;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1;
  text-align: left;
}
.SavingsAuditBar__value {
  width: 7px;
  position: absolute;
  z-index: 2;
  left: 70%;
  top: -50%;
  height: 200%;
  background: #b8c4ce;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
.SavingsAuditBar__container {
  margin-top: 4px;
  width: 85%;
  margin-right: 0;
}
.PasswordInput {
  border: 1px solid red;
  position: relative;
}
.PasswordInput__toggler {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 34px;
  transition: color 0.2s;
  color: #999;
}
.PasswordInput__toggler:hover {
  color: #4f8cf1;
  cursor: pointer;
}
.PasswordInput__meterBar {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #57c559;
}
.PasswordInput__meterBar.weak .PasswordInput__meterBarStep--weak {
  background: #eb5252;
}
.PasswordInput__meterBar.average .PasswordInput__meterBarStep--weak,
.PasswordInput__meterBar.average .PasswordInput__meterBarStep--average {
  background: #eea314;
}
.PasswordInput__meterBar.strong .PasswordInput__meterBarStep--weak,
.PasswordInput__meterBar.strong .PasswordInput__meterBarStep--average,
.PasswordInput__meterBar.strong .PasswordInput__meterBarStep--strong {
  background: #84d586;
}
.PasswordInput__meterBar.xstrong .PasswordInput__meterBarStep--weak,
.PasswordInput__meterBar.xstrong .PasswordInput__meterBarStep--average,
.PasswordInput__meterBar.xstrong .PasswordInput__meterBarStep--strong,
.PasswordInput__meterBar.xstrong .PasswordInput__meterBarStep--xstrong {
  background: #57c559;
}
.PasswordInput__meterBarStep {
  width: 25%;
  float: left;
  background: #eee;
  height: 3px;
  border-right: 1px solid #dadada;
}
.PasswordInput__meterText {
  position: absolute;
  right: 0;
  top: 100%;
  font-weight: bold;
  margin-top: 3px;
  font-size: 12px;
}
.PasswordInput__meterText.weak {
  color: #eb5252;
}
.PasswordInput__meterText.average {
  color: #eea314;
}
.PasswordInput__meterText.strong {
  color: #84d586;
}
.PasswordInput__meterText.xstrong {
  color: #57c559;
}
.Form__prefix {
  height: 32px;
  background: #f1f1f1;
  border-right: 1px solid #dadada;
  position: absolute;
  bottom: 1px;
  left: 1px;
  line-height: 32px;
  color: #999;
  text-align: center;
  padding: 0 5px;
  width: 100px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.Form__escape {
  position: absolute;
  bottom: 3px;
  right: 5px;
  font-size: 16px;
  z-index: 1;
  transition: color 0.2s;
  color: #ddd;
}
.Form__escape:hover {
  color: #eb5252;
  cursor: pointer;
}
.Scripts--TestModeBanner__container {
  display: block;
  position: relative;
}
.Scripts--TestModeBanner__line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #eea314;
  text-align: center;
  line-height: 0;
  pointer-events: none;
}
.Scripts--TestModeBanner__inner {
  border-radius: 0 0 4px 4px;
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  height: 14px;
  padding: 2px 4px;
  background-color: #eea314;
  color: white;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.Scripts--Dashboard {
  margin-bottom: 40px;
}
.Scripts--DashboardContent {
  margin-left: 30px;
}
.Scripts--DashboardContent__tabs {
  padding: 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.Scripts--DashboardContent__badGraph {
  margin-top: 10px;
  padding: 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  text-align: center;
}
.Scripts--StatLine {
  margin-bottom: 10px;
}
.Scripts--StatLine h6 {
  white-space: nowrap;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #8a939b;
}
.Scripts--StatLine h6.sm {
  font-size: 12px;
}
.Scripts--StatLine h6.sm .Scripts--StatLine__dot {
  margin-right: 5px;
  width: 8px;
  height: 8px;
}
.Scripts--StatLine h6.md {
  font-size: 15px;
}
.Scripts--StatLine h6.md .Scripts--StatLine__dot {
  margin-right: 6px;
  width: 10px;
  height: 10px;
}
.Scripts--StatLine h2 {
  font-weight: 600;
  line-height: 1.2;
}
.Scripts--StatLine h2.sm {
  font-size: 30px;
}
.Scripts--StatLine h2.md {
  font-size: 34px;
}
.Scripts--StatLine h2 svg {
  font-size: 12px;
  color: #6e767c;
  margin-right: 4px;
  margin-bottom: 2px;
  cursor: help;
}
.Scripts--StatLine__dot {
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.Scripts--ConversionsBreakdown {
  padding: 10px 12px 20px 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.Scripts--ConversionsBreakdown h4 {
  margin-bottom: 10px;
}
.Scripts--ConversionsBreakdown__stats {
  padding: 0 20px;
  text-align: right;
}
.Scripts--ConversionsBreakdown__statCol {
  margin-bottom: 10px;
  transition: all 0.2s;
  cursor: pointer;
  opacity: 0.3;
}
.Scripts--ConversionsBreakdown__statCol h6 {
  transition: color 0.2s;
}
.Scripts--ConversionsBreakdown__statCol:hover {
  opacity: 0.6;
}
.Scripts--ConversionsBreakdown__statCol.selected {
  opacity: 1;
}
.Scripts--ConversionsBreakdown__statCol.selected:hover {
  opacity: 1;
}
.Scripts--ConversionsBreakdown__statCol.selected:hover h6 {
  color: #555a5f;
}
.Scripts--ConversionsBreakdown__statsBox {
  border-top: 1px dashed #e2e7eb;
  margin-top: 10px;
  text-align: center;
}
.Scripts--ConversionsBreakdown__statsBox--leftCol {
  border-right: 1px dashed #e2e7eb;
  margin-top: 8px;
}
.Scripts--ConversionsBreakdown__statsBox--centerCol {
  margin-top: 8px;
  border-right: 1px dashed #e2e7eb;
}
.Scripts--ConversionsBreakdown__statsBox--rightCol {
  margin-top: 8px;
}
.Scripts--ConversionsBreakdown__statsBox h2 {
  font-size: 2.5rem;
  color: #467bd4;
  font-weight: 400;
}
.Scripts--ConversionsBreakdown__statsBox svg {
  font-size: 14px;
  cursor: help;
}
.Scripts--CallersBreakdown__noResults {
  padding: 50px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  text-align: center;
}
.Scripts--CallersBreakdown__switch {
  margin-bottom: 10px;
  text-align: right;
}
.Scripts--CallerListItem {
  color: #555a5f;
  display: block;
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.Scripts--CallerListItem .Scripts--StatLine h2 {
  font-size: 20px;
}
.Scripts--CallerListItem__values {
  margin: -6px 0;
}
.Scripts--CallerListItem__col {
  width: 150px;
  padding: 6px 0;
}
.Scripts--CallerListItem__col h6 {
  transition: color 0.2s;
}
.Scripts--CallerListItem__col.clickable {
  cursor: pointer;
}
.Scripts--CallerListItem__col.clickable:hover h6 {
  color: #555a5f;
}
.Scripts--CallerListItem__col a {
  color: unset;
}
.Scripts--CallerListItem__col p {
  font-size: 14px;
  color: #6e767c;
}
.Scripts--CallerListItem__item {
  padding-left: 20px;
}
.Scripts--CallerListItem__item--border {
  padding-left: 20px;
  border-left: 1px solid #eff2f4;
}
.Scripts--CallerListItem__main {
  padding: 12px;
}
.Scripts--CallerListItem__actions {
  padding: 4px 8px;
  background: #f9fafb;
  border-top: 1px solid #eff2f4;
  text-align: right;
}
.Scripts--CallerListItem__actions h3 {
  color: #8a939b;
  line-height: 1.2;
  font-size: 16px;
  text-align: left;
}
.Scripts--CallerListItem__title img {
  width: 100px;
}
.Scripts--CallerListItem__title h2 {
  font-weight: 600;
  font-size: 20px;
}
.Scripts--CallerListItem__title h2 a {
  color: #555a5f;
}
.Scripts--CallerListItem__title h2 a:hover {
  color: #4f8cf1;
}
.Scripts--PharmaciesBreakdown {
  margin-right: 5px;
  margin-bottom: 40px;
  padding: 10px 12px 20px 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.Scripts--PharmaciesBreakdown h4 {
  margin-bottom: 10px;
}
.Scripts--PharmaciesBreakdown__noResults {
  padding: 10px 12px 20px 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  text-align: center;
}
.Scripts--ProductsBreakdown {
  margin-left: 5px;
  margin-bottom: 40px;
  padding: 10px 12px 20px 12px;
  background: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
}
.Scripts--ProductsBreakdown h4 {
  margin-bottom: 10px;
}
.Scripts--ProductsBreakdown__categories {
  margin: -10px -12px 20px -12px;
  border-bottom: 1px solid #e2e7eb;
}
.Scripts--ProductsBreakdown__category {
  text-align: center;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.Scripts--ProductsBreakdown__category.selected {
  background-color: #f9fafb;
}
.Scripts--ProductsBreakdown__category.selected h3 {
  color: #6e767c;
}
.Scripts--ProductsBreakdown__category h3 {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #8a939b;
  font-size: 15px;
}
.Scripts--ProductsBreakdown__category:not(:last-child) {
  border-right: 1px solid #e2e7eb;
}
.Scripts--ProductsBreakdown__category:hover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
  background-color: #f9fafb;
}
.Scripts--ProductsBreakdown__category:hover h3 {
  color: #6e767c;
}
.Scripts--FilterTags__tag {
  margin-bottom: 10px;
  background-color: white;
}
.Scripts--FilterTags__tag:not(:first-child) {
  margin-left: 5px;
}
.Scripts--SidebarFilters {
  background: white;
  display: inline-block;
  height: 600px;
  position: relative;
}
.Scripts--SidebarFilters__close {
  font-size: 16px;
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  color: #8a939b;
  transition: color 0.2s;
}
.Scripts--SidebarFilters__close:hover {
  color: #555a5f;
}
.Scripts--SidebarFilters__content {
  padding: 12px;
}
.Scripts--SidebarFilters__content:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.Scripts--SidebarFilters__drawers {
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  width: 300px;
  z-index: 2;
  position: relative;
  background: white;
  height: 100%;
  transition: box-shadow 0.3s;
}
.Scripts--SidebarFilters__drawers.expanded {
  box-shadow: -2px 4px 6px rgba(50, 50, 93, 0.11), -1px 1px 3px rgba(0, 0, 0, 0.08);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.Scripts--SidebarFilters__drawer {
  border-top: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: white;
  width: 260px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  transform: translateX(300px);
  z-index: 1;
  box-shadow: 2px 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
}
.Scripts--SidebarFilters__drawer .barnyard-BaseInput__icon {
  height: 37px;
}
.Scripts--SidebarFilters__drawer.collapsed {
  box-shadow: none;
  transform: translateX(0);
}
.Scripts--SidebarFilters__drawerInner {
  position: relative;
  -ms-flex: 1;
      flex: 1;
}
.Scripts--SidebarFilters__optionsContainer {
  overflow-y: auto;
  padding: 12px;
  padding-bottom: 100px;
}
.Scripts--SidebarFilters__optionsContainer .barnyard-Check__checkbox {
  min-width: 20px;
}
.Scripts--SidebarFilters__scrollContainer {
  overflow-y: auto;
  max-height: 600px;
}
.Scripts--SidebarFilters__buttonContainer {
  padding: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
}
.Scripts--SidebarFilters__inputContainer {
  padding: 12px;
  padding-bottom: 0;
}
.Scripts--SharedView__divider {
  width: 30px;
}
.Scripts--SharedView__subheader {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #8a939b;
}
.Scripts--SharedView__subheader svg {
  margin-right: 7px;
}
.Scripts--SharedView__subheader:hover {
  color: #4f8cf1;
}
.Scripts--SharedView__doNotContact {
  margin-bottom: 15px;
}
.Scripts--SharedView__doNotContact .barnyard-Message {
  padding: 16px;
}
.Scripts--SharedView__doNotContact .barnyard-Message svg {
  margin-right: 16px;
}
.Scripts--PreviewOverlay {
  width: 1000px;
  height: 90%;
}
.Scripts--PharmacyThumb img {
  max-width: 80px;
  height: 32px;
  width: auto;
}
.Scripts--ResolutionOption__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  position: relative;
}
.Scripts--Status {
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.Scripts--Status__container {
  position: relative;
  margin: unset;
}
.Scripts--Status__container .large {
  padding: 6px;
  font-size: 18px;
}
.Scripts--SidebarFilterButton {
  padding: 8px;
  border-radius: 5px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.Scripts--SidebarFilterButton:hover {
  background: #f4f8fe;
}
.Scripts--SidebarFilterButton__title {
  font-size: 14px;
  font-weight: 600;
}
.Scripts--SidebarFilterButton__subtitle {
  font-size: 12px;
  color: #8a939b;
}
.Scripts--SidebarFilterButton__count {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  color: white;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}
.Scripts--SidebarFilterButton__arrow {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #8a939b;
}
.Scripts--SidebarFilterButton--selected {
  background: #f4f8fe;
}
.Scripts--SidebarFilterButton--selected:hover {
  background: #f9fafb;
}
.Scripts--SidebarFilterButton--disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.Scripts--PriceWarning {
  border-radius: 3px;
  padding: 16px;
  border: 1px solid #eb5252;
  background-color: #fef3f3;
  margin-bottom: 30px;
  color: #712727;
  box-shadow: 0 2px 4px 0 #f6b3b3;
}
.Scripts--PriceWarning h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}
.Scripts--PriceWarning p {
  font-size: 16px;
  margin-bottom: 6px;
}
.Scripts--PriceWarning__icon {
  font-size: 14px;
  padding-top: 2px;
}
.Scripts--PriceWarning__content {
  padding-left: 16px;
}
.Scripts--DoNotCallWarning {
  font-weight: 600;
}
.Scripts--Dupes {
  border-radius: 3px;
  padding: 16px;
  border: 1px solid #eea314;
  background-color: #fef8ec;
  margin-bottom: 15px;
  color: #724e0a;
  box-shadow: 0 2px 4px 0 #f7d695;
}
.Scripts--Dupes h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}
.Scripts--Dupes p {
  font-size: 16px;
  margin-bottom: 6px;
}
.Scripts--Dupes__icon {
  font-size: 14px;
  padding-top: 2px;
}
.Scripts--Dupes__content {
  padding-left: 16px;
}
.Scripts--Dupes__tag {
  margin: 10px 10px 0 0;
  opacity: 0.75;
  transition: opacity 0.3s;
}
.Scripts--Dupes__tag:hover {
  opacity: 1;
}
.Scripts--Related {
  border-radius: 3px;
  padding: 16px;
  border: 1px solid #4f8cf1;
  background-color: #f4f8fe;
  margin-bottom: 15px;
  color: #284679;
  box-shadow: 0 2px 4px 0 #c0d6fa;
}
.Scripts--Related h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}
.Scripts--Related p {
  font-size: 16px;
  margin-bottom: 6px;
}
.Scripts--Related__icon {
  font-size: 14px;
  padding-top: 2px;
}
.Scripts--Related__content {
  padding-left: 16px;
}
.Scripts--Related__tag {
  margin: 10px 10px 0 0;
  opacity: 0.75;
  transition: opacity 0.3s;
}
.Scripts--Related__tag:hover {
  opacity: 1;
}
.Scripts--Credit {
  border-radius: 3px;
  padding: 16px;
  border: 1px solid #57c559;
  background-color: #f0faf0;
  margin-bottom: 15px;
  color: #255325;
  box-shadow: 0 2px 4px 0 #ade3ae;
}
.Scripts--Credit h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}
.Scripts--Credit p {
  font-size: 16px;
  margin-bottom: 6px;
}
.Scripts--Credit__icon {
  font-size: 14px;
  padding-top: 2px;
}
.Scripts--Credit__content {
  padding-left: 16px;
}
.Scripts--Credit__tag {
  margin: 10px 10px 0 0;
  opacity: 0.75;
  transition: opacity 0.3s;
}
.Scripts--Credit__tag:hover {
  opacity: 1;
}
.Scripts--ScriptItem {
  display: block;
  color: #555a5f;
  margin-right: 12px;
  transition: border 300ms;
}
.Scripts--ScriptItem__image {
  width: 80px;
  height: 80px;
  text-align: center;
}
.Scripts--ScriptItem__image img {
  max-height: 100%;
}
.Scripts--ScriptItem__content {
  padding-left: 12px;
}
.Scripts--ScriptItem__content h6 {
  font-size: 12px;
  color: #8a939b;
}
.Scripts--ScriptItem__content h5 {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}
.Scripts--ScriptItem__links {
  font-size: 12px;
  margin-top: 4px;
}
.Scripts--ScriptItem__links svg {
  margin-left: 3px;
}
.Scripts--ScriptItem__links a {
  color: #8a939b;
}
.Scripts--ScriptItem__links a:hover {
  color: #4f8cf1;
}
.Scripts--ScriptPharmacy h5 {
  font-weight: 600;
  font-size: 16px;
}
.Scripts--ScriptPharmacy__content {
  color: #8a939b;
}
.Scripts--ScriptPharmacy__content p {
  font-size: 12px;
}
.Scripts--ScriptPharmacy__content svg {
  margin-right: 3px;
}
.Scripts--Grade {
  text-align: center;
}
.Scripts--Grade__letter {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  line-height: 0.8;
  color: white;
  margin-bottom: 12px;
}
.Scripts--Grade__letter.small {
  font-size: 24px;
  margin-bottom: 0;
}
.Scripts--Grade__letter--A {
  text-shadow: -1px 1px 0 #57c559, 1px 1px 0 #57c559, 1px -1px 0 #57c559, -1px -1px 0 #57c559;
}
.Scripts--Grade__letter--B {
  text-shadow: -1px 1px 0 #4f8cf1, 1px 1px 0 #4f8cf1, 1px -1px 0 #4f8cf1, -1px -1px 0 #4f8cf1;
}
.Scripts--Grade__letter--C {
  text-shadow: -1px 1px 0 #eea314, 1px 1px 0 #eea314, 1px -1px 0 #eea314, -1px -1px 0 #eea314;
}
.Scripts--Grade__letter--D {
  text-shadow: -1px 1px 0 #eb5252, 1px 1px 0 #eb5252, 1px -1px 0 #eb5252, -1px -1px 0 #eb5252;
}
.Scripts--Grade__letter--none {
  text-shadow: -1px 1px 0 #b8c4ce, 1px 1px 0 #b8c4ce, 1px -1px 0 #b8c4ce, -1px -1px 0 #b8c4ce;
}
.Scripts--Grade__label {
  font-size: 12px;
  color: #8a939b;
}
.Scripts--Settings {
  margin-bottom: 100px;
}
.Scripts--Settings .barnyard-ColorPicker__previewOuter {
  width: 100px;
}
.Scripts--LogoPreview {
  margin: 0 8px;
  width: 250px;
}
.Scripts--LogoPreview__inner {
  height: 104px;
  padding: 4px;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
}
.Scripts--LogoPreview .Prescriptions--ClinicLogo {
  border-radius: 4px;
  position: relative;
  height: 94px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  padding: 10px;
}
.Scripts--LogoPreview .Prescriptions--ClinicLogo__image {
  border-radius: 8px;
  background: white;
  max-height: 60px;
  padding: 6px 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.Scripts--FaxNumber {
  padding: 10px 20px;
  margin-bottom: 10px;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
}
.Scripts--FaxNumber__icon {
  font-size: 20px;
  margin-right: 20px;
}
.Scripts--FaxNumber__deleteIcon {
  font-size: 18px;
  transition: color 0.2s;
  color: #b8c4ce;
}
.Scripts--FaxNumber__deleteIcon:hover {
  cursor: pointer;
  color: #eb5252;
}
.Scripts--FaxNumber p {
  color: #8a939b;
}
.Scripts--FaxNumber.ant-popover-title {
  text-align: center;
}
.Scripts--MessageTemplate {
  padding: 10px 20px;
  margin-bottom: 10px;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  background-color: #f9fafb;
  transition: border-color 0.2s;
  cursor: pointer;
}
.Scripts--MessageTemplate:hover {
  border-color: #8eb5f6;
}
.Scripts--MessageTemplate p {
  color: #8a939b;
}
.Scripts--MessageTemplate h5 {
  line-height: 1.8;
}
.Scripts--MessageTemplate h5 strong {
  font-weight: 600;
  border: 1px solid #e2e7eb;
  padding: 2px 4px;
  border-radius: 3px;
  background: white;
}
.Scripts--MessageTemplate__editing {
  margin-bottom: 10px;
}
.Scripts--MessageTemplate__editing .ant-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.Scripts--MessageTemplate__editingButtons {
  padding: 4px 11px;
  border-left: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100%;
}
.Scripts--MessageTemplate__editingButtons .barnyard-Button {
  margin-left: 10px;
}
.Scripts--TemplateAdd__template_name_input {
  width: 100%;
}
.Scripts--TemplateAdd__template_variables_container {
  margin-left: -4px;
}
.Scripts--TemplateAdd__variable {
  line-height: 1.8;
  font-weight: 600;
  border: 1px solid #e2e7eb;
  padding: 2px 4px;
  border-radius: 3px;
  background: white;
  cursor: pointer;
  transition: all 0.2s;
  margin: 2px 4px;
}
.Scripts--TemplateAdd__variable:hover {
  background: #f9fafb;
}
.Scripts--TemplateAdd__variable.active {
  border-color: #57c559;
  background: #f0faf0;
}
.Scripts--TemplateAdd__editing {
  margin: 10px 0;
}
.Scripts--TemplateAdd__editing .ant-input {
  border-radius: 0;
}
.Scripts--TemplateAdd__tabs {
  padding: 4px 11px;
  border-left: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-top: 1px solid #e2e7eb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  height: 37px;
}
.Scripts--TemplateAdd__tabs p {
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s;
}
.Scripts--TemplateAdd__tabs p:hover {
  color: #3a68b2;
}
.Scripts--TemplateAdd__tabs p.active {
  color: #3a68b2;
  text-decoration: underline;
}
.Scripts--TemplateAdd__divider {
  width: 1px;
  height: 100%;
  margin: 0 8px;
  border-right: 1px solid #e2e7eb;
}
.Scripts--TemplateAdd__editingButtons {
  padding: 4px 11px;
  border-left: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100%;
}
.Scripts--TemplateAdd__editingButtons .barnyard-Button {
  margin-left: 10px;
}
.Scripts--TemplateAdd__preview {
  padding: 4px 11px;
  border: 1px solid #e2e7eb;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 100%;
}
.Scripts--CallButton .barnyard-ActionOverlay__description {
  margin-bottom: 10px;
}
.Scripts--CallButton__radios {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.Scripts--CallButton__radios .ant-radio-button-wrapper {
  width: 100%;
  text-align: center;
  height: 40px;
  font-size: 16px;
  line-height: 38px;
  margin: 0 5px;
}
.Scripts--CallButton__radios .ant-radio-button-wrapper:first-child {
  margin-left: 0;
}
.Scripts--CallButton__radios .ant-radio-button-wrapper:last-child {
  margin-right: 0;
}
.Scripts--CallButton__creditInfo {
  margin-top: -8px;
}
.Scripts--CallButton__relatedScriptsHelpContainer {
  margin-left: 5px;
}
.Scripts--CallButton__relatedScriptsHelpContainer svg {
  color: #8a939b;
  font-size: 12px;
}
.Scripts--CallButton__relatedScriptsHelp h6 {
  font-weight: 600;
  font-size: 16px;
}
.Scripts--CallButton__relatedScriptsHelp p {
  font-size: 14px;
}
.Scripts--MessageOverlay__test p {
  color: #8a939b;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.Scripts--MessageOverlay__info {
  background-color: #f9fafb;
  margin-bottom: 20px;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #e2e7eb;
}
.Scripts--MessageOverlay__info p {
  font-size: 15px;
}
.Scripts--MessageOverlay__info strong {
  font-weight: 600;
}
.Scripts--MessageOverlay__preview {
  border: 1px solid #e2e7eb;
  padding: 7px;
  border-radius: 3px;
}
.Scripts--MessageOverlay__preview strong {
  font-weight: 600;
}
.Scripts--MessageOverlay__item_card_container {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Scripts--MessageOverlay__include-image-toggle-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-family: 'Helvetica Neue', 'Helvetica';
  margin-bottom: 10px;
}
.Scripts--MessageOverlay__creditInfo {
  margin-top: -8px;
}
.Scripts--MessageOverlay__relatedScriptsHelpContainer {
  margin-left: 5px;
}
.Scripts--MessageOverlay__relatedScriptsHelpContainer svg {
  color: #8a939b;
  font-size: 12px;
}
.Scripts--MessageOverlay__relatedScriptsHelp h6 {
  font-weight: 600;
  font-size: 16px;
}
.Scripts--MessageOverlay__relatedScriptsHelp p {
  font-size: 14px;
}
.Scripts--RelatedScript {
  border-radius: 2px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 1px solid #e2e7eb;
  cursor: pointer;
  transition: border-color 0.2s;
}
.Scripts--RelatedScript:not(:last-child) {
  margin-bottom: 5px;
}
.Scripts--RelatedScript:not(.Scripts--RelatedScript--disabled):hover {
  background: #f4f8fe;
  border-color: #4f8cf1;
}
.Scripts--RelatedScript__top {
  font-size: 16px;
}
.Scripts--RelatedScript__bottom {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
}
.Scripts--RelatedScript__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Scripts--RelatedScript a {
  margin-left: 4px;
}
.Scripts--RelatedScript a:hover {
  text-decoration: underline;
}
.Scripts--RelatedScript a svg {
  font-size: 8px;
  margin-left: 2px;
}
.Scripts--RelatedScript--active {
  background: #f4f8fe;
  border-color: #4f8cf1;
}
.Scripts--RelatedScript--disabled {
  cursor: not-allowed;
}
.Scripts--RelatedScript .barnyard-Check {
  margin-bottom: unset;
}
.Scripts--RelatedScript__priceWarning {
  display: block;
  font-size: 12px;
  color: #d18f12;
}
.Scripts--RelatedScript__priceWarning svg {
  font-size: 14px;
  margin-right: 4px;
}
.Scripts--RelatedScript__prices {
  font-size: 12px;
  color: #8a939b;
}
.Scripts--RelatedScript__statusWarning {
  display: block;
  font-size: 12px;
  color: #cf4848;
}
.Scripts--RelatedScript__statusWarning svg {
  font-size: 14px;
  margin-right: 4px;
}
.Scripts--ActionButtons {
  margin-left: -8px;
}
.Scripts--ActionButtons__buttonContainer {
  padding-left: 8px;
  display: -ms-flexbox;
  display: flex;
}
.Scripts--ResponseSelect {
  padding: 6px 12px;
}
.Scripts--ResponseSelect.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.Scripts--ResponseSelect__label {
  color: #3a68b2;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}
.Scripts--ResponseSelect svg {
  font-size: 16px;
  color: #3a68b2;
}
.Scripts--ResponseSelect__selectOption {
  max-height: 39px;
}
.Scripts--ResponseSelect__selectOption p {
  font-size: 14px;
}
.Scripts--ResponseSelect__subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #8a939b;
  transition: color 0.2s;
}
.Scripts--ResponseSelect span {
  font-size: 11px;
  color: #8a939b;
  transition: color 0.2s;
}
.Scripts--ClientSection__ballLoading > .barnyard-BallLoading {
  padding: 10px;
}
.Scripts--ClientSection__title {
  float: right;
}
.Scripts--ClientSection__group {
  padding: 6px 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.Scripts--ClientSection__label {
  color: #8a939b;
  font-weight: 600;
  width: 150px;
}
.Scripts--ClientSection__value {
  font-weight: 600;
}
.Scripts--ClientSection__value .barnyard-Tag__text {
  font-size: 11px;
}
.Scripts--ClientSection__value .barnyard-BaseInput {
  margin: 0;
  width: 100%;
  display: inline-block;
  min-width: 200px;
}
.Scripts--ClientSection__value textarea {
  font-size: 14px;
  font-weight: 500;
}
.Scripts--ClientSection__value .barnyard-BaseInput__control {
  height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.Scripts--ClientSection__tab {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 3px solid #eff2f4;
}
.Scripts--ClientSection__tab:nth-child(1).active ~ .Scripts--ClientSection__tabDecorator {
  transform: translateX(0%);
}
.Scripts--ClientSection__tab:nth-child(2).active ~ .Scripts--ClientSection__tabDecorator {
  transform: translateX(100%);
}
.Scripts--ClientSection__tab:nth-child(3).active ~ .Scripts--ClientSection__tabDecorator {
  transform: translateX(200%);
}
.Scripts--ClientSection__tab:nth-child(4).active ~ .Scripts--ClientSection__tabDecorator {
  transform: translateX(300%);
}
.Scripts--ClientSection__tabDecorator {
  position: absolute;
  height: 3px;
  background-color: #4f8cf1;
  transition: transform 0.3s;
  border-radius: 2px;
  width: calc(25%);
  top: 35px;
}
.Scripts--ClientSection__details {
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  margin-bottom: 12px;
  overflow: hidden;
}
.Scripts--ClientSection__details svg {
  margin-right: 4px;
}
.Scripts--ClientSection__details__header {
  background: #f9fafb;
  padding: 6px 12px;
  border-bottom: 1px solid #e2e7eb;
}
.Scripts--ClientSection__details__header p {
  font-weight: bold;
}
.Scripts--ClientSection__details__content {
  padding: 6px 12px;
}
.Scripts--ClientSection__details__content p {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Scripts--ClinicPharmacyIntegrationOverlay .Logo {
  width: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Scripts--ClinicPharmacyIntegrationOverlay .menu_header {
  font-weight: bold;
  text-align: left;
}
.Scripts--ClinicPharmacyIntegrationOverlay__header {
  border-bottom: 1px solid #eff2f4;
  padding-bottom: 3px;
}
.Scripts--ClinicPharmacyIntegrationOverlay__header svg {
  font-size: 15px;
}
.Scripts--ClinicPharmacyIntegrationOverlay .sub_text {
  font-size: 20px;
  text-align: left;
}
.Scripts--ClinicPharmacyIntegrationIndex .check_circle_icon_container {
  color: #57c559;
  font-size: 18px;
}
.Scripts--ClinicPharmacyIntegrationPoints {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Scripts--ClinicPharmacyIntegrationPoints--ClinicPharmacyIntegrationPoint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}
.Scripts--ClinicPharmacyIntegrationPoints--ClinicPharmacyIntegrationPoint h3 {
  font-weight: 600;
  font-size: 18px;
}
.Scripts--ClinicPharmacyIntegrationPoints--ClinicPharmacyIntegrationPoint p {
  opacity: 0.9;
}
.Scripts--ClinicPharmacyIntegrationPoints--ClinicPharmacyIntegrationPoint h5 {
  font-weight: bold;
  font-size: 20px;
}
.Scripts--ClinicPharmacyIntegrationOptions {
  margin-top: 10px;
  margin-bottom: 40px;
}
.Scripts--ClinicPharmacyIntegrationOptions .pharmacies {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.Scripts--ClinicPharmacyIntegrationOptions h2 {
  font-weight: bold;
}
.Scripts--ClinicPharmacyIntegrationOptions .rIntegrationCard {
  min-width: 250px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.Scripts--ClinicPharmacyIntegrations__header {
  text-align: left;
  margin-bottom: 10px;
}
.Scripts--ClinicPharmacyIntegrations__header h1 {
  font-size: 44px;
  font-weight: 300;
}
.Scripts--ClinicPharmacyIntegrations__header h2 {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: normal;
  opacity: 0.6;
  font-size: 17px;
}
.Scripts--ClinicPharmacyIntegrations h6 {
  text-align: left;
  color: #8a939b;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2px;
  margin-top: 12px;
}
.Scripts--CircleIcon {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 2px solid #e2e7eb;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Scripts--CircleIcon--neutral {
  background-color: #f9fafb;
  color: #b8c4ce;
  border-color: #b8c4ce;
}
.Scripts--CircleIcon--neutral--active {
  box-shadow: 0 2px 4px 0 #e2e7eb;
}
.Scripts--CircleIcon--primary {
  background-color: #f4f8fe;
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.Scripts--CircleIcon--primary--active {
  box-shadow: 0 2px 4px 0 #c0d6fa;
}
.Scripts--CircleIcon--accent1 {
  background-color: #fef2f6;
  color: #e91e63;
  border-color: #e91e63;
}
.Scripts--CircleIcon--accent1--active {
  box-shadow: 0 2px 4px 0 #f598b7;
}
.Scripts--CircleIcon--accent2 {
  background-color: #f0fafc;
  color: #68d0e3;
  border-color: #68d0e3;
}
.Scripts--CircleIcon--accent2--active {
  box-shadow: 0 2px 4px 0 #c3ecf4;
}
.Scripts--CircleIcon--success {
  background-color: #f0faf0;
  color: #57c559;
  border-color: #57c559;
}
.Scripts--CircleIcon--success--active {
  box-shadow: 0 2px 4px 0 #ade3ae;
}
.Scripts--CircleIcon--warning {
  background-color: #fef8ec;
  color: #eea314;
  border-color: #eea314;
}
.Scripts--CircleIcon--warning--active {
  box-shadow: 0 2px 4px 0 #f7d695;
}
.Scripts--CircleIcon--danger {
  background-color: #fef3f3;
  color: #eb5252;
  border-color: #eb5252;
}
.Scripts--CircleIcon--danger--active {
  box-shadow: 0 2px 4px 0 #f6b3b3;
}
.Scripts--CircleIcon svg {
  margin: auto;
}
.Scripts--CircleIcon p {
  margin: auto;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.Scripts--SidebarButton {
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 12px;
  border-radius: 5px;
  background: #f9fafb;
  text-align: center;
}
.Scripts--SidebarButton:hover {
  background: #f4f8fe;
}
.Scripts--SidebarButton--disabled {
  opacity: 0.7;
  cursor: not-allowed;
  background: #f9fafb;
}
.Scripts--SidebarButton__title {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}
.Scripts--SidebarButton__subtitle {
  font-size: 12px;
  color: #8a939b;
}
.Scripts--SidebarButton__icon {
  margin: 0 auto;
}
.Scripts--AddNoteInput {
  font-weight: normal;
  position: relative;
}
.Scripts--AddNoteInput .ant-input {
  padding-bottom: 41px;
  border: none;
  background-color: #f9fafb;
}
.Scripts--AddNoteInput .ant-input:hover {
  border: none;
}
.Scripts--AddNoteInput__addButton {
  margin-top: 10px;
}
.Scripts--Timeline__item {
  position: relative;
  word-break: break-word;
}
.Scripts--Timeline__item p {
  padding-left: 20px;
  font-size: 14px;
  color: #8a939b;
}
.Scripts--Timeline__expandable {
  cursor: pointer;
  transition: color 0.2s;
}
.Scripts--Timeline__expandable:hover {
  color: #555a5f;
}
.Scripts--Timeline__icon {
  top: 0;
  width: 15px;
  position: absolute;
  font-size: 14px;
}
.Scripts--Timeline__icon svg {
  color: #8a939b;
}
.Scripts--Timeline__failedDelivery {
  top: 0;
  width: 15px;
  position: absolute;
  font-size: 14px;
}
.Scripts--Timeline__failedDelivery svg {
  color: #eb5252;
}
.Scripts--Timeline__replyPopover {
  margin: -4px -10px;
  width: 250px;
}
.Scripts--Timeline__reply {
  display: inline-block;
}
.Scripts--Timeline__reply svg {
  margin-right: 5px;
  width: 15px;
  font-size: 12px;
}
.Scripts--Timeline__reply:hover {
  text-decoration: underline;
}
.Scripts--ActivityBar {
  position: relative;
}
.Scripts--ActivityBar__line {
  position: absolute;
  width: 2px;
  background-color: #e2e7eb;
  left: 15px;
  top: 15px;
  bottom: 20px;
  z-index: 0;
}
.Scripts--ActivityBarItem:not(:last-child) {
  margin-bottom: 24px;
}
.Scripts--ActivityBarItem:last-child {
  z-index: 1;
  background-color: white;
  position: relative;
}
.Scripts--ActivityBarItem__icon {
  position: relative;
  z-index: 1;
  margin-right: 10px;
}
.Scripts--ActivityBarItem__title {
  font-size: 16px;
  font-weight: 600;
  color: #6e767c;
  transition: color 0.2s;
}
.Scripts--ActivityBarItem__title:hover {
  color: #555a5f;
}
.Scripts--ActivityBarItem__children {
  margin-left: 42px;
}
.Scripts--ItemOverview {
  border-radius: 5px;
  margin-bottom: 24px;
  background-color: #f9fafb;
}
.Scripts--ItemOverview__box {
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.Scripts--ItemOverview__box:not(:last-child) {
  border-right: 4px solid white;
}
.Scripts--Details {
  margin-bottom: 40px;
}
.Scripts--Details__title {
  float: right;
}
.Scripts--Details__group {
  padding: 6px 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.Scripts--Details__label {
  color: #8a939b;
  font-weight: 600;
  width: 150px;
}
.Scripts--Details__value {
  font-weight: 600;
}
.Scripts--Details__value .barnyard-Tag__text {
  font-size: 11px;
}
.Scripts--Details__value .barnyard-BaseInput {
  margin: 0;
}
.Scripts--Details__value .barnyard-BaseInput__control {
  height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.Scripts--Details__replyPopover {
  margin: -4px -10px;
  width: 250px;
}
.Scripts--Details__replyPopover .barnyard-Message {
  font-size: 12px;
}
.Scripts--Details__replyPopover .barnyard-Message svg {
  margin-right: 3px;
}
.Scripts--Details__reply {
  display: inline-block;
  margin-left: 5px;
}
.Scripts--Details__reply a {
  font-weight: 500;
  font-size: 12px;
}
.Scripts--Details__reply svg {
  margin-right: 2px;
  width: 15px;
  font-size: 10px;
}
.Scripts--Details__reply:hover {
  text-decoration: underline;
}
.Scripts--OrderDetails {
  padding: 12px;
  background: #f9fafb;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-top: -18px;
}
.Scripts--OrderDetails h4 {
  font-weight: 600;
  margin-bottom: 12px;
}
.Scripts--OrderDetails__label {
  color: #8a939b;
  font-weight: 600;
  width: 138px;
}
.Scripts--OrderDetails__value {
  font-weight: 600;
}
.Scripts--OrderDetails__total {
  text-align: center;
}
.Scripts--OrderDetails__total-label {
  color: #8a939b;
  font-weight: 600;
}
.Scripts--OrderDetails__total-value {
  font-weight: bold;
}
.Scripts--ItemIssueButton {
  width: 500px;
}
.Scripts--ItemLink {
  margin-bottom: 40px;
  background: #f9fafb;
  border-radius: 5px;
  padding: 16px;
}
.Scripts--ItemLink h4 {
  font-weight: 600;
}
.Scripts--ItemLink__subtitle {
  margin-bottom: 8px;
  font-weight: 600;
}
.Scripts--ItemLink__subtitle-label {
  color: #8a939b;
}
.Scripts--ItemLink__suggestionImage {
  max-height: 80px;
  max-width: 80px;
}
.Scripts--ItemLink__suggestionName {
  font-weight: 600;
  color: #555a5f;
  line-height: 1.2;
}
.Scripts--ItemLink__suggestionName:hover {
  text-decoration: underline;
  color: #315795;
}
.Scripts--ItemLink__itemIssue__flagContainer {
  font-size: 12px;
  color: #4f8cf1;
  z-index: 2;
  display: inline-block;
  transition: color 0.2s;
}
.Scripts--ItemLink__itemIssue__flagContainer:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.Scripts--ItemLink__itemIssue__success {
  opacity: 1 !important;
}
.Scripts--ItemLink__itemIssue__input {
  width: 500px;
}
.Scripts--ItemLink__item-suggestion {
  text-align: center;
  border: 1px solid #e2e7eb;
  background: white;
  padding: 36px 24px;
  border-radius: 3px;
  overflow: hidden;
  transition: border 300ms;
  cursor: pointer;
  position: relative;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
}
.Scripts--ItemLink__item-suggestion:hover {
  border-color: #4f8cf1;
}
.Scripts--ItemLink__item-suggestion--active {
  border-color: #4f8cf1;
  background-color: #f4f8fe;
  box-shadow: 0 2px 4px 0 #c0d6fa;
}
.Scripts--ItemLink__check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  text-align: center;
  color: white;
  line-height: 18px;
}
.Scripts--ItemLink__check svg {
  margin: 0;
  font-size: 12px;
}
.Scripts--ItemLink__check--active {
  border-color: #4f8cf1;
  background-color: #4f8cf1;
}
.Scripts--Pricing {
  margin: 40px -16px -16px -16px;
  position: relative;
}
.Scripts--Pricing__old_non_discounted_price {
  margin-left: 5px;
  position: relative;
  opacity: 0.5;
  margin-right: 4px;
}
.Scripts--Pricing__old_non_discounted_price::before,
.Scripts--Pricing__old_non_discounted_price::after {
  content: '';
  width: 90%;
  position: absolute;
  right: 5%;
  top: 50%;
}
.Scripts--Pricing__old_non_discounted_price::before {
  opacity: 0.5;
  border-bottom: 1px solid;
  transform: skewY(10deg) translateY(-1px) scaleX(1.2);
}
.Scripts--Pricing__box {
  border-top: 1px solid #e2e7eb;
}
.Scripts--Pricing__col {
  text-align: center;
}
.Scripts--Pricing__col:not(:last-child) {
  border-right: 1px solid #eff2f4;
}
.Scripts--Pricing__imagePlaceholder {
  height: 40px;
}
.Scripts--Pricing__connectIcon {
  font-size: 18px;
  color: #eea314;
}
.Scripts--Pricing__manualPrice.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.Scripts--Pricing__manualPrice:hover {
  text-decoration: underline;
}
.Scripts--Pricing__top {
  padding: 4px 0 4px;
  border-bottom: 1px solid #eff2f4;
}
.Scripts--Pricing__top p {
  color: #8a939b;
  font-size: 12px;
}
.Scripts--Pricing__not-connected {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.Scripts--Pricing__not-connected i {
  display: block;
}
.Scripts--Pricing__not-connected .barnyard-Tooltip {
  display: block;
}
.Scripts--Pricing__not-connected .barnyard-Tooltip svg {
  margin: 5px auto;
  cursor: help;
}
.Scripts--Pricing__main {
  padding: 12px;
  border-bottom: 1px solid #eff2f4;
  background: #f9fafb;
  height: 130px;
  position: relative;
}
.Scripts--Pricing__main h5 {
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-size: 12px;
  color: #8a939b;
}
.Scripts--Pricing__main h4 {
  font-size: 24px;
  font-weight: 600;
}
.Scripts--Pricing__main h6 {
  font-weight: 600;
  letter-spacing: 0.2px;
  font-size: 14px;
  margin-bottom: 4px;
}
.Scripts--Pricing__hijackRequired {
  text-align: center;
  max-width: 300px;
  margin: auto;
}
.Scripts--Pricing__hijackRequired i {
  display: block;
}
.Scripts--Pricing__hijackRequired .barnyard-BaseInput {
  max-width: 150px;
  margin: 0 auto 4px auto;
}
.Scripts--Pricing__hijackRequired h6 {
  font-weight: 800;
  font-size: 14px;
  margin: 0;
}
.Scripts--Pricing__refresh {
  position: absolute;
  top: 16px;
  right: 16px;
  transition: color 0.2s;
  color: #8a939b;
  cursor: pointer;
  font-size: 12px;
}
.Scripts--Pricing__refresh:hover {
  color: #555a5f;
}
.Scripts--Pricing__refresh.disabled {
  cursor: not-allowed;
  color: #8a939b;
}
.Scripts--Pricing__addCode {
  position: absolute;
  top: 16px;
  left: 16px;
  transition: color 0.2s;
  color: #8a939b;
  cursor: pointer;
  font-size: 12px;
}
.Scripts--Pricing__addCode:hover {
  color: #555a5f;
}
.Scripts--Pricing__addCode.disabled {
  cursor: not-allowed;
  color: #8a939b;
}
.Scripts--Pricing__bottom {
  padding: 8px;
}
.Scripts--Pricing__hoverMessage {
  position: absolute;
  top: 12px;
  right: 12px;
}
.Scripts--Pricing__hoverMessage svg {
  color: #8a939b;
  font-size: 12px;
}
.Scripts--Pricing__hidden {
  visibility: hidden;
}
.Scripts--DetailsCard {
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  margin-bottom: 20px;
}
.Scripts--DetailsCard__actions_container {
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-align: right;
}
.Scripts--DetailsCard__heading {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Scripts--DetailsCard__heading h1 {
  font-size: 18px;
  font-weight: 600;
}
.Scripts--DetailsCard__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.Scripts--DetailsCard__content {
  padding: 16px;
}
.Scripts--DetailsCard__line {
  margin-top: 5px;
  background-color: #4f8cf1;
  height: 4px;
  width: 36px;
  border-radius: 2px;
}
.Scripts--MessageClientCard {
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  margin-bottom: 12px;
  overflow: hidden;
}
.Scripts--MessageClientCard svg {
  margin-right: 4px;
}
.Scripts--MessageClientCard__header {
  background: #f9fafb;
  padding: 6px 12px;
  border-bottom: 1px solid #e2e7eb;
}
.Scripts--MessageClientCard__header p {
  font-weight: bold;
}
.Scripts--MessageClientCard__content {
  padding: 6px 12px;
}
.Scripts--MessageClientCard__content p {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Scripts--MessageClientPreview {
  height: 621px;
  overflow: hidden;
  margin: -48px 0 -10px;
}
.Scripts--MessageClientPreview__phone {
  position: relative;
  margin: 36px auto;
  width: 324px;
  height: 780px;
  background: white;
  border-radius: 36px;
  box-shadow: 0 0 0 11px #eff2f4, 0 0 0 13px #eff2f4, 0 0 0 20px #eff2f4;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif;
}
.Scripts--MessageClientPreview__phone::before,
.Scripts--MessageClientPreview__phone::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.Scripts--MessageClientPreview__phone::after {
  bottom: 7px;
  width: 140px;
  height: 4px;
  background-color: #eff2f4;
  border-radius: 10px;
}
.Scripts--MessageClientPreview__phone::before {
  top: 0;
  width: 56%;
  height: 30px;
  background-color: #eff2f4;
  border-radius: 0 0 40px 40px;
}
.Scripts--MessageClientPreview__phone__header {
  background: #f9fafb;
  height: 80px;
  width: 100%;
  border-bottom: 1px solid #eff2f4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.Scripts--MessageClientPreview__phone__header h4 {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 14px;
}
.Scripts--MessageClientPreview__phone__header a {
  margin-left: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.Scripts--MessageClientPreview__phone__content {
  padding: 12px 0;
}
.Scripts--MessageClientPreview__phone__time {
  font-size: 10px;
  color: #a2acb5;
  text-align: center;
  margin-bottom: 4px;
}
.Scripts--MessageClientPreview__phone__time strong {
  font-weight: 600;
}
.Scripts--MessageClientPreview__phone__message {
  padding: 0 50px 0 24px;
}
.Scripts--MessageClientPreview__phone__image {
  overflow: hidden;
  border-radius: 30px;
  transition: opacity 300ms;
  cursor: zoom-in;
}
.Scripts--MessageClientPreview__phone__image:hover {
  opacity: 0.8;
}
.Scripts--MessageClientPreview__phone__image-preview {
  margin-top: 50px;
}
.Scripts--MessageClientPreview__phone__text {
  font-size: 14px;
  padding: 8px 12px;
  min-height: 26px;
  min-width: 14px;
  line-height: 16px;
  position: relative;
  overflow-wrap: break-all;
  background: #eff2f4;
  border-radius: 20px 20px 20px 0;
}
.Scripts--MessageClientPreview__phone__text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #eff2f4;
  border-left: 0;
  border-bottom: 0;
  margin-top: -4px;
  margin-left: -8px;
}
.Scripts--ScriptAutoSendDetails__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Scripts--ScriptAutoSendDetails__element {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #8a939b;
  font-size: 16px;
}
.Scripts--ScriptAutoSendDetails__right_side_element {
  padding-left: 3px;
  color: #6e767c;
}
.Scripts--ResolutionStepper {
  margin-bottom: 30px;
}
.Scripts--ResolutionStepper__step__circle {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  border: 2px solid #e2e7eb;
  color: white;
  font-size: 14px;
  margin-top: 2px;
  text-align: center;
  background: white;
  z-index: 1;
  position: relative;
  transition: all 500ms;
}
.Scripts--ResolutionStepper__step__circle svg {
  transition: all 500ms;
  opacity: 0;
}
.Scripts--ResolutionStepper__step__line {
  margin-top: 2px;
  height: 100%;
  width: 2px;
  background: #e2e7eb;
  position: relative;
  left: -13px;
  z-index: 0;
  transition: all 500ms;
}
.Scripts--ResolutionStepper__step__line--hide {
  visibility: hidden;
}
.Scripts--ResolutionStepper__step__title {
  transition: all 500ms;
  color: #8a939b;
  font-weight: 600;
  font-size: 16px;
  padding-left: 12px;
}
.Scripts--ResolutionStepper__step__content {
  padding: 4px 12px;
}
.Scripts--ResolutionStepper__step__content p {
  color: #6e767c;
  margin-bottom: 12px;
  font-size: 16px;
}
.Scripts--ResolutionStepper__step__main {
  padding-bottom: 24px;
}
.Scripts--ResolutionStepper__step__option {
  max-height: 39px;
}
.Scripts--ResolutionStepper__step__option h6 {
  font-size: 14px;
  color: #8a939b;
}
.Scripts--ResolutionStepper__step--success .Scripts--ResolutionStepper__step__circle {
  background: #57c559;
  border-color: #57c559;
}
.Scripts--ResolutionStepper__step--success .Scripts--ResolutionStepper__step__circle svg {
  opacity: 1;
}
.Scripts--ResolutionStepper__step--success .Scripts--ResolutionStepper__step__line {
  background: #57c559;
}
.Scripts--ResolutionStepper__step--active .Scripts--ResolutionStepper__step__circle {
  border-color: #4f8cf1;
  background: #f4f8fe;
  box-shadow: 0 2px 4px 0 #c0d6fa;
}
.Scripts--ResolutionStepper__step--active .Scripts--ResolutionStepper__step__title {
  color: #555a5f;
}
.Scripts--ResolutionStepper__step--clickable .Scripts--ResolutionStepper__step__title {
  cursor: pointer;
}
.Scripts--ResolutionStepper__step--clickable .Scripts--ResolutionStepper__step__title:hover {
  color: #555a5f;
}
.Scripts--ResolutionStepper__terminal h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}
.Scripts--ResolutionStepper__terminal p {
  font-size: 16px;
}
.Scripts--ResolutionStepper__terminal--approved {
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #ade3ae;
  background: #f0faf0;
  color: #255325;
}
.Scripts--ResolutionStepper__terminal--denied {
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #f6b3b3;
  background: #fef3f3;
  color: #712727;
}
.Scripts--ResolutionStepper__terminal--autosent {
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #e2e7eb;
  background: #f9fafb;
  color: #555a5f;
}
.Scripts--ResolutionStepper__terminal--both > h4:not(:first-child) {
  margin-top: 10px;
}
.Scripts--ResolutionStepper__denyOnly {
  margin-top: 10px;
  color: #6e767c;
}
.Scripts--ResolutionStepper__denyOnly a {
  margin-left: 4px;
}
.Scripts--ResolutionStepper__denyOnly a:hover {
  text-decoration: underline;
}
.Scripts--EsupplySearchOverlay {
  padding: 10px 0 0 0;
}
.Scripts--EsupplySearchOverlay h1 {
  font-size: 28px;
  font-weight: bold;
}
.Scripts--EsupplySearchOverlay__noResults {
  height: 400px;
  padding: 10px;
}
.Scripts--EsupplySearchOverlay__header {
  padding: 0 20px;
}
.Scripts--EsupplySearchOverlay__results {
  padding: 0 20px;
  height: 430px;
  overflow: scroll;
}
.Scripts--EsupplySearchOverlay__subtitle {
  margin-bottom: 8px;
  font-weight: 600;
}
.Scripts--EsupplySearchOverlay__subtitle-label {
  color: #8a939b;
}
.Scripts--EsupplySearchOverlay__itemLinkUpdate {
  padding: 10px 20px;
  border-top: 1px solid #e2e7eb;
}
.Scripts--EsupplySearchOverlay__itemLinkUpdate .barnyard-Check {
  margin-bottom: 0;
}
.Scripts--EsupplySearchOverlay__itemLinkUpdate .barnyard-Check__checkbox {
  min-width: 20px;
}
.Scripts--EsupplySearchOverlay__itemLinkUpdate .barnyard-Check__content {
  font-weight: normal;
  color: #8a939b;
}
.Scripts--EsupplySearchOverlay__itemLinkUpdate strong {
  font-weight: 700;
}
.Scripts--EsupplySearchOverlay__itemLinkIcon {
  margin-left: 5px;
  cursor: help;
}
.Scripts--EsupplySearchItem {
  cursor: pointer;
  transition: border 300ms;
  border: 1px solid transparent;
  border-radius: 3px;
}
.Scripts--EsupplySearchItem.selected {
  border-color: #4f8cf1;
  background-color: #f4f8fe;
  box-shadow: 0 2px 4px 0 #c0d6fa;
}
.Scripts--EsupplySearchItem:hover {
  border-color: #4f8cf1;
  background-color: #f4f8fe;
}
.Scripts--EsupplySearchItem__image-container {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 10px;
}
.Scripts--EsupplySearchItem__image {
  max-height: 60px;
}
.Scripts--EsupplySearchItem__content {
  padding: 10px;
}
.Scripts--EsupplySearchItem h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
}
.Scripts--EsupplySearchItem h4 {
  margin-top: 5px;
  font-size: 14px;
  color: #a2acb5;
}
.Scripts--EsupplySearchItem a:hover {
  text-decoration: underline;
}
.Scripts--Table__StackedCell__top {
  font-size: 16px;
}
.Scripts--Table__StackedCell__top svg {
  margin-right: 5px;
}
.Scripts--Table__StackedCell__bottom {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
}
.Scripts--Table__search {
  min-width: 250px;
}
.Scripts--DiscountCodeSelect__addNew {
  margin-top: 10px;
  background: #f9fafb;
  border: 1px solid #b8c4ce;
  border-radius: 3px;
  padding: 8px;
}
.Scripts--DiscountCodeSelect__col:not(:last-child) {
  padding-right: 5px;
}
.Scripts--DiscountCodeSelect__col:not(:first-child) {
  padding-left: 5px;
}
.Scripts--ClinicCallerInfo {
  padding: 0;
  margin-top: 20px;
}
.Scripts--ClinicCallerInfo__header {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
}
.Scripts--ClinicCallerInfo__content {
  padding: 12px;
}
.Scripts--ClinicCallerInfo__section:not(:last-child) {
  margin-bottom: 10px;
}
.Scripts--ClinicCallerInfo__section p {
  color: #8a939b;
}
.Scripts--ClinicCallerInfo__section strong {
  font-size: 14px;
  color: #555a5f;
  font-weight: 600;
}
.Scripts--ClinicCallerInfo__icon {
  margin-top: 6px;
  margin-right: 12px;
  color: #8a939b;
}
.Scripts--TitleActions__popover {
  margin: -4px -10px;
  width: 300px;
}
.Scripts--TitleActions__popover h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 5px;
}
.Scripts--TitleActions__popoverButtons {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.Scripts--TitleActions__popoverButtons .barnyard-Button {
  width: 50%;
}
.rScriptsPreauth__listScript {
  position: relative;
  z-index: 1;
  margin-left: 3px;
}
.rScriptsPreauth__listScript:hover {
  text-decoration: underline;
}
.rScriptsPreauth__loading {
  min-height: 50px;
}
.rScriptsPreauth__listSeparator {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 5px;
  border-bottom: 2px dashed #e2e7eb;
  position: relative;
}
.rScriptsPreauth__listSeparator > div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: -10px;
}
.rScriptsPreauth__listSeparator > div > span {
  padding: 0 5px;
  background-color: white;
  font-weight: 600px;
  font-size: 14px;
  color: #6e767c;
}
.rScriptsPreauth__listLogo {
  background-size: 40px;
  width: 40px;
  height: 40px;
  padding-top: 0px;
  background-color: white;
}
.rScriptsPreauth__listBox {
  background-color: #f9fafb;
  border-radius: 2px;
  width: 100%;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.rScriptsPreauth__listBox:hover {
  cursor: pointer;
  background: #f4f8fe;
}
.rScriptsPreauth__listBox__top {
  font-size: 16px;
}
.rScriptsPreauth__listBox__bottom {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
}
.rScriptsPreauth__listBox__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rScriptsPreauth__createButton {
  width: 100%;
}
.rScriptsPreauth__overlay {
  width: 1000px;
  height: 90%;
  min-height: 400px;
  padding: 0;
}
.rScriptsPreauth__content {
  height: 100%;
  width: 100%;
}
.rScriptsPreauth__row {
  height: 100%;
  width: 100%;
}
.rScriptsPreauth__col {
  position: relative;
  height: 100%;
}
.rScriptsPreauth__loadingWrapper {
  height: 100%;
  padding-bottom: 30px;
}
.rScriptsPreauth__loadingWrapper > .barnyard-LoadingWrapper {
  height: 100%;
}
.rScriptsPreauth__fields {
  margin-left: 60px;
  padding-right: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  overflow: auto;
}
.rScriptsPreauth__progressButton {
  width: 100%;
}
.rScriptsPreauth__progressButtonContainer {
  width: 100%;
}
.rScriptsPreauth__backButton {
  float: left;
  color: #6e767c;
}
.rScriptsPreauth__pdfContainer {
  width: 100%;
  height: 100%;
  overflow: scroll;
  padding-left: 15px;
  padding-right: 15px;
}
.rScriptsPreauthProgress__break {
  background-color: #e2e7eb;
  height: 2px;
  border: 0;
  margin-bottom: 10px;
}
.rScriptsPreauthProgress__progress {
  padding: 35px 20px 30px 0px;
  background: #eff2f4;
  width: 230px;
  height: 100%;
}
.rScriptsPreauthProgress__pharmacyHeader {
  margin-left: 20px;
  position: relative;
}
.rScriptsPreauthProgress__pharmacyHeader p {
  top: -15px;
  position: absolute;
}
.rScriptsPreauthProgress__switchView {
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.rScriptsPreauthProgress__switchButton {
  border: 1px solid #4f8cf1;
}
.rScriptsPreauthProgress__progressNumber {
  display: inline-block;
  background: #a2acb5;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  transition: 0.2s;
  z-index: 1;
  position: relative;
}
.rScriptsPreauthProgress__progressAngle {
  position: absolute;
  top: -8px;
  right: 0;
  margin-right: -5px;
  font-size: 38px;
  color: #a2acb5;
}
.rScriptsPreauthProgress__progressStepContainer {
  width: 100%;
}
.rScriptsPreauthProgress__progressStepInfoGuide {
  display: inline-block;
  margin-left: 45px;
  position: relative;
}
.rScriptsPreauthProgress__progressLine {
  position: absolute;
  border-left: 2px solid #57c559;
  top: -15px;
  bottom: -30px;
}
.rScriptsPreauthProgress__progressLine.empty {
  top: -25px;
  bottom: -35px;
}
.rScriptsPreauthProgress__progressStepInfo {
  margin-left: 15px;
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
}
.rScriptsPreauthProgress__progressStep {
  margin-top: 10px;
  float: left;
  text-align: center;
  font-size: 15px;
  color: #a2acb5;
  font-weight: bold;
  transition: color 0.2s, opacity 0.2s;
  padding: 8px 50px 8px 35px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rScriptsPreauthProgress__progressStep.active {
  color: #4f8cf1;
  font-weight: bold;
  background: #dfeafc;
}
.rScriptsPreauthProgress__progressStep.active .rScriptsPreauthProgress__progressNumber {
  background: #4f8cf1;
  color: #fff;
}
.rScriptsPreauthProgress__progressStep.completed {
  color: #57c559;
}
.rScriptsPreauthProgress__progressStep.completed .rScriptsPreauthProgress__progressNumber {
  background: #57c559;
}
.rScriptsPreauthProgress__progressStep.selectable:hover {
  cursor: pointer;
  color: #316e32;
}
.rScriptsPreauthProductSearch h4 {
  margin-bottom: 10px;
  margin-top: -10px;
  font-size: 16px;
}
.rScriptsPreauthProductSearch__search {
  width: 100%;
}
.rScriptsPreauthProductSearch__image {
  padding: 15px;
}
.rScriptsPreauthProductSearch__image img {
  max-height: 130px;
}
.rScriptsPreauthProductSearch__card {
  border: 2px solid #eff2f4;
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f9fafb;
}
.rScriptsPreauthProductSearch .rCheckoutInteractiveOption {
  margin-bottom: 5px;
}
.rScriptsPreauthFailure__box {
  width: 100%;
  margin-top: 15px;
}
.rScriptsPreauthFailure > .barnyard-ErrorPage__container {
  margin: 0px;
}
.rScriptsPreauthFailure > .barnyard-ErrorPage__container > .barnyard-ErrorPage {
  margin: 0px;
}
.rScriptsPreauthFailure__message {
  font-weight: 600;
  font-size: 16px;
}
.rScriptPreauthsHeader__break {
  background-color: #eff2f4;
  height: 2px;
  border: 0;
  margin-bottom: 10px;
}
.rScriptPreauthsHeader__status {
  float: right;
  position: relative;
  color: #4f8cf1;
}
.rScriptPreauthsHeader__status.error {
  color: #eb5252;
}
.rScriptPreauthsHeader__status.finished {
  color: #57c559;
}
.rScriptPreauthsHeader__statusDot {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #4f8cf1;
}
.rScriptPreauthsHeader__statusDot.error {
  background-color: #eb5252;
}
.rScriptPreauthsHeader__statusDot.finished {
  background-color: #57c559;
}
.rScriptPreauthsHeader__pillLeft {
  background-color: #dfeafc;
  border: 1px solid #dfeafc;
  box-sizing: border-box;
  border-radius: 100px 0px 0px 100px;
  position: absolute;
  top: -1px;
  bottom: 0;
  width: 25px;
}
.rScriptPreauthsHeader__pillLeft.finished {
  background-color: #daf2da;
  border: 1px solid #daf2da;
}
.rScriptPreauthsHeader__pillLeft.error {
  background-color: #fbe0e0;
  border: 1px solid #fbe0e0;
}
.rScriptPreauthsHeader__pillDiv {
  background-color: #f4f8fe;
  border: 1px solid #dfeafc;
  box-sizing: border-box;
  border-radius: 100px;
  position: relative;
}
.rScriptPreauthsHeader__pillDiv.finished {
  background-color: #f0faf0;
  border: 1px solid #daf2da;
}
.rScriptPreauthsHeader__pillDiv.error {
  background-color: #fef3f3;
  border: 1px solid #fbe0e0;
}
.rScriptPreauthsHeader__pillText {
  padding-left: 35px;
  padding-right: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 155%;
}
.rScriptPreauthsHeader__blueText {
  color: #4f8cf1;
}
.rPreauthInteractiveOptions__message {
  font-size: 16px;
  line-height: 20px;
  color: #b8c4ce;
  font-weight: normal;
}
.rPreauthInteractiveOptions__sectionHeader {
  color: #6e767c;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rPreauthInteractiveOptions__sectionHeader.has-error {
  color: #eb5252;
}
.rPreauthInteractiveOptions__header {
  margin-bottom: 5px;
}
.rPreauthInteractiveOptions__header h2 {
  font-weight: normal;
  letter-spacing: 0.25px;
  font-size: 15px;
  margin-bottom: 5px;
}
.rPreauthInteractiveOptions__headerName {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rPreauthInteractiveOptions__inputs {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rScriptsPreauthSummary__printButton {
  border: 1px solid #4f8cf1;
  margin-right: 10px;
}
.rScriptsPreauthSummary__content {
  padding: 5px 0px;
}
.rScriptsPreauthSummary__section {
  border: 2px solid #eff2f4;
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 10px;
  min-height: 200px;
}
.rScriptsPreauthSummary__header {
  border-bottom: 2px solid #eff2f4;
}
.rScriptsPreauthSummary__header h2 {
  font-size: 18px;
  font-weight: bold;
}
.rScriptsPreauthSummary__table {
  font-size: 18px;
  width: 100%;
}
.rScriptsPreauthSummary__field {
  padding: 5px;
  padding-right: 30px;
  text-align: left;
  font-weight: 600;
}
.rScriptsPreauthSummary__value {
  padding-left: 10px;
  text-align: left;
}
.rScriptsPreauthSummary__success__message {
  color: #555a5f;
  text-align: left;
  margin-left: 40px;
  font-size: 14px;
}
.rScriptsPreauthSummary__success__message > h3 {
  font-size: 16px;
  font-weight: 600;
}
.rScriptsPreauthSummary__success__actions {
  float: right;
  display: -ms-flexbox;
  display: flex;
}
.rScriptsPreauthSummary__success__checkmark {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #57c559;
}
.rScriptsPreauthSummary__success__checkmark.archived {
  color: #eb5252;
}
.rScriptsPreauthSummary__success__finish {
  width: 100%;
}
.rScriptsPreauthSummary__image {
  max-height: 100px;
}
.rScriptsPreauthSummary__editButton {
  float: right;
}
.rScriptsPreauthClientSearch__searchButton {
  width: 100%;
}
.rScriptsPreauthClientSearch__header {
  font-weight: 600;
  color: #8a939b;
}
.rScriptsPreauthRadioOption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}
.rScriptsPreauthRadioOption__buttonContainer {
  max-width: 200px;
  float: right;
}
.rScriptsPreauthRadioOption__option {
  color: #8a939b;
  background: white;
  padding: 6px 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 3px;
  border: 2px solid #eff2f4;
  transition: border-color 0.2s;
}
.rScriptsPreauthRadioOption__option.active {
  border-color: #8eb5f6;
  background-color: #f4f8fe;
}
.rScriptsPreauthRadioOption__option.disabled {
  border: 2px solid #eff2f4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rScriptsPreauthRadioOption__option.disabled:hover {
  cursor: not-allowed;
}
.rScriptsPreauthRadioOption__option.disabled p.address_line {
  color: #cdd6dd;
}
.rScriptsPreauthRadioOption__option:not(:last-child) {
  margin-bottom: 10px;
}
.rScriptsPreauthRadioOption__option:hover {
  cursor: pointer;
}
.rScriptsPreauthRadioOption__option.nonbutton:hover {
  cursor: default;
}
.rScriptsPreauthRadioOption__option:not(.active):not(.disabled):hover {
  border-color: #8eb5f6;
}
.rScriptsPreauthRadioOption__dataCol {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rScriptsPreauthRadioOption__dataCol > h3 {
  font-size: 18px;
  font-weight: 600;
}
.rScriptsPreauthRadioOption__petCol {
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
}
.rScriptsPreauthRadioOption__subheader {
  color: #8a939b;
  font-size: 14px;
}
.rScriptsPreauthRadioOption__name {
  color: #555a5f;
  -ms-flex-positive: 1;
      flex-grow: 1;
  letter-spacing: 0.5px;
  line-height: 10px;
  padding: 10px;
}
.rScriptsPreauthRadioOption__emptyField {
  text-align: center;
  width: 100%;
  font-size: 15px;
  color: #8a939b;
}
.rScriptsPreauthRadioOption__selectButton {
  width: 100%;
}
.rScriptsPreauthRadioOption__iconBox {
  width: 50px;
  text-align: center;
  background-color: #e2e7eb;
  border-radius: 1px;
  margin-right: 10px;
}
.rScriptsPreauthRadioOption__iconBox.active {
  background-color: #c0d6fa;
}
.rScriptsPreauthRadioOption__icon {
  color: #6e767c;
  margin: 5px;
  padding: 2px;
}
.rScriptsPreauthRadioOption__icon.active {
  color: #315795;
}
.PreauthFormErrors {
  color: white;
  background: #eb5252;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.PreauthFormErrors p {
  font-weight: bold;
}
.PreauthFormErrors > div {
  margin-bottom: 0;
}
.rPermissions__overlay {
  width: 800px;
}
@media (max-width: 900px) {
  .rPermissions__overlay {
    width: 100%;
  }
}
.rPermissions__margins {
  margin-top: 10px;
}
.rPermissions__tooltip {
  width: 150px;
  text-align: center;
  font-size: 12px;
}
.rPermissions__icon {
  opacity: 30%;
}
.rPermissions__text {
  opacity: 50%;
}
.rPermissions__disclaimer {
  font-style: italic;
  font-size: 14px;
  color: #8a939b;
}
.ReactPricing {
  padding: 100px 20px 150px 20px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.ReactPricing h1 {
  font-size: 40px;
  margin-bottom: 30px;
}
.ReactPricing h2 {
  font-size: 100px;
  line-height: 1;
  color: #4f8cf1;
}
.ReactPricing h3 {
  font-size: 19px;
  line-height: 1;
  margin-bottom: 30px;
}
.ReactPricing h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #999;
  margin-bottom: 10px;
}
.rc-slider {
  position: relative;
  height: 10px;
  width: 100%;
  border-radius: 6px;
  background-color: #e9e9e9;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 10px;
  border-radius: 6px;
  background-color: #4f8cf1;
  z-index: 1;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -15px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #4f8cf1;
  background-color: #fff;
  z-index: 2;
  transition: border-color 0.2s;
  outline: none;
}
.rc-slider-handle:hover {
  border-color: #8eb5f6;
}
.rc-slider-handle-active:active {
  border-color: #8eb5f6;
  box-shadow: 0 0 5px #8eb5f6;
}
.rc-slider-mark {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  font-size: 20px;
  z-index: 3;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 10px;
  background: transparent;
  z-index: 1;
}
.rc-slider-dot {
  position: absolute;
  bottom: 3px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot:first-child {
  margin-left: 0;
}
.rc-slider-dot:last-child {
  margin-left: -6px;
}
.rc-slider-dot-active {
  border-color: #a7c6f8;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.Pims__content {
  margin-top: 40px;
}
.PimHelpButton {
  text-align: center;
}
.PimHelpButton__SideBar {
  border: 1px solid #e2e7eb;
  border-style: solid;
  border-radius: unset;
  box-shadow: none;
  margin-bottom: 15px;
}
.PimProductsSider__filter {
  margin-bottom: 16px;
}
.PimInfoBox {
  margin-bottom: 16px;
}
.PimProductsList a {
  color: #555a5f;
}
.PimProductsList__id {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.PimProductsList__status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.PimProductId {
  overflow: hidden;
}
.PimProductsItem.loading {
  opacity: 0.5;
}
.PimProductsItem .barnyard-Loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.PimProductsItem .barnyard-Loading__spinner {
  height: 12px;
  width: 12px;
  margin-top: 2px;
  margin-right: 8px;
  margin-left: 4px;
}
.PimProductsItem__image {
  width: 50px;
  height: 50px;
  cursor: zoom-in;
  border: 1px solid #e2e7eb;
}
.PimProductsItem__text {
  padding-left: 8px;
}
.PimProductsItem__text h4 {
  font-weight: 600;
  white-space: normal;
}
.PimProductsItem__text h6 {
  line-height: 1;
  color: #8a939b;
}
.PimProductsItem__actions {
  margin-bottom: 5px;
}
.PimProductsItem__actions h6 {
  margin-right: 5px;
}
.PimProductsItem__actions h6 svg {
  font-size: 11px;
  margin-right: 3px;
}
.PimProductsItem:not(:last-child) {
  margin-bottom: 8px;
}
.PimItemId {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.CartItemPimsLinkingOverlayButton {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0 0 0;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  background-color: #f9fafb;
  color: #6e767c;
  font-size: 14px;
}
.CartItemPimsLinkingOverlayButton.canEditPimsLinks:hover {
  color: #52575b;
}
.CartItemPimsLinkingOverlayButton.duplicatePimProducts {
  border: 1px solid #eea314;
  background-color: #fef8ec;
  color: #ae770f;
}
.CartItemPimsLinkingOverlayButton.duplicatePimProducts:hover {
  color: #75500a;
}
.CartItemPimsLinkingOverlayButton__icon {
  padding: 0 5px;
}
.CartItemPimsLinkingOverlayButton__text {
  padding: 0 5px;
  font-weight: 600;
}
.CartItemPimsLinkingOverlay__header h1 {
  font-size: 30px;
  font-weight: 700;
  color: #555a5f;
}
.CartItemPimsLinkingOverlay__header__faq {
  font-size: 14px;
  font-weight: 600;
  margin-right: 25px;
}
.CartItemPimsLinkingOverlay__content {
  min-height: 400px;
  margin-top: 10px;
}
.CartItemPimsLinkingOverlay__content h5 {
  font-weight: bold;
  margin: 4px 0;
  line-height: 1.2;
}
.CartItemPimsLinkingOverlay__search {
  padding-right: 12px;
}
.CartItemPimsLinkingOverlay__link-info {
  padding-left: 12px;
  border-left: 1px solid #e2e7eb;
}
.CartItemPimsLinkingOverlay__box {
  width: 900px;
}
.CartItemPimsLinkingOverlay__search-items {
  overflow: auto;
  height: 560px;
}
.CartItemPimsLinkingOverlay__search-items .PimProductSearchItem {
  width: 100%;
}
.CartItemPimsLinkingOverlay__search-items .PimProductItemUnitSelect__Units {
  width: 100%;
}
.CartItemPimsLinkingOverlay__currently-linked {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border-top: 1px solid #e2e7eb;
  padding-top: 8px;
  margin-top: 8px;
  min-height: 100px;
}
.CartItemPimsLinkingOverlay .barnyard-BallLoading {
  padding: 8px;
  margin: 20px auto 0 auto;
  width: 100%;
}
.CartItemPimsLinkingOverlay__warning__header {
  position: relative;
  border-radius: 5px 5px 0 0;
  background-color: #eb5252;
  padding: 0 10px;
  font-weight: 600;
  color: white;
  width: 100%;
  text-align: center;
}
.CartItemPimsLinkingOverlay__warning__header__icon {
  position: absolute;
  left: 0;
  padding: 5px 0 0 10px;
}
.CartItemPimsLinkingOverlay__warning h5 {
  border: 2px solid #eb5252;
  border-top: none;
  border-radius: 0 0 5px 5px;
  background-color: #fef3f3;
  padding: 10px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.CartItemPimLinkButton__tooltip {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.PimProductOverlay__header {
  font-size: 16px;
}
.PimProductOverlay__header__title {
  font-size: 18px;
  font-weight: 700;
}
.PimProductOverlay__header__faq {
  font-weight: 600;
  margin-right: 30px;
}
.PimProductOverlay__content {
  min-height: 400px;
  margin-top: 10px;
}
.PimProductOverlay__content h5 {
  font-weight: bold;
  margin: 4px 0;
  line-height: 1.2;
}
.PimProductOverlay__search {
  padding-right: 12px;
}
.PimProductOverlay__edit {
  padding-left: 12px;
  border-left: 1px solid #e2e7eb;
}
.PimProductOverlay__box {
  width: 900px;
}
.PimProductOverlay__search-items {
  overflow: auto;
  height: 560px;
}
.PimProductItemUnitSelect__Units {
  margin-top: 8px;
  border-top: 1px solid #e2e7eb;
}
.PimProductItemUnitSelect__Units__Header {
  margin-top: 10px;
}
.PimProductItemUnitSelect__Units__Header h5 {
  margin-bottom: 0;
}
.PimProductItemUnitSelect__Units__Header h6 {
  line-height: 1.2;
  margin-bottom: 8px;
}
.PimProductItemUnitSelect__Message {
  border-radius: 5px;
}
.PimProductItemUnitSelect__Tooltip {
  width: 285px;
}
.PimProductItemUnitSelect__UpdateButton {
  margin-right: 2px;
}
.PimProductSearchItem {
  padding: 6px 3px;
  border-radius: 5px;
}
.PimProductSearchItem:nth-child(odd) {
  background-color: #f9fafb;
}
.PimProductSearchItem__image {
  width: 50px;
  height: 50px;
}
.PimProductSearchItem__name {
  padding-left: 6px;
  font-weight: 600;
}
.PimProductSearchItem__name h6 {
  line-height: 1;
}
.PimProductSearchItem__previous-purchase {
  margin-bottom: 4px;
}
.PimProductSearchItem__previous-purchase svg {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.PimProductSearchItem__units__header {
  margin-top: 5px;
  font-weight: normal;
}
.PimProductSearchItem__units__text {
  font-weight: normal;
}
.PimItemSearch__search {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  height: 500px;
}
.PimItemSearch__search-results {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: auto;
  min-height: 0;
}
.PimItemSearch__pagination {
  margin-top: 12px;
  margin-bottom: 12px;
}
.PimProductSearch__search {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  height: 500px;
}
.PimProductSearch__search-results {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: auto;
  min-height: 0;
}
.PimProductSearch__pagination {
  margin-top: 12px;
  margin-bottom: 12px;
}
.PimProductSearchProduct {
  padding: 10px 3px;
  border-radius: 5px;
}
.PimProductSearchProduct:nth-child(odd) {
  background-color: #f9fafb;
}
.PimProductSearchProduct__name {
  padding-left: 6px;
  font-weight: 600;
}
.PimProductSearchProduct__name h6 {
  line-height: 1;
}
.ShoppingListsIndex {
  margin-bottom: 50px;
}
.ShoppingList {
  margin-bottom: 50px;
}
.ShoppingListSider {
  padding: 0;
  margin-bottom: 20px;
}
.ShoppingListSider__title {
  display: block;
  border-bottom: 1px solid #e2e7eb;
  padding: 12px;
  cursor: pointer;
  color: #555a5f;
}
.ShoppingListSider__title:hover {
  color: #4f8cf1;
}
.ShoppingListSider__body {
  padding: 12px;
}
.ShoppingListSider h2 {
  font-weight: 600;
  font-size: 18px;
}
.ShoppingListSider h5 {
  color: #8a939b;
  text-transform: uppercase;
}
.ShoppingListProduct {
  padding: 0;
  margin-bottom: 12px;
}
.ShoppingListProduct__image {
  width: 60px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ShoppingListProduct__image > img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.ShoppingListProduct__item {
  padding: 12px;
}
.ShoppingListProduct h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 6px;
}
.ShoppingListProduct h2 a {
  color: #555a5f;
}
.ShoppingListProduct h2 a:hover {
  color: #4f8cf1;
}
.ShoppingListProduct h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 3px;
}
.ShoppingListProduct h5 {
  line-height: 1.2;
  color: #8a939b;
  font-size: 14px;
}
.ShoppingListProduct h6 {
  color: #8a939b;
  white-space: nowrap;
}
.ShoppingListItemSubtitle {
  text-transform: capitalize;
  margin-right: 16px;
}
.ShoppingListItemSubtitle svg {
  margin-right: 3px;
  transform: translateY(1px);
}
.ShoppingListProductItems {
  border-top: 1px solid #e2e7eb;
  background: #f9fafb;
  padding: 12px;
}
.ShoppingListProductItems--error {
  text-align: center;
  padding: 20px;
}
.ShoppingListProductItems--error img {
  max-width: 220px;
}
.ShoppingListProductItems__edit {
  text-align: center;
  padding: 20px;
}
.ShoppingListProductItem .rSearchResult {
  margin-bottom: 12px;
}
.ShoppingListProductItem .rSearchResult:hover {
  box-shadow: none;
}
.ShoppingListProductCartSupply {
  background-color: #f4f8fe;
  border-bottom: 1px solid #e2e7eb;
}
.ShoppingListProductCartSupply__title {
  font-weight: 600;
  color: #315795;
  padding: 0 12px;
}
.ShoppingListProductCartSupply__infos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ShoppingListProductCartSupply__info {
  padding: 4px 24px;
}
.ShoppingListProductCartSupply__info h5,
.ShoppingListProductCartSupply__info h6 {
  color: #315795;
  display: inline-block;
}
.ShoppingListProductCartSupply__info h5 {
  font-weight: 600;
  padding-left: 4px;
}
.ShoppingListProductCartSupply__info a {
  color: #315795;
}
.ShoppingListProductCartSupply__info a svg {
  font-size: 20px;
  top: 2.5px;
  position: relative;
}
.ShoppingListGroup {
  margin-bottom: 28px;
}
.ShoppingListGroup__title {
  margin-bottom: 12px;
}
.ShoppingListGroup__title h3,
.ShoppingListGroup__title h4 {
  font-weight: 600;
  font-size: 18px;
  color: #8a939b;
}
.ShoppingListGroup__title h4 {
  padding: 0 12px;
}
.ShoppingListGroup__subtitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.PimBox {
  max-width: 800px;
  margin: 48px auto 0;
  border: 1px dashed #e2e7eb;
  border-radius: 5px;
}
.PimBox__title {
  font-size: 14px;
  font-weight: 700;
  padding: 12px 12px 0;
}
.PimBox__title > span {
  border-bottom: 3px solid #4f8cf1;
}
.PimBox__content {
  padding: 24px 12px;
}
.PimIntegrations__header {
  text-align: center;
  padding: 40px 20px 20px 20px;
  margin-bottom: 10px;
}
.PimIntegrations__header h1 {
  font-size: 44px;
  font-weight: 300;
}
.PimIntegrations__header h2 {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: normal;
  opacity: 0.6;
  font-size: 17px;
}
.PimIntegrations__box {
  padding: 0 40px 40px;
}
.PimIntegration h3 {
  font-weight: 600;
  font-size: 18px;
}
.PimIntegrationOptions {
  max-width: 800px;
  margin: 0 auto;
}
.PimIntegrationPoints {
  max-width: 1000px;
  margin: 20px auto 40px;
}
.PimIntegrationOption {
  color: #555a5f;
  display: block;
  margin: 0 auto 12px;
  border-radius: 5px;
  border: 1px solid #dfeafc;
  border-bottom-width: 3px;
  border-right-width: 2px;
  transition: all 300ms;
  width: 340px;
  padding: 12px;
}
.PimIntegrationOption h3 {
  color: #4f8cf1;
  opacity: 0.5;
  font-size: 18px;
  transition: all 300ms;
}
.PimIntegrationOption h4 {
  font-weight: 600;
  line-height: 1.2;
}
.PimIntegrationOption h5 {
  margin-bottom: 2px;
}
.PimIntegrationOption__content {
  padding-left: 8px;
}
.PimIntegrationOption__image {
  width: 120px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.PimIntegrationOption__logo {
  text-align: center;
  height: 80px;
  position: relative;
}
.PimIntegrationOption__logo img {
  position: absolute;
  max-height: 80px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.PimIntegrationOption__connection {
  padding: 2px 12px;
  background-color: #57c559;
  color: white;
}
.PimIntegrationOption__connection > h6 {
  font-size: 12px;
  font-weight: 600;
}
.PimIntegrationOption:hover {
  border-color: #8eb5f6;
}
.PimIntegrationOption:hover h3 {
  color: #4f8cf1;
  opacity: 1;
  transform: rotate(90deg);
}
.PimIntegrationOption--selected {
  border-color: #4f8cf1;
}
.PimIntegrationOption--selected h3 {
  color: #4f8cf1;
  opacity: 1;
  transform: rotate(90deg);
}
.PimIntegrationIndex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.PimIntegrationIndex__icon {
  font-size: 24px;
  margin-bottom: 12px;
}
.PimIntegrationIndex__accent {
  height: 4px;
  width: 72px;
  border-radius: 2px;
}
.PimIntegrationIndex h4 {
  margin-top: 12px;
  font-weight: 600;
}
.PimIntegrationIndex h6 {
  text-align: center;
  color: #8a939b;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2px;
  margin-top: 12px;
}
.PimIntegrationPoint {
  display: -ms-flexbox;
  display: flex;
}
.PimIntegrationPoint h3 {
  font-weight: 600;
  font-size: 18px;
}
.PimIntegrationPoint p {
  opacity: 0.9;
}
.PimIntegrationPoint h5 {
  font-weight: bold;
  font-size: 20px;
}
.PimIntegrationPoint__circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #4f8cf1;
  border-bottom: 4px solid #4f8cf1;
  border-right: 2px solid #4f8cf1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 8px;
}
.Pim--CredentialSync {
  margin-bottom: 16px;
  text-align: center;
}
.Pim--CredentialSync__syncText {
  padding-top: 5px;
  font-size: 12px;
  color: #8a939b;
}
.ShoppingListItemBar {
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  width: 100%;
  position: relative;
  border-radius: 2px;
}
.ShoppingListItemBar__bar {
  width: 60%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 2px;
}
.ShoppingListItemBar__min {
  width: 7px;
  position: absolute;
  z-index: 2;
  left: 70%;
  top: -50%;
  height: 200%;
  background: #b8c4ce;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
.ShoppingListItemBar__values {
  margin-top: 8px;
  font-size: 14px;
  color: #8a939b;
  line-height: 1;
}
.ShoppingListItemBar__container {
  margin-top: 4px;
  width: 250px;
  margin-right: 0;
}
@media (min-width: 1100px) {
  .ShoppingListItemBar__container {
    margin-right: 40px;
  }
}
.PimProductsSuggestedItems {
  padding-right: 10px;
}
.PimProductsSuggestedItems__heading h3 {
  font-size: 16px;
  color: #a2acb5;
  margin-bottom: 5px;
  font-weight: 600;
}
.PimProductsSuggestedItems__heading .barnyard-Tooltip {
  cursor: help;
}
.PimProductsSuggestedItems__heading .barnyard-Tooltip svg {
  font-size: 14px;
  margin-bottom: 2px;
  color: #a2acb5;
}
.PimProductsSuggestedItems h6 {
  line-height: 1;
  color: #8a939b;
  text-decoration: underline;
}
.PimProductsSuggestedItems h6.action:hover {
  color: #4f8cf1;
}
.rRequisitionNewComment {
  position: relative;
  height: 180px;
}
.rRequisitionActions {
  position: relative;
  height: calc(100% - 180px) !important;
}
.rRequisitionSidebar {
  background-color: #f4f8fe;
  border-left: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  position: relative;
}
.rRequisitionPopover {
  width: 500px;
}
.rRequisitionScrollContainer {
  bottom: 10px;
}
.rRequisitionScroll__short {
  overflow-y: scroll;
}
.rRequisitionScroll__long {
  overflow-y: scroll;
  height: 740px;
}
.requisitionLineContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  min-height: 100%;
}
.rRequisitionStatus {
  border-bottom: 1px solid #e2e7eb;
}
.line-requisitions {
  position: absolute;
  top: 0;
  bottom: 0;
  min-height: 100%;
  left: 22px;
  width: 5px;
  border-right: 1px solid #e2e7eb;
}
.RequisitionTimeline {
  position: relative;
  padding: 20px 0;
}
.RequisitionTimeline .text {
  font-size: 17px;
}
.RequisitionTimeline__middot {
  color: #8a939b;
  font-size: 4px;
  margin-left: 8px;
}
.RequisitionTimeline__date {
  color: #8a939b;
  margin-left: 8px;
}
.RequisitionTimeline__description {
  color: #8a939b;
  font-size: 16px;
  margin-top: 8px;
}
.RequisitionTimeline__leftCol {
  width: 40px;
  position: relative;
}
.RequisitionTimeline__content {
  max-width: 600px;
  padding-left: 15px;
}
.RequisitionTimeline__dot {
  left: 19px;
  top: 5px;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.RequisitionTimeline__dot.REJECTED {
  box-shadow: 0 0 6px #eb5252;
  color: #eb5252;
}
.RequisitionTimeline__dot.REJECTED {
  box-shadow: 0 0 6px #eb5252;
  color: #eb5252;
}
.RequisitionTimeline__dot.CANCELED {
  box-shadow: 0 0 6px #b8c4ce;
  color: #b8c4ce;
}
.RequisitionTimeline__dot.CANCELED {
  box-shadow: 0 0 6px #b8c4ce;
  color: #b8c4ce;
}
.RequisitionTimeline__dot.COMMENTED {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.RequisitionTimeline__dot.COMMENTED {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.RequisitionTimeline__dot.SUBMITTED {
  box-shadow: 0 0 6px #eea314;
  color: #eea314;
}
.RequisitionTimeline__dot.SUBMITTED {
  box-shadow: 0 0 6px #eea314;
  color: #eea314;
}
.RequisitionTimeline__dot.APPROVED {
  box-shadow: 0 0 6px #57c559;
  color: #57c559;
}
.RequisitionTimeline__dot.APPROVED {
  box-shadow: 0 0 6px #57c559;
  color: #57c559;
}
.RequisitionTimeline__dot.UPDATED {
  box-shadow: 0 0 6px #68d0e3;
  color: #68d0e3;
}
.RequisitionTimeline__dot.UPDATED {
  box-shadow: 0 0 6px #68d0e3;
  color: #68d0e3;
}
.RequisitionTimeline__dot.DEFAULT {
  box-shadow: 0 0 6px #e91e63;
  color: #e91e63;
}
.RequisitionTimeline__dot.DEFAULT {
  box-shadow: 0 0 6px #e91e63;
  color: #e91e63;
}
.RequisitionActionButton__overlay .ant-popover-inner-content {
  padding: 0;
}
.RequisitionActionButton__action {
  display: block;
  color: #555a5f;
  padding: 4px 8px;
  cursor: pointer;
  border-top: 1px solid #e2e7eb;
}
.RequisitionActionButton__action:hover {
  background-color: #f4f8fe;
}
.RequisitionActionButton__action--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.RequisitionActionButton__action--disabled:hover {
  background-color: white;
}
.requiredAsterisk {
  font-size: 18px;
}
.requiredAsterisk .asterisk {
  font-size: 23px;
  color: #eb5252;
}
.displayRequisitionFile {
  width: 75%;
}
.requisitionUpload {
  color: #f4f8fe;
}
.requisitionUpload:hover {
  cursor: pointer;
}
.rCorporateSection__removeRow {
  background: #f9fafb;
  border: 1px solid #e2e7eb;
  padding: 12px;
  margin-bottom: 10px;
  font-size: 16px;
}
.rCorporateSection__leftContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.rCorporateSection__logoContainer {
  min-height: 60px;
  margin-top: 15px;
}
.rCorporateSection__logo {
  max-height: 80px;
  max-width: 100%;
  padding: 5px;
}
.rCorporateSection__savingsContainer {
  min-height: 60px;
}
.rCorporateSection__savingsLabel {
  font-size: 15px;
  line-height: 18px;
}
.rCorporateSection__col {
  height: 100%;
  width: 100%;
}
.rCorporateSection__image {
  background-size: contain !important;
  width: 100%;
  max-height: 100%;
  height: 303px;
  display: block;
}
.rCorporateSection__box {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.rCorporateSection__content {
  position: relative;
  width: 20px;
}
.rCorporateSection__slant {
  background: white;
  position: absolute;
  top: -20px;
  left: -30px;
  right: 0;
  bottom: -350px;
  transform: rotate(10deg);
}
.rCorporateSection__container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.rCorporateSection__row {
  background-color: white;
  border: 1px solid #e2e7eb;
}
.rCorporateSection__messageRow {
  border-top: none;
}
.rCorporateSection__viewAll {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 10px;
  font-size: 16px;
  font-weight: 600;
}
.rCorporateSection__breakdownRow {
  margin: 4px 0px;
}
.rCorporateSection__list {
  margin-top: -100px;
  border-radius: 3px;
  margin-bottom: 100px;
  max-width: 800px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background-color: white;
  padding-left: 20px;
}
.rCorporateSection__list .entry-line {
  position: relative;
  height: 30px;
}
.rCorporateSection__list .exit-line {
  position: relative;
  height: 50px;
}
.rCorporateSection__list__month {
  position: relative;
  text-align: right;
}
.rCorporateSection__list__dot {
  left: 139px;
  top: 9px;
  position: absolute;
  height: 8px;
  border-radius: 50%;
  color: #8a939b;
}
.rCorporateSection__list__content {
  width: 120px;
  font-size: 16px;
  color: #8a939b;
}
.rCorporateSection__list .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.rCorporateSection__list__empty {
  padding: 50px;
}
.rCorporateSection__listMessage__row {
  position: relative;
  padding: 20px 0;
}
.rCorporateSection__listMessage__row .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.rCorporateSection__listMessage__date {
  color: #8a939b;
  font-size: 15px;
  padding-top: 5px;
}
.rCorporateSection__listMessage__description {
  color: #8a939b;
  font-size: 16px;
  margin-top: 8px;
  width: 90%;
}
.rCorporateSection__listMessage__dismiss {
  width: 10%;
}
.rCorporateSection__listMessage__leftCol {
  width: 155px;
  position: relative;
}
.rCorporateSection__listMessage__content {
  padding-left: 15px;
}
.rCorporateSection__listMessage__dot {
  left: 139px;
  top: 10px;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.CorporateInventories {
  margin-top: 40px;
}
.CorporateInventories--InventoryCountGroupListItem,
.CorporateInventories--InventoryCountListItem,
.CorporateInventories--InventoryCountGroup {
  cursor: pointer;
  margin-bottom: 12px;
}
.CorporateInventories--InventoryCountGroupListItem a,
.CorporateInventories--InventoryCountListItem a,
.CorporateInventories--InventoryCountGroup a {
  color: #555a5f;
}
.CorporateInventories--InventoryCountGroupListItem h2,
.CorporateInventories--InventoryCountListItem h2,
.CorporateInventories--InventoryCountGroup h2 {
  font-weight: bold;
}
.CorporateInventories--InventoryCountGroupListItem h6,
.CorporateInventories--InventoryCountListItem h6,
.CorporateInventories--InventoryCountGroup h6 {
  color: #8a939b;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.CorporateInventories--InventoryCountGroupListItem__stat,
.CorporateInventories--InventoryCountListItem__stat,
.CorporateInventories--InventoryCountGroup__stat {
  text-align: center;
}
.CorporateInventories--InventoryCountGroupListItem__arrow,
.CorporateInventories--InventoryCountListItem__arrow,
.CorporateInventories--InventoryCountGroup__arrow {
  text-align: right;
  color: #8a939b;
  font-size: 18px;
  padding-right: 16px;
  transform: translateX(-8px);
  transition: all 300ms;
}
.CorporateInventories--InventoryCountGroupListItem:hover .CorporateInventories--InventoryCountGroupListItem__arrow {
  transform: translateX(0);
  color: #4f8cf1;
}
.CorporateInventories--InventoryCountListItem:hover .CorporateInventories--InventoryCountListItem__arrow {
  transform: translateX(0);
  color: #4f8cf1;
}
.CorporateInventories--InventoryCount__breadcrumbs {
  border-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}
.CorporateInventories--InventoryCount__breadcrumbs a {
  font-size: 17px;
}
.CorporateInventories--InventoryCount--warning {
  background-color: #fef8ec !important;
}
.CorporateInventories--InventoryCount--warning:hover {
  background-color: #fbecce !important;
}
.Reviews {
  font-family: 'Source Sans Pro', sans-serif;
  /* Set font-weight to normal since it is set to lighten in Vetcove root */
}
.Reviews h1 {
  font-weight: bold;
  letter-spacing: 0.25px;
}
.Reviews h2 {
  font-weight: normal;
}
.Reviews h3 {
  font-weight: normal;
}
.Reviews h4 {
  font-weight: normal;
}
.Reviews h5 {
  font-weight: normal;
}
.Reviews h6 {
  font-weight: normal;
}
.Reviews strong {
  font-weight: 600;
}
.Reviews--StarsWithCount__count {
  transition: color 0.2s;
  font-size: 13px;
  color: #8a939b;
  letter-spacing: 0.75px;
  margin-left: 8px;
}
.Reviews--StarsWithCount__rating {
  font-size: 15px;
  margin-right: 5px;
}
.Reviews--StarsWithCount.hoverable:hover .Reviews--StarsWithCount__count {
  color: #555a5f;
}
.Reviews--CreateUpdateEntityForm__discussProfileBox {
  background: #fafcff;
}
.Reviews--CreateUpdateEntityForm__changeIdentityLink {
  color: #4f8cf1;
  cursor: pointer;
  font-size: 13px;
  padding-bottom: 3px;
}
.Reviews--CreateUpdateEntityForm__reviewLengthText {
  color: #a2acb5;
  font-size: 13px;
  padding-bottom: 3px;
}
.Reviews--CreateUpdateEntityForm__wordcountIcon {
  color: #57c559;
  margin-left: 4px;
  font-size: 14px;
}
.Reviews--SuccessOverlay {
  text-align: center;
  padding: 40px 10px;
  max-width: 600px;
  margin: 0 auto;
}
.Reviews--SuccessOverlay h1 {
  margin-bottom: 10px;
}
.Reviews--SuccessOverlay p {
  font-size: 16px;
  color: #8a939b;
}
.Reviews--Overlay {
  width: 900px;
  padding: 0;
  max-width: 100%;
  min-height: 500px;
}
.Reviews--Overlay__loader {
  position: absolute;
  top: 45%;
  left: 50%;
}
.Reviews--Overlay__header {
  line-height: 1.4;
  font-size: 22px;
}
.Reviews--Overlay__sider {
  background: #f9fafb;
  border-right: 1px solid #e2e7eb;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  width: 300px;
}
.Reviews--Overlay__withCashBack {
  background: #e91e63;
  display: inline-block;
  margin-top: 10px;
  border-radius: 5px;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.Reviews--Guidelines {
  font-size: 13px;
}
.Reviews--Guidelines__header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.Reviews--Guidelines__footer {
  margin-top: 10px;
}
.Reviews--EditOnlyReview:not(:last-child) {
  margin-bottom: 8px;
}
.Reviews--EditOnlyReview__imageInfo {
  padding: 0 15px 15px 15px;
  text-align: center;
}
.Reviews--EditOnlyReview__imageInfo h4 {
  color: #555a5f;
  font-weight: 600;
  transition: color 0.2s;
  margin-top: 10px;
}
.Reviews--EditOnlyReview__imageInfo h4:hover {
  color: #4f8cf1;
}
.Reviews--EditOnlyReview__image {
  max-height: 100px;
}
.Reviews--EditOnlyReview__header {
  margin-top: -4px;
}
.Reviews--EditOnlyReview__content {
  padding-left: 15px;
  border-left: 1px dashed #e2e7eb;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.Reviews--EditOnlyReview__reviewBody {
  font-size: 15px;
}
.Reviews--EditOnlyReview__editIcon {
  color: #b1b1b1;
  transition: color 0.2s;
}
.Reviews--EditOnlyReview__editIcon:hover {
  cursor: pointer;
  color: #2e9fff;
}
.Reviews--ReviewInfo {
  margin-bottom: 10px;
  font-size: 14px;
}
.Reviews--ReviewInfo__userInfo {
  color: #a2acb5;
}
.Reviews--ReviewInfo__badge {
  margin-left: 8px;
  color: #4f8cf1;
}
.Reviews--ReviewInfo__pending {
  color: #b1b1b1;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
}
.Reviews--ReviewInfo__link {
  color: #a2acb5;
  transition: color 0.2s;
}
.Reviews--ReviewInfo__link:hover {
  color: #4f8cf1;
}
.Reviews--Stats {
  margin-bottom: 8px;
}
.Reviews--ReviewsList {
  margin-top: 40px;
}
.Reviews--ReviewsList__header {
  padding: 0px;
  margin-bottom: 10px;
}
.Reviews--ReviewsList__header h1 {
  font-weight: bold;
}
.Reviews--ReviewsList__profileInfo {
  padding-right: 5px;
  max-width: 300px;
}
.Reviews--ReviewsList__reviewPurchases {
  background-color: #fff;
  border: 1px solid #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  color: #2e9fff;
  transition: background 0.2s;
  margin-bottom: 8px;
}
.Reviews--ReviewsList__reviewPurchases h5 {
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  line-height: 1;
  color: #4f8cf1;
}
.Reviews--ReviewsList__reviewPurchases:hover {
  cursor: pointer;
  text-decoration: none;
  background: #f4f7fa;
}
.Reviews--ReviewsList__reviewPurchases__icon {
  padding-right: 8px;
}
.Reviews--ReviewsList__sort {
  font-size: 17px;
  color: #888;
}
.Reviews--ReviewsList__sortOption {
  color: #b1b1b1;
  transition: color 0.2s;
  font-size: 17px;
  color: #888;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.Reviews--ReviewsList__sortOption.active {
  color: #2e9fff;
  border-color: #4f8cf1;
}
.Reviews--ReviewsList__sortOption:hover {
  cursor: pointer;
  color: #2e9fff;
}
.Reviews--ProfileModule {
  text-align: center;
  padding: 0;
  margin-bottom: 8px;
}
.Reviews--ProfileModule h1 {
  font-size: 20px;
  font-weight: bold;
}
.Reviews--ProfileModule h2 {
  font-size: 14px;
  font-weight: normal;
  color: #8a939b;
}
.Reviews--ProfileModule__header {
  height: 80px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  padding: 20px;
  margin-bottom: 40px;
}
.Reviews--ProfileModule__avatar {
  padding: 6px;
  background: #fff;
  border-radius: 6px;
  display: inline-block;
}
.Reviews--ProfileModule__avatar .DiscussAvatar {
  margin: 0;
}
.Reviews--NoReviews {
  text-align: center;
  font-size: 15px;
  padding: 30px 10px;
  max-width: 450px;
  margin: 0 auto;
}
.Reviews--NoReviews h2 {
  font-weight: bold;
}
.Reviews--Purchases {
  background-image: linear-gradient(to right top, #6fa0f2, #3154d4);
  height: 590px;
  margin: -170px 0;
}
.Reviews--Purchases__image {
  padding-top: 590px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/patterns/reviews_stars.png);
  background-repeat: repeat;
}
.Reviews--Purchases__header {
  margin-bottom: 50px;
  color: #fff;
  width: 100%;
}
.Reviews--Purchases__header > div:last-child {
  text-align: right;
}
.Reviews--Purchases__header h1 {
  font-size: 38px;
}
.Reviews--Purchases__content {
  margin-top: -332px;
  margin-bottom: 100px;
}
.Reviews--Purchases__toolbar {
  border-bottom: 1px solid rgba(244, 248, 254, 0.2);
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.Reviews--Purchases__showingText {
  font-size: 20px;
  color: #f4f8fe;
}
.Reviews--Purchases__sort {
  font-size: 20px;
  color: #f4f8fe;
}
.Reviews--Purchases__sortOption {
  color: #f4f8fe;
  transition: color 0.1s;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: color 0.1s, border-color 0.1s;
}
.Reviews--Purchases__sortOption.active {
  border-color: #f4f8fe;
}
.Reviews--Purchases__sortOption:hover {
  cursor: pointer;
}
.Reviews--Purchases__showMore {
  background: #fff;
  margin-top: 20px;
  text-align: center;
  padding: 5px 10px;
  color: #6e767c;
  font-size: 18px;
  border-radius: 6px;
  transition: color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Reviews--Purchases__showMore:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  color: #555a5f;
}
.Reviews--Purchases__reviewStats {
  white-space: nowrap;
  margin-left: 30px;
}
.Reviews--Leaderboard {
  min-height: 200px;
  min-width: 286px;
}
.Reviews--Leaderboard__leftCol {
  text-align: right;
}
.Reviews--Leaderboard__leftCol span {
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
}
.Reviews--Leaderboard__leftCol.active {
  color: #4f8cf1;
}
.Reviews--Leaderboard__leftCol.active span {
  border-color: #4f8cf1;
}
.Reviews--Leaderboard__rightCol {
  text-align: left;
}
.Reviews--Leaderboard__rightCol span {
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
}
.Reviews--Leaderboard__rightCol.active {
  color: #4f8cf1;
}
.Reviews--Leaderboard__rightCol.active span {
  border-color: #4f8cf1;
}
.Reviews--Leaderboard__topReviewers {
  border-radius: 8px 8px 0 0;
  padding: 0px 0px 10px 0px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Reviews--Leaderboard__topReviewers.solo {
  border-radius: 8px;
}
.Reviews--Leaderboard__relativeReviewers {
  margin-top: 13px;
  border-radius: 0 0 8px 8px;
  padding: 0px 0px 10px 0px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Reviews--Leaderboard__leaderHeader {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
  text-align: center;
  margin-bottom: 4px;
}
.Reviews--Leaderboard__toggle {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
  text-align: center;
  margin-bottom: 4px;
}
.Reviews--Leaderboard__toggleLink {
  cursor: pointer;
}
.Reviews--Leaderboard__ellipsis {
  padding: 12px;
  border-top: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 12px;
  text-align: center;
}
.Reviews--Leaderboard__dot {
  height: 3px;
  width: 3px;
  background-color: #6e767c;
  border-radius: 50%;
  display: inline-block;
}
.Reviews--LeaderboardCard {
  padding: 12px 0;
  border-left: 3px solid transparent;
}
.Reviews--LeaderboardCard.active {
  background-color: #f4f8fe;
  border-left: 3px solid #4f8cf1;
}
.Reviews--LeaderboardCard p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.Reviews--LeaderboardCard__rank {
  font-size: 16px;
  padding: 12px 16px 12px 12px;
  min-width: 52px;
  text-align: center;
}
.Reviews--LeaderboardCard__rank p {
  font-weight: 600;
}
.Reviews--LeaderboardCard__stats {
  max-width: 180px;
  font-size: 14px;
  padding-right: 12px;
}
.Reviews--LeaderboardCard__username {
  font-weight: 600;
  font-size: 16px;
}
.Reviews--ItemPreview {
  opacity: 0.95;
  transition: all 0.3s;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  color: #555a5f;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  padding: 0;
  border: 1px solid transparent;
}
.Reviews--ItemPreview__successOverlay {
  width: 900px;
}
.Reviews--ItemPreview__content {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Reviews--ItemPreview__itemName {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 12px;
}
.Reviews--ItemPreview__image {
  height: 100px;
  margin: 40px auto;
}
.Reviews--ItemPreview:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 1;
}
.Reviews--ItemPreview:hover .border {
  border: 4px solid #4f8cf1;
}
.Reviews--ItemPreview__stats {
  border-top: 1px solid #e2e7eb;
  background: #f9fbfc;
  margin-top: 10px;
  padding: 5px 0 10px 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.Reviews--ItemPreview__statsCol {
  text-align: center;
}
.Reviews--ItemPreview__statsCol:last-child {
  border-left: 1px solid #e2e7eb;
}
.Reviews--ItemPreview__otherPurchasers {
  color: #6e767c;
  font-weight: bold;
}
.Reviews--ItemPreview__lastPurchase {
  color: #6e767c;
  transition: color 0.2s;
  font-weight: bold;
}
.Reviews--ItemPreview__check {
  position: absolute;
  right: 4%;
  top: 2%;
  color: #57c559;
  font-size: 30px;
}
.Reviews--Faq {
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
.Reviews--Faq__header {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
}
.Reviews--Faq__content {
  padding: 12px;
}
/*** Page Formatting ***/
@media (min-width: 901px) {
  .naked-header .rContainer {
    margin: 0px auto;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    background: #f9fafb;
    max-width: 1520px;
    width: 100%;
  }
}
.rSearch__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  min-height: 500px;
  width: 100%;
}
.rSearchSide {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  max-width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 15px;
}
.rSearchMain {
  -ms-flex-positive: 2;
      flex-grow: 2;
  padding-left: 10px;
}
.rSearchCart {
  width: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  opacity: 0;
  transition-property: width, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.rSearchCart__inner {
  width: 240px;
}
.rSearchCart--open {
  margin-left: 15px;
  width: 240px;
  opacity: 1;
}
.itemFavPopover {
  width: 300px;
}
.favMiddot {
  margin-left: 5px;
  margin-right: 5px;
}
.favMiddotAction {
  margin-left: 9px;
  margin-right: 9px;
}
.rSearchAction {
  font-size: 14px;
  color: #4f8cf1;
  padding: 2px 0 0 0;
  transition: color 0.2s;
  -ms-flex: none;
      flex: none;
}
.rSearchAction__text {
  padding-left: 5px;
  display: inline;
}
.rSearchAction--chosen {
  color: #284679;
}
.rSearchAction:hover {
  cursor: pointer;
  color: #467bd4;
}
.rSearchAction:not(.active):hover {
  cursor: pointer;
  color: #467bd4;
}
.rSearchAction.active {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
/*** Banner ***/
a.rSearchBanner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  max-width: 1520px;
  margin: 20px auto -20px auto;
  border-radius: 2px;
  border: 1px solid #e2e7eb;
  padding: 10px;
  color: #555;
  transition: background 0.2s;
}
a.rSearchBanner h1 {
  font-size: 22px;
  font-weight: normal;
  color: #555;
}
a.rSearchBanner:hover {
  cursor: pointer;
  text-decoration: none;
  background: #fafafa;
}
.rSearchBanner__icon {
  color: #fff;
  margin-top: 10px;
  font-size: 52px;
  line-height: 1;
  text-align: center;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 60%;
}
.rSearchBanner__icon img {
  max-width: 100%;
  max-height: 55px;
}
.rSearchBanner__text {
  padding: 8px 15px;
  background: #fff;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  max-width: 60%;
}
@media (max-width: 900px) {
  .responsive .rSearch__inner {
    display: block;
  }
  .responsive .rSearchMain {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .responsive .rSearchBanner {
    display: none;
  }
}
.rSearchResults__banner {
  position: relative;
  display: block;
  max-height: 600px;
  margin-bottom: -75px;
}
.rSearchResults__banner__content {
  height: 30vw;
  max-height: 600px;
  min-height: 300px;
}
.rSearchResults__banner__bottom {
  position: absolute;
  height: 75px;
  width: 100%;
  max-width: 1520px;
  left: 50%;
  transform: translateX(-50%);
}
.rSearchResults__banner__image__container {
  display: block;
  text-align: center;
  padding: 0 10px;
}
.rSearchResults__banner__image {
  border: 1px solid #e2e7eb;
  margin: 20px 0 -20px;
  width: 100%;
  max-width: 1520px;
}
.rSearchResults__banner__background {
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.rSearchResults__banner__background::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 85%, #f9fafb 100%);
}
/*** Refining ***/
.rRefineBar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 10px 0;
  border: 1px solid #e2e7eb;
  background: #fff;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 16px;
}
.rRefineSearch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 10px;
  width: 270px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-size: 18px;
  line-height: 32px;
  transition: border-color 0.2s;
}
.rRefineSearch input {
  width: 100%;
  border: none;
  padding: 0;
  background: none;
}
.rRefineSearch input::-moz-focus-inner {
  border: 0;
  outline: none;
}
.rRefineSearch input::-webkit-input-placeholder {
  opacity: 0.4;
}
.rRefineSearch input::-moz-placeholder {
  opacity: 0.4;
}
.rRefineSearch input:-moz-placeholder {
  opacity: 0.4;
}
.rRefineSearch input:-ms-input-placeholder {
  opacity: 0.4;
}
.rRefineSearch input:focus {
  outline: none;
}
.rRefineSearch button {
  position: absolute;
  top: 0;
  line-height: 32px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  right: 0;
  padding: 0 10px;
  border: none;
  outline: none;
  background: #fff;
  color: #aaa;
  border-left: 1px solid #ddd;
  font-size: 16px;
  transition: color 0.2s, background 0.2s;
}
.rRefineSearch button:hover {
  cursor: pointer;
  background: #fafafa;
  color: #888;
}
.rRefineBar__text.suggestion {
  font-weight: bold;
  color: #809ae5;
}
.rRefineButton {
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 15px;
  line-height: 28px;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
}
.rRefineButton .count {
  margin-left: 5px;
  color: #fff;
  padding: 0 4px;
  font-weight: bold;
  background: #467bd4;
  border-radius: 3px;
}
.rRefineButton.value {
  color: #467bd4;
  border-color: #4f8cf1;
}
.rRefineButton:hover {
  background: #f4f8fe;
  cursor: pointer;
}
.rRefineSearch.value {
  border-color: #4f8cf1;
}
.rRefineSearch__exit {
  position: absolute;
  top: 0;
  right: 45px;
  font-size: 18px;
  transition: color 0.2s;
}
.rRefineSearch__exit:hover {
  color: #eb5252;
  cursor: pointer;
}
.rRefineFilter {
  display: none;
}
.rRefineBar__actions {
  display: -ms-flexbox;
  display: flex;
}
.rRefineBar__actions > div {
  margin: 0 0 0 10px;
}
.rRefineBar__actions > div:first-child {
  margin-left: 0;
}
.rRefineBar__actions > div:last-child {
  margin-right: 0;
}
.rRefineDropdown {
  position: relative;
}
.rRefineDropdown.value .rRefineDropdown__trigger {
  color: #467bd4;
  border-color: #4f8cf1;
}
.rRefineDropdown.active .rRefineDropdown__trigger {
  color: #467bd4;
  border-color: #4f8cf1;
  border-bottom-color: transparent;
  z-index: 4;
}
.rRefineDropdown.active .rRefineDropdown__content {
  z-index: 3;
}
.rRefineDropdown__content {
  position: absolute;
  z-index: 1;
  top: 100%;
  margin-top: -2px;
  right: 0;
  background: #fff;
  min-width: 220px;
  border: 1px solid #4f8cf1;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rRefineDropdown__option {
  width: 100%;
  padding: 5px 10px;
  transition: background 0.2s;
}
.rRefineDropdown__option:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rRefineDropdown__option:hover {
  cursor: pointer;
  background: #f4f8fe;
}
.rRefineDropdown__option.active {
  color: #4f8cf1;
  font-weight: bold;
}
@media (max-width: 900px) {
  .responsive .rRefineBar__text {
    border-bottom: 1px solid #e2e7eb;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .responsive .rRefineSearch {
    max-width: 100%;
  }
  .responsive .rRefineFilter {
    display: block;
  }
  .responsive .rRefineBar__actions {
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
/*** Help ***/
.rSearchHelp__overlay {
  text-align: left;
}
.rSearchHelp__overlay img {
  width: 100px;
}
.rSearchHelp__row {
  padding: 10px 0;
}
.rSearchHelp__row:last-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 30px;
}
.rSearchHelp__overlay {
  padding: 20px;
  font-size: 15px;
  background: #f7fafc;
}
.rSearchHelp__overlay img {
  padding-right: 10px;
  width: 90px;
}
.rSearchHelp__overlay h5 {
  font-weight: bold;
  font-size: 16px;
}
.rSearchHelp__overlay p {
  padding-bottom: 6px;
}
.rSearchHelp__overlay svg {
  width: 30px !important;
  height: 20px;
  padding: 2px;
  font-size: 20px;
  display: inline-block;
  border: 1px solid #e2e7eb;
  text-align: center;
  border-radius: 3px;
  background: #fff;
  margin-right: 5px;
}
.rSearchHelp__largeTip {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
/*** Alternatives ***/
.rSearchAlternative {
  position: relative;
  box-shadow: 0 0 4px #ccc;
}
.rSearchAlternative__trigger {
  position: absolute;
  z-index: 2;
  padding: 2px 10px;
  left: 190px;
  bottom: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid transparent;
  border-bottom: none;
  transition: color 0.2s;
  color: #1d89bf;
}
.rSearchAlternative__trigger:hover {
  color: #0c3a50;
  cursor: pointer;
}
.rSearchAlternative__trigger.active {
  border: 1px solid #dadada;
  border-bottom: none;
  background: #fff;
}
.rSearchAlternative__table {
  margin-bottom: 22px;
}
.rSearchAlternative__tableHeader {
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  color: #888;
  padding: 0 10px;
}
.rSearchAlternative__rowOuter {
  position: relative;
}
.rSearchAlternative__rowOuter:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
a.rSearchAlternative__row {
  position: relative;
  padding: 12px 10px;
  display: block;
  color: #444;
}
a.rSearchAlternative__row:hover {
  color: #444;
  cursor: pointer;
  background: #fafafa;
  text-decoration: none;
}
.rSearchAlternative__rowEmpty {
  height: 50px;
  width: 100%;
  background: #fafafa;
  text-align: center;
  padding: 20px;
  color: #aaa;
}
.rSearchAlternative__content {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.rSearchAlternative__content > div {
  min-width: 0;
}
.rSearchAlternative__image {
  width: 80px;
  display: table-cell;
  vertical-align: top;
}
.rSearchAlternative__image img {
  display: inline-block;
  max-width: 60px;
  max-height: 40px;
}
.rSearchAlternative__name {
  display: block;
  display: table-cell;
  vertical-align: top;
  color: #444;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchAlternative__name:hover {
  color: #4f8cf1;
  text-decoration: underline;
}
.rSearchAlternative__price {
  font-size: 21px;
  font-weight: bold;
  color: #4f8cf1;
  line-height: 1.3;
}
.rSearchAlternative__minsupplier {
  font-size: 13px;
  color: #888;
  line-height: 1;
}
.rSearchAlternative__sync {
  padding-top: 5px;
  font-size: 12px;
  line-height: 1.4;
}
.rSearchAlternative__admin {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  color: #888;
  padding: 0 6px;
  background: #fff;
  border-top: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
}
.rSearchAlternative__admin:hover {
  cursor: pointer;
}
.rSearchAlternative__tooltipPrice {
  text-align: left;
}
.rSearchAlternative__advantage {
  position: relative;
  color: #fff;
  height: 20px;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  background: #4f8cf1;
  padding: 0 6px;
  text-transform: uppercase;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rSearchAlternative__advantage::after {
  position: absolute;
  content: " ";
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #4f8cf1;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #4f8cf1;
}
.rSearchAlternative__advantage--orange {
  background: #e5c380;
}
.rSearchAlternative__advantage--orange::after {
  border-top-color: #e5c380;
  border-bottom-color: #e5c380;
}
.rSearchAlternative__advantage--brightorange {
  background: #df9d19cf;
}
.rSearchAlternative__advantage--brightorange::after {
  border-top-color: #df9d19cf;
  border-bottom-color: #df9d19cf;
}
.rSearchAlternative__advantage--blue {
  background: #1864dec7;
}
.rSearchAlternative__advantage--blue::after {
  border-top-color: #1864dec7;
  border-bottom-color: #1864dec7;
}
.rSearchAlternative__advantage--pink {
  background: #e91e63;
}
.rSearchAlternative__advantage--pink::after {
  border-top-color: #e91e63;
  border-bottom-color: #e91e63;
}
.rSearchAlternative__advantage--purple {
  background: #5969e2;
}
.rSearchAlternative__advantage--purple::after {
  border-top-color: #5969e2;
  border-bottom-color: #5969e2;
}
.rSearchAlternative__advantage--green {
  background: #57c559;
}
.rSearchAlternative__advantage--green::after {
  border-top-color: #57c559;
  border-bottom-color: #57c559;
}
.rSearchAlternative__advantage--teal {
  background: #5bd4c0;
}
.rSearchAlternative__advantage--teal::after {
  border-top-color: #5bd4c0;
  border-bottom-color: #5bd4c0;
}
.rSearchAlternative__advantage--lime {
  background: #afcc5a;
}
.rSearchAlternative__advantage--lime::after {
  border-top-color: #afcc5a;
  border-bottom-color: #afcc5a;
}
@media (max-width: 768px) {
  .responsive .rSearchAlternative__tableHeader {
    display: none;
  }
  .responsive .rSearchAlternative__trigger {
    left: 10px;
  }
  .responsive .rSearchAlternative__content {
    padding-bottom: 15px;
  }
  .responsive .rSearchAlternative__unit {
    font-size: 21px;
    color: #999;
    font-weight: 200;
    line-height: 1.3;
  }
}
/* Adding */
.rSearchAdd {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 110;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rSearchAdd .Form__group .Form__control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rSearchAdd__overlay {
  width: 800px;
  max-height: 700px;
  padding: 0;
  background-color: white;
  overflow-x: hidden;
}
.rSearchAdd__narrow_overlay_medline {
  width: 650px;
  max-height: 900px;
  padding: 0;
  background-color: white;
  overflow-x: hidden;
}
.rSearchAdd__narrow_overlay_medline .learnMore_overlay {
  padding: 10px 20px 0;
}
.rSearchAdd__error {
  padding: 40px;
}
.rSearchAdd__no-image {
  font-size: 12px;
  margin-top: 8px;
  color: #8a939b;
}
.rSearchAdd__image {
  max-width: 300px;
  max-height: 260px;
  margin: 0 auto;
  border-radius: 3px;
}
.rSearchAdd__image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rSearchAdd__body {
  padding: 20px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e2e7eb;
  background-color: white;
}
.rSearchAdd__subaccount {
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rSearchAdd__supplier {
  font-weight: 600;
  margin-bottom: 4px;
  color: #4f8cf1;
}
.rSearchAdd__name {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
}
.rSearchAdd__pricing {
  padding-top: 8px;
  padding-bottom: 18px;
}
.rSearchAdd__price {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
}
.rSearchAdd__discountPrices {
  background: #fafafa;
  padding: 4px 4px 6px 6px;
  margin-left: -5px;
  border-radius: 6px;
}
.rSearchAdd__discountPrice {
  font-size: 22px;
  line-height: 1.3;
}
.rSearchAdd__discountPrice svg:hover {
  cursor: pointer;
}
.rSearchAdd__discountPriceLimit {
  text-decoration: underline;
  font-size: 12px;
  opacity: 0.9;
}
.rSearchAdd__discountPriceLimit:hover {
  cursor: pointer;
  opacity: 1;
}
.rSearchAdd__discountPriceCurrency--cashback {
  color: #e91e63;
}
.rSearchAdd__discountPriceCurrency--rebate {
  color: #4f8cf1;
}
.rSearchAdd__discountDescription {
  font-size: 14px;
  font-weight: normal;
}
.rSearchAdd__discountPriceDescription {
  font-size: 14px;
  margin-left: 8px;
  font-weight: normal;
}
.rSearchAdd__discountPriceDescription i {
  color: #e91e63;
  font-weight: bold;
  font-style: normal;
}
.rSearchAdd__alternativePriceDescription {
  font-size: 14px;
  font-weight: normal;
}
.rSearchAdd__noPrice {
  font-size: 24px;
}
.rSearchAdd__effectivePrice {
  font-size: 14px;
  margin-top: 15px;
}
.rSearchAdd__effectivePrice strong {
  padding-right: 4px;
}
.rSearchAdd__corporatePrice {
  margin-top: 15px;
  font-size: 15px;
  color: #d18f12;
}
.rSearchAdd__corporatePrice strong {
  padding-right: 4px;
}
.rSearchAdd__rebatePrice {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #e2e7eb;
  font-size: 15px;
}
.rSearchAdd__rebatePrice strong,
.rSearchAdd__rebatePrice svg,
.rSearchAdd__rebatePrice a {
  color: #4f8cf1;
}
.rSearchAdd__allocation {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #e2e7eb;
  font-size: 15px;
}
.rSearchAdd__allocation strong,
.rSearchAdd__allocation svg,
.rSearchAdd__allocation a {
  color: #afcc5a;
}
.rSearchAdd__quantityMessage {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}
.rSearchAdd__unorderable {
  text-align: center;
  font-size: 16px;
  min-height: 45px;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #eb5252;
}
.rSearchAdd__loading {
  text-align: center;
  font-size: 16px;
  min-height: 45px;
}
.rSearchAdd__content-header {
  padding-top: 8px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rSearchAdd__content-header > div {
  -ms-flex: none;
      flex: none;
}
.rSearchAdd__content-account {
  font-size: 16px;
  font-weight: 600;
  padding-left: 8px;
}
.rSearchAdd__content-account > svg {
  margin-right: 6px;
}
.rSearchAdd__account {
  border-bottom: 1px solid #e2e7eb;
  text-align: center;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.rSearchAdd__account h5,
.rSearchAdd__account h6 {
  font-size: 14px;
  font-weight: normal;
}
.rSearchAdd__options {
  padding-bottom: 18px;
}
.rSearchAdd__options > div:not(:last-child) {
  margin-bottom: 8px;
}
.rSearchAdd__description {
  padding: 20px;
}
.rSearchAdd__description p {
  font-size: 15px;
  margin-bottom: 10px;
}
.rSearchAdd__sellerTab {
  padding: 20px;
  max-height: 500px;
  overflow: scroll;
}
.rSearchAdd__sellerTab p {
  font-size: 15px;
}
.rSearchAdd__sellerTab__headers {
  margin-top: 10px;
  border-top: 1px dashed #e2e7eb;
}
.rSearchAdd__sellerTab__headers p {
  font-weight: 600;
}
.rSearchAdd__availability {
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
  margin-bottom: 18px;
  padding: 18px 0;
  border-top: 1px dashed #e2e7eb;
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchAdd__availability-text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchAdd__availability-description {
  padding-left: 12px;
}
.rSearchAdd__stats {
  padding: 12px 20px 20px;
}
.rSearchAdd__stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px dashed #e2e7eb;
  padding: 7px 0;
}
.rSearchAdd__stat > div:first-child {
  text-transform: uppercase;
  color: #8a939b;
  font-weight: bold;
}
.rSearchAdd__stat > div:last-child {
  font-size: 15px;
  text-align: right;
}
.rSearchAdd__bulkDiscounts {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px dashed #e2e7eb;
}
.rSearchAdd__bulkDiscounts__pricingOriginal {
  font-weight: normal;
  font-size: 95%;
  margin-right: 5px;
  text-decoration: line-through;
  color: #7eabf5;
}
.rSearchAdd__bulkDiscounts__tier {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 3px;
  padding: 0 10px;
  margin: 0 -10px;
}
.rSearchAdd__bulkDiscounts__tier:hover:not(.rSearchAdd__bulkDiscounts__tier--selected) {
  background-color: #f9fafb;
  cursor: pointer;
}
.rSearchAdd__bulkDiscounts__tier--selected {
  background-color: #eff2f4;
}
.rSearchAdd__bulkDiscounts__tier--header {
  font-weight: bold;
  font-size: 14px;
}
.rSearchAdd__messages {
  width: 100%;
  border-bottom: 1px solid #e2e7eb;
}
.rSearchAdd__messages > div:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchAdd__coupons {
  margin-bottom: 15px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchAdd__coupons .dollars {
  font-weight: 700;
  color: #4f8cf1;
}
.rSearchAdd__coupons__display {
  font-weight: normal;
}
.rSearchAdd__coupons__discountedPrice {
  margin-top: 10px;
}
.rSearchAdd__detail__success {
  color: #57c559;
  font-weight: 600;
  height: 45px;
}
.rSearchAdd__detail__success > svg {
  top: 1px;
  position: relative;
}
.rSearchAdd__addToCartReason {
  margin-bottom: 15px;
}
.rSearchAdd__addToCartReason__label {
  color: #eb5252;
  line-height: 1.4;
  margin-bottom: 10px;
}
.rSearchAdd__alternativeUnitMessage {
  font-weight: 700;
  padding-top: 10px;
}
.rSearchAdd__Medline__heading {
  font-weight: 700;
}
.rSearchAdd__Medline__text1 {
  color: #4f8cf1;
  font-weight: 700;
}
.rSearchAdd__Medline__text2 {
  color: #e91e63;
  font-weight: 700;
}
.rSearchAdd__Medline__confirm {
  padding: 0 20px;
}
.rSearchAdd__Medline__confirm h3 {
  font-weight: 600;
}
.rSearchAdd__Medline__footer {
  background-color: #f9fafb;
}
.rSearchAdd__Medline__footer__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 20px 50px 10px;
  font-weight: 700;
}
.rSearchAdd__Medline__footer__row:last-child {
  padding-bottom: 20px;
}
.rSearchAdd__Medline__footer__col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 10px;
}
.rSearchAdd__Medline__footer__tag__green {
  border-radius: 3px;
  padding: 1px 5px;
  background-color: #daf2da;
  color: #57c559;
}
.rSearchAdd__Medline__footer__tag__purple {
  border-radius: 3px;
  padding: 1px 5px;
  background-color: #eadaf2;
  color: #a056c4;
}
.rSearchAdd__Medline__footer__legal {
  color: #6e767c;
  font-size: 12px;
  padding: 10px 30px 20px;
}
.rSearchAdd__Medline .learnMore_overlay__icon--active {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.SearchResultGroupedListingModalSort {
  border-top: 1px solid #e2e7eb;
  padding: 16px 8px;
}
.AddGroupedListing__overlay {
  padding: 0;
  height: 650px;
}
.AddGroupedListing .rSearchSupplier {
  padding: 8px;
}
.AddGroupedListing .rSearchSupplier__icons {
  -ms-flex: 0;
      flex: 0;
  font-size: 18px;
}
.AddGroupedListing .rSearchSupplier__icons > div {
  width: 60px;
}
.AddGroupedListing .rSearchSupplier__pricing {
  width: 100px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.AddGroupedListing .rSearchResultGroupedListing__group {
  padding: 0 6px;
}
.AddGroupedListing .rSearchResultGroupedListing__header {
  display: block;
  padding: 0;
}
.AddGroupedListing .rSearchResultGroupedListing__header img {
  margin: 8px;
}
.AddGroupedListing .rSearchSupplier__groupedListing--detail {
  min-width: 300px;
}
@keyframes bob {
  0% {
    transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  }
  100% {
    transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(-10px);
  }
}
.BundleAndSave {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateX(1000px);
  transition: transform 800ms;
  background-color: white;
}
.BundleAndSave__standAloneOverlay {
  width: 1000px;
}
.BundleAndSave__standAlone {
  position: unset;
}
.BundleAndSave__visible {
  transform: translateX(0);
}
.BundleAndSave__hidden {
  transition: transform 800ms;
  transform: translateX(-1000px);
}
.BundleAndSave__hidden .rSearchAdd__content {
  display: none;
}
.BundleAndSave__modal {
  transition: all 800ms;
  width: 1000px;
}
.BundleAndSave h2 {
  font-weight: bold;
  font-size: 28px;
  margin-top: 4px;
}
.BundleAndSave__content {
  padding: 20px;
  overflow: hidden;
}
.BundleAndSave__banner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.BundleAndSave__background {
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.BundleAndSave__bottom {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e2e7eb;
}
.BundleAndSaveTag {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #e2e7eb;
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
  width: 100%;
  position: relative;
}
.BundleAndSaveTag__tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 6px;
}
.BundleAndSaveTag__terms {
  font-size: 13px;
  color: #a2acb5;
}
.BundleAndSaveTag__message strong {
  color: #e91e63;
}
.BundleAndSaveTag__description {
  padding-left: 12px;
  line-height: 1.4;
}
.BundleAndSaveTag.searchView {
  margin-top: 15px;
  border-bottom: unset;
}
.BundleAndSaveTag.searchView .BundleAndSaveTag__description {
  color: #3cad3e;
  font-size: 15px;
}
.BundleAndSaveTag .what_is_this {
  position: absolute;
  bottom: 0;
}
.BundleAndSaveTag .what_is_this .text {
  font-size: 13px;
  color: #a2acb5;
}
.BundleAndSaveTag .what_is_this .text:hover {
  text-decoration: underline;
  cursor: help;
}
.BundleAndSaveTag.miller {
  padding-bottom: 31px;
}
.BundleAndSaveTag.miller .what_is_this {
  bottom: 10px;
}
.BundleAndSaveTag__tooltip p {
  font-size: 12px;
}
.BundleAndSaveImages {
  position: relative;
  height: 220px;
  perspective: 1500px;
}
.BundleAndSaveImages__upsellPosition {
  position: absolute;
}
.BundleAndSaveImages__upsellPosition:nth-child(1) {
  top: 0px;
  left: 20px;
  transform: rotate(-5deg);
}
.BundleAndSaveImages__upsellPosition:nth-child(2) {
  top: 20px;
  left: 170px;
  transform: rotate(15deg);
}
.BundleAndSaveImages__upsellImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 200px;
  height: 200px;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px;
}
.BundleAndSaveImages__upsellImage img {
  object-fit: scale-down;
}
.BundleAndSaveImages__upsellImage:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveImages__upsellImage:hover > div {
  opacity: 1;
}
.BundleAndSaveImages__position {
  position: absolute;
}
.BundleAndSaveImages__position:nth-child(1) {
  top: 0;
  left: 20px;
}
.BundleAndSaveImages__position:nth-child(2) {
  top: 20px;
  left: 90px;
}
.BundleAndSaveImages__position:nth-child(3) {
  top: 10px;
  left: 170px;
}
.BundleAndSaveImages__position:nth-child(4) {
  top: 30px;
  left: 240px;
}
.BundleAndSaveImages__position:nth-child(5) {
  top: 90px;
  left: 0;
}
.BundleAndSaveImages__position:nth-child(6) {
  top: 100px;
  left: 85px;
}
.BundleAndSaveImages__position:nth-child(7) {
  top: 80px;
  left: 160px;
}
.BundleAndSaveImages__position:nth-child(8) {
  top: 110px;
  left: 240px;
}
.BundleAndSaveImages__adjust {
  position: relative;
}
.BundleAndSaveImages__text {
  transition: opacity 0.5s;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  opacity: 0;
  color: #e91e63;
  font-size: 26px;
}
.BundleAndSaveImages__customImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  width: 100%;
  height: 220px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveImages__customImage img {
  max-width: 100%;
  max-height: 100%;
}
.BundleAndSaveImages__customImage:hover {
  animation: bob 1s infinite alternate;
}
.BundleAndSaveImages__customImage:hover > div {
  opacity: 1;
}
.BundleAndSaveImages__image {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 90px;
  height: 90px;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveImages__image img {
  max-width: 85px;
  max-height: 85px;
}
.BundleAndSaveImages__image:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveImages__image:hover > div {
  opacity: 1;
}
.BundleAndSaveSingleImage {
  position: relative;
  margin-top: 25px;
  height: 220px;
  perspective: 1500px;
}
.BundleAndSaveSingleImage__upsellPosition {
  position: absolute;
}
.BundleAndSaveSingleImage__upsellPosition:nth-child(1) {
  top: 20px;
  left: 170px;
  transform: rotate(-5deg);
}
.BundleAndSaveSingleImage__upsellImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 200px;
  height: 200px;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px;
}
.BundleAndSaveSingleImage__upsellImage img {
  object-fit: scale-down;
}
.BundleAndSaveSingleImage__upsellImage:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveSingleImage__upsellImage:hover > div {
  opacity: 1;
}
.BundleAndSaveSingleImage__position {
  position: absolute;
}
.BundleAndSaveSingleImage__position:nth-child(1) {
  top: 50;
  left: 150px;
}
.BundleAndSaveSingleImage__adjust {
  position: relative;
}
.BundleAndSaveSingleImage__text {
  transition: opacity 0.5s;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  opacity: 0;
  color: #e91e63;
  font-size: 26px;
}
.BundleAndSaveSingleImage__customImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  width: 100%;
  height: 220px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveSingleImage__customImage img {
  max-width: 100%;
  max-height: 100%;
}
.BundleAndSaveSingleImage__customImage:hover {
  animation: bob 1s infinite alternate;
}
.BundleAndSaveSingleImage__customImage:hover > div {
  opacity: 1;
}
.BundleAndSaveSingleImage__image {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 150px;
  height: 150px;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveSingleImage__image img {
  max-width: 150px;
  max-height: 150px;
}
.BundleAndSaveSingleImage__image:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveSingleImage__image:hover > div {
  opacity: 1;
}
.BundleAndSaveInlineImages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 75px;
  height: 220px;
}
.BundleAndSaveInlineImages__upsellPosition {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 20%;
  padding: 0 5px;
}
.BundleAndSaveInlineImages__upsellPosition:nth-child(odd) {
  transform: rotate(-3deg);
}
.BundleAndSaveInlineImages__upsellPosition:nth-child(even) {
  transform: rotate(3deg);
}
.BundleAndSaveInlineImages__upsellImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
}
.BundleAndSaveInlineImages__upsellImage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}
.BundleAndSaveInlineImages__upsellImage:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveInlineImages__upsellImage:hover > div {
  opacity: 1;
}
.BundleAndSaveInlineImages__adjust {
  position: relative;
}
.BundleAndSaveInlineImages__text {
  transition: opacity 0.5s;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  opacity: 0;
  color: #e91e63;
  font-size: 26px;
}
.BundleAndSaveInlineImages__customImage {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  width: 100%;
  height: 220px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveInlineImages__customImage img {
  max-width: 100%;
  max-height: 100%;
}
.BundleAndSaveInlineImages__customImage:hover {
  animation: bob 1s infinite alternate;
}
.BundleAndSaveInlineImages__customImage:hover > div {
  opacity: 1;
}
.BundleAndSaveInlineImages__image {
  transform: rotate3d(0.5, -0.866, 0, 15deg) rotateZ(1deg) translateY(0);
  transition: border-color 0.5s;
  box-shadow: 2.71px 6.25px 12.5px -2.5px rgba(50, 50, 93, 0.25), 1.62px 3.75px 7.5px -3.75px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveInlineImages__image img {
  max-width: 100%;
  max-height: 100%;
}
.BundleAndSaveInlineImages__image:hover {
  animation: bob 1s infinite alternate;
  border-color: #e91e63;
}
.BundleAndSaveInlineImages__image:hover > div {
  opacity: 1;
}
.BundleAndSaveMessage {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  color: #e91e63;
  margin: 16px 0 28px;
  position: relative;
}
.BundleAndSaveMessage__text {
  padding: 0 16px;
  font-weight: 600;
  text-align: center;
}
.BundleAndSaveMessage__line {
  -ms-flex: 1;
      flex: 1;
  height: 1px;
  background-color: #e91e63;
  margin-top: 1px;
}
.BundleAndSaveMessage__scollForMore {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  color: #b8c4ce;
  font-weight: 600;
}
.BundleAndSaveSupply__cb_percentage {
  width: 100px;
  border: 2px solid #e2e7eb;
  border-radius: 5px;
  color: #b8c4ce;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  opacity: 0.4;
  transition: all 0.3s;
}
.BundleAndSaveSupply__cb_percentage .tag {
  background-color: #e2e7eb;
  color: #f9fafb;
  font-weight: bold;
  transition: all 0.3s;
  width: 30px;
  text-align: center;
}
.BundleAndSaveSupply__cb_percentage.hovering {
  opacity: 1;
  border: 2px solid #e91e63;
  color: #e91e63;
}
.BundleAndSaveSupply__cb_percentage.hovering .tag {
  background-color: #e91e63;
  color: #f9fafb;
  font-weight: bold;
}
.BundleAndSaveSupply__image {
  width: 70px;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.BundleAndSaveSupply__image > img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.BundleAndSaveSupply__supply h3 {
  font-size: 16px;
}
.BundleAndSaveSupply__supply .availability.green {
  color: #57c559;
}
.BundleAndSaveSupply__supply .availability.red {
  color: #eb5252;
}
.BundleAndSaveSupply__supply .availability.purple {
  color: #5969e2;
}
.BundleAndSaveSupply__supply .availability.orange {
  color: #e5c380;
}
.BundleAndSaveSupply h3 {
  font-weight: 600;
  line-height: 1;
}
.BundleAndSaveSupply h5 {
  line-height: 1;
}
.BundleAndSaveSupply__price {
  text-align: center;
}
.BundleAndSaveSupply__help {
  margin-top: 4px;
}
@media screen and (max-width: 1000px) {
  .BundleAndSave__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 800px) {
  .rSearchAdd__overlay {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .rSearchAdd__body {
    display: block;
  }
  .rSearchAdd__supplier,
  .rSearchAdd__name,
  .rSearchAdd__pricing {
    text-align: center;
  }
  .rSearchAdd__supplier {
    margin-top: 12px;
  }
  .rSearchAdd__availability {
    display: block;
  }
  .rSearchAdd__availability-text {
    text-align: center;
    display: block;
  }
  .rSearchAdd__availability-description {
    padding-left: 0;
    padding-top: 12px;
    line-height: 1.4;
    display: block;
    text-align: center;
  }
  .rSearchAdd__stat-container {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .rSearchAdd__coupons__display,
  .rSearchAdd__coupons__discountedPrice {
    text-align: center;
  }
}
.rSearchAdd__inner {
  position: relative;
  max-height: 100%;
  width: 900px;
  width: 850px;
  padding: 40px 40px 20px 40px;
  overflow-y: auto;
  border-radius: 3px;
  background: #fff;
}
.rSearchAdd__main {
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.rSearchAdd__meta {
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  margin-bottom: 20px;
}
.rSearchAdd__meta h1 {
  font-size: 25px;
  font-weight: normal;
  line-height: 1.3;
  padding-right: 15px;
}
.rSearchAdd__meta h2 {
  font-size: 18px;
  font-weight: normal;
  opacity: 0.7;
  margin-bottom: 10px;
}
.rSearchAdd__meta h3 {
  font-size: 16px;
}
.rSearchAdd__actions {
  border: 1px solid #dadada;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 3px;
}
.rSearchAdd__status {
  text-align: center;
  padding: 20px 40px;
  font-size: 16px;
  color: #444;
}
.rSearchAdd__status h6 {
  font-size: 18px;
  font-weight: normal;
}
.rSearchAdd__status .rSearchAdd__icon {
  font-size: 40px;
  margin-bottom: 10px;
  color: #eb5252;
}
.rSearchAdd__bi-direct-connect h1 {
  font-weight: bold;
  text-align: center;
}
.rSearchAdd__bi-direct-connect h2 {
  text-align: center;
  font-size: 21px;
}
.rSearchAdd__bi-direct-connect__main {
  padding: 20px 100px;
  margin: 0 auto;
}
.rSearchAdd__bi-direct-connect__buttons {
  background-color: #f9fafb;
  padding: 20px 80px;
  border-top: 1px solid #e2e7eb;
  text-align: center;
}
.rSearchAdd__bi-direct-connect__buttons h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
.rSearchAdd__bi-direct-connect__steps {
  padding-top: 24px;
}
.rSearchAdd__bi-direct-connect__icon {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #b8c4ce;
  border-left-width: 1px;
  border-bottom-width: 3px;
  border-right-width: 3px;
  color: #8a939b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  transition: all 250ms;
  transform: scale(0.9);
  margin-top: 7px;
}
.rSearchAdd__bi-direct-connect__icon--active {
  color: #4f8cf1;
  border-color: #4f8cf1;
  transform: scale(1);
}
.rSearchAdd__bi-direct-connect__label {
  padding-left: 16px;
}
.rSearchAdd__bi-direct-connect__step {
  padding-bottom: 16px;
}
.rSearchAdd__bi-direct-connect__step h3 {
  font-weight: 600;
}
.rSearchAdd__bi-direct-connect__terms {
  font-size: 14px;
  margin-top: 15px;
}
.rSearchAdd__miller-vet-supply h1 {
  font-weight: bold;
  text-align: center;
}
.rSearchAdd__miller-vet-supply h2 {
  text-align: center;
  font-size: 21px;
}
.rSearchAdd__miller-vet-supply__image {
  text-align: center;
}
.rSearchAdd__miller-vet-supply__image img {
  width: 130px;
}
.rSearchAdd__miller-vet-supply__icon {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #b8c4ce;
  border-left-width: 1px;
  border-bottom-width: 3px;
  border-right-width: 3px;
  color: #8a939b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  transition: all 250ms;
  transform: scale(0.9);
}
.rSearchAdd__miller-vet-supply__icon--active {
  color: #4f8cf1;
  border-color: #4f8cf1;
  transform: scale(1);
}
.rSearchAdd__miller-vet-supply__label {
  padding-left: 16px;
}
.rSearchAdd__miller-vet-supply__step {
  padding-bottom: 16px;
}
.rSearchAdd__miller-vet-supply__step h3 {
  font-weight: 600;
}
.rSearchAdd__miller-vet-supply__main {
  padding: 20px 100px;
  margin: 0 auto;
}
.rSearchAdd__miller-vet-supply__steps {
  padding-top: 24px;
}
.rSearchAdd__miller-vet-supply__buttons {
  background-color: #f9fafb;
  padding: 20px 80px;
  border-top: 1px solid #e2e7eb;
  text-align: center;
}
.rSearchAdd__miller-vet-supply__buttons h6 {
  font-weight: 600;
  font-size: 18px;
}
.rSearchAdd__miller-vet-supply__buttons p {
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 16px;
}
.rSearchAdd__miller-vet-supply__disable {
  padding-top: 20px;
}
.rSearchAdd__miller-vet-supply__disable p {
  margin-bottom: 5px;
}
.rSearchAdd__cancel {
  position: absolute;
  top: -10px;
  right: 7px;
  font-size: 40px;
  color: #555;
  padding: 2px 5px;
  transition: color 0.2s;
}
.rSearchAdd__cancel:hover {
  color: #eb5252;
  cursor: pointer;
}
@media (max-width: 900px) {
  .responsive .rSearchAdd__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    max-width: auto;
  }
  .responsive .rSearchAdd__meta h1 {
    font-size: 20px;
  }
  .responsive .rSearchAdd__meta h3 {
    font-size: 13px;
  }
}
.UpSellSearchDetail {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateX(1000px);
  transition: all 800ms;
  background-color: white;
}
.UpSellSearchDetail h1 {
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 1.3;
}
.UpSellSearchDetail__description {
  font-size: 18px;
}
.UpSellSearchDetail__modal {
  transition: all 800ms;
  height: 640px;
  width: 1000px;
}
.UpSellSearchDetail__visible {
  transform: translateX(0);
}
.UpSellSearchDetail__hidden {
  transition: transform 800ms;
  transform: translateX(-1000px);
}
.UpSellSearchDetail__hidden .rSearchAdd__content {
  display: none;
}
.UpSellSearchDetail__main {
  -ms-flex: 1;
      flex: 1;
  font-size: 20px;
  padding: 0 20px;
}
.UpSellSearchDetail__top {
  padding: 20px;
  -ms-flex: 0;
      flex: 0;
}
.UpSellSearchDetail__validation {
  -ms-flex: 0;
      flex: 0;
  border-top: 1px solid #e2e7eb;
  padding: 10px 20px;
}
.UpSellSearchDetail__validationStatus {
  display: -ms-flexbox;
  display: flex;
}
.UpSellSearchDetail__validationText {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 17px;
  padding-top: 3px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #8a939b;
  margin-right: 10px;
}
.UpSellSearchDetail__deal {
  margin-top: 20px;
  padding: 5px 10px;
  border: 2px dashed #e91e63;
  border-radius: 5px;
}
.UpSellSearchDetail__deal-text {
  margin-top: 5px;
  font-weight: 600;
  font-size: 18px;
}
.UpSellSearchDetail__added {
  font-size: 15px;
  color: #57c559;
  font-weight: 600;
}
/* Availability */
.rAvailability {
  font-size: 14px;
  line-height: 16px;
}
.rAvailability.one_business_day,
.rAvailability.in_stock_main {
  color: #90d991;
}
.rAvailability.two_business_day,
.rAvailability.partial,
.rAvailability.in_stock_alternate {
  color: #e5c380;
}
.rAvailability.special_order,
.rAvailability.preorder {
  color: #679bf3;
}
.rAvailability.out_of_state {
  color: #f39797;
}
.rAvailability.made_to_order,
.rAvailability.drop_ship {
  color: #9aa4ed;
}
.rAvailability.allocation {
  color: #afcc5a;
}
.rAvailability.unavailable,
.rAvailability.awaiting_arrival,
.rAvailability.dea_required {
  color: #f39797;
}
.rAvailability.light {
  opacity: 0.2;
}
/* Filtering */
.rSearchFilter {
  padding: 10px 10px 10px 0;
}
.rSearchFilter h5 {
  font-weight: 600;
  border-bottom: 1px solid #ececec;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.4;
}
.rSearchFilter__bars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  height: 100px;
  margin-bottom: -4px;
}
.rSearchFilter__bar {
  -ms-flex: 1;
      flex: 1;
  background-color: #eff2f4;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: background-color 200ms;
}
.rSearchFilter__bar--included {
  background-color: #cdd6dd;
}
.rSearchFilter__slider .ant-slider {
  margin: 0;
}
.rSearchFilter__exit {
  display: none;
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 35px;
  transition: color 0.2s;
}
.rSearchFilter__exit:hover {
  color: #eb5252;
}
.rSearchFilter__sidebarTitle {
  display: none;
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 20px;
  padding: 10px 0;
  font-size: 26px;
}
.rSearchFilter__alert {
  color: #eb5252;
  line-height: 1.2;
  margin: 5px 0;
  font-weight: bold;
  font-size: 12px;
}
.rSearchFilter__empty {
  font-size: 12px;
}
.rSearchFilter__header {
  position: relative;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}
.rSearchFilter__reset {
  position: absolute;
  bottom: 2px;
  right: 0;
  font-size: 13px;
  transition: color 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.rSearchFilter__reset:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchFilter__option {
  font-size: 15px;
  padding: 0 0 3px 0;
  position: relative;
  border-radius: 3px;
}
.rSearchFilter__option label {
  display: block;
  position: relative;
  z-index: 1;
  transition: color 0.2s;
}
.rSearchFilter__option label:hover {
  cursor: pointer;
  color: #315795;
}
.rSearchFilter__option.disabled label:hover {
  cursor: not-allowed;
}
.rSearchFilter__option__availabilityIcon {
  transition: color 0.2s;
}
.rSearchFilter__option__availabilityIcon.danger {
  color: #f39797;
}
.rSearchFilter__option__availabilityIcon.success {
  color: #90d991;
}
.rSearchFilter__option__availabilityIcon.specialorder {
  color: #679bf3;
}
.rSearchFilter__option__availabilityIcon.allocation {
  color: #afcc5a;
}
.rSearchFilter__option__availabilityIcon.dropship {
  color: #9aa4ed;
}
.rSearchFilter__option:not(.hovering):not(.active) .rSearchFilter__option__availabilityIcon {
  color: #e2e7eb;
}
.rSearchFilter__option--link.active > label .rSearchFilter__optionName {
  color: #467bd4;
  font-weight: bold;
}
.rSearchFilter__suboption {
  font-size: 14px;
  padding-left: 8px;
}
.rSearchFilter__suboption.active .rSearchFilter__optionName {
  color: #467bd4;
}
.rSearchFilter__optionName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchFilter__optionName.faded {
  opacity: 0.5;
}
.rSearchFilter__optionName .rCampaigns__smallDealsTag {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 4px;
}
.rSearchFilter__toggle {
  font-size: 15px;
  display: block;
  padding: 3px 0;
}
.rSearchFilter__toggle .col-9 {
  padding-top: 3px;
}
.rSearchFilter__toggle label {
  transition: color 0.2s;
}
.rSearchFilter__toggle label:hover {
  cursor: pointer !important;
  color: #666;
}
.rSearchFilter__option.disabled {
  opacity: 0.4;
}
.rSearchFilter__count {
  color: #6e767c;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: right;
  direction: rtl;
}
.rSearchFilter__show {
  display: inline-block;
  font-size: 12px;
  color: #8a939b;
  padding-top: 5px;
  transition: color 0.2s;
}
.rSearchFilter__show:hover {
  color: #6e767c;
  cursor: pointer;
}
.rSearchFilters__permanentsInner {
  width: 100%;
  padding-right: 10px;
  padding-bottom: 5px;
  border-radius: 2px;
}
.rSearchFilter__permanent .rSearchFilter__toggle {
  font-size: 14px;
  font-weight: bold;
}
.rSearchFilter__permanent .rSearchFilter__toggle .react-toggle--checked .react-toggle-thumb {
  border-color: #7eabf5;
}
.rSearchFilter__permanent .rSearchFilter__toggle .react-toggle--checked:hover .react-toggle-track {
  background-color: #4f8cf1;
}
.rSearchFilter__permanent--cashback .rSearchFilter__toggle .react-toggle--checked .react-toggle-track {
  background-color: #e91e63;
}
.rSearchFilter__permanent--cashback .rSearchFilter__toggle .react-toggle--checked .react-toggle-track:hover {
  background-color: #c1134e;
}
.rSearchFilter__permanent--cashback .rSearchFilter__toggle .react-toggle--checked .react-toggle-thumb {
  border-color: #ee4c83;
}
.rSearchFilter__permanent--cashback .rSearchFilter__toggle .react-toggle--checked:hover .react-toggle-track {
  background-color: #c1134e;
}
.rSearchCategories__outer {
  background: linear-gradient(#4f8cf1, #4f8cf1, #5969e2);
  border-radius: 4px;
  padding: 3px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.rSearchCategories {
  width: 100%;
  border-radius: 2px;
  font-size: 15px;
}
.rSearchCategory {
  background: rgba(255, 255, 255, 0.85);
  transition: background 0.2s;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.7);
}
.rSearchCategory:hover {
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  color: #333;
}
.rSearchQuestions {
  margin-top: 20px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
}
.rSearchQuestions i {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}
.rSearchQuestions h6 {
  font-weight: 600;
  padding-bottom: 5px;
}
.rSearchQuestions a {
  color: #4f8cf1;
  font-size: 17px;
  font-weight: 600;
}
.rSearchFilters--mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.5);
}
.rSearchFilters--mobile .rSearchFilters__inner {
  position: absolute;
  padding: 0 20px 20px 20px;
  max-width: 100%;
  width: 300px;
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: scroll;
  background: #fff;
}
.rSearchFilters--mobile .rSearchFilter__count {
  background: #fff;
}
.rSearchFilters--mobile .rSearchFilter__header {
  display: block;
}
.rSearchFilters--mobile .rSearchFilter__exit {
  display: block;
}
.rSearchFilters--mobile .rSearchFilter__sidebarTitle {
  display: block;
}
.rSearchFilters--mobile .rSearchFilter__option {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rSearchFilters--mobile .rSearchFilter__only {
  right: 40px;
  top: 5px;
}
.rSearchFilters--mobile .rSearchFilter__reset {
  font-size: 18px;
}
.rSearchFilters--mobile .rSearchFilter__toggle {
  font-size: 18px;
  margin-bottom: 15px;
}
.rSearchFilters--mobile .rSearchFilter__range {
  font-size: 18px;
}
.rSearchFilters--mobile .rSearchFilter__show {
  font-size: 16px;
}
/* Result */
.rSearchResult__outer--pinned {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 10;
  border-top: 1px solid #e2e7eb;
}
@keyframes search-result-featured-shadow-pulse-brightorange {
  0% {
    box-shadow: 0 0 0 0px rgba(224, 169, 122, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(224, 169, 122, 0);
  }
}
@keyframes search-result-featured-shadow-pulse-pink {
  0% {
    box-shadow: 0 0 0 0px rgba(219, 115, 155, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(219, 115, 155, 0);
  }
}
@keyframes search-result-featured-shadow-pulse-green {
  0% {
    box-shadow: 0 0 0 0px rgba(142, 216, 119, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(142, 216, 119, 0);
  }
}
@keyframes search-result-featured-shadow-pulse-blue {
  0% {
    box-shadow: 0 0 0 0px rgba(123, 161, 222, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(123, 161, 222, 0);
  }
}
@keyframes search-result-featured-border-pulse-brightorange {
  0% {
    border-color: #e2e7eb;
  }
  30% {
    border-color: #e0a97a;
  }
  70% {
    border-color: #e2e7eb;
  }
  100% {
    border-color: #e2e7eb;
  }
}
@keyframes search-result-featured-border-pulse-pink {
  0% {
    border-color: #e2e7eb;
  }
  30% {
    border-color: #db739b;
  }
  70% {
    border-color: #e2e7eb;
  }
  100% {
    border-color: #e2e7eb;
  }
}
@keyframes search-result-featured-border-pulse-green {
  0% {
    border-color: #e2e7eb;
  }
  30% {
    border-color: #8ed877;
  }
  70% {
    border-color: #e2e7eb;
  }
  100% {
    border-color: #e2e7eb;
  }
}
@keyframes search-result-featured-border-pulse-blue {
  0% {
    border-color: #e2e7eb;
  }
  30% {
    border-color: #7ba1de;
  }
  70% {
    border-color: #e2e7eb;
  }
  100% {
    border-color: #e2e7eb;
  }
}
.rSearchResult {
  position: relative;
  background: #fff;
  border: 1px solid #e2e7eb;
  width: 100%;
  transition: box-shadow 0.3s;
  margin-bottom: 15px;
}
.rSearchResult:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rSearchResult__meta {
  z-index: 2;
}
.rSearchResult__holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rSearchResult__holder-row {
  margin: 0;
}
.rSearchResult__bar-container {
  border-top: 1px dashed #e2e7eb;
  justify-self: flex-start;
  margin: 0 15px;
  padding-top: 6px;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.rSearchResult__bottom-icons {
  margin: 0;
  -ms-flex: none;
      flex: none;
  margin-left: auto;
  padding-bottom: 10px;
}
.rSearchResult__image {
  max-width: 200px;
  width: 200px;
  height: 130px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.rSearchResult__image__container {
  padding: 20px 20px 10px 30px;
}
.rSearchResult__image__img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: inline-block;
}
.rSearchResult__bar {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rSearchResult__latestNote {
  background: #ffface;
  color: #6c684a;
  letter-spacing: 0.25px;
  padding: 3px 10px;
  font-size: 14px;
  border-bottom: 1px solid #eff2f4;
  transition: background 0.2s;
}
.rSearchResult__latestNote.hoverable:hover {
  background: #fff7b4;
  cursor: pointer;
}
.rSearchResult__latestNote.success {
  background: #f0faf0;
  color: #4dad4e;
}
.rSearchResult__latestNote.danger {
  background: #eb5252;
  color: #f9fafb;
}
.rSearchResult__latestNote.warning {
  background: #fef8ec;
  color: #d18f12;
}
.rSearchResult__latestNote.info {
  background: #f4f8fe;
  color: #467bd4;
}
.rSearchResult__latestNote__icon {
  opacity: 0.5;
  margin-right: 3px;
}
.rSearchResult__latestNote__markdown {
  display: inline;
}
.rSearchResult__latestNote__markdown > * {
  display: inline;
}
.rSearchResult__latestNote__link {
  transition: opacity 0.2s;
  display: block;
}
.rSearchResult__latestNote__link:hover {
  opacity: 0.8;
  cursor: pointer;
}
.rSearchResult__sponsored-tag {
  position: absolute;
  bottom: -12px;
  right: -1px;
  height: 12px;
  z-index: 5;
  background: #fcfdfd;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e2e7eb;
  border-top: none;
  text-transform: uppercase;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #818181;
  padding: 0 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
}
.rSearchResult__is-advertised-item {
  border: 1px solid #e0a97a;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner {
  width: 100%;
  height: 30px;
  padding: 3px 10px;
  border-bottom: 1px solid #e2e7eb;
  background: #f9fafb;
  overflow: hidden;
  color: #555a5f;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner p {
  display: inline;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner a:hover {
  text-decoration: underline;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--brightorange {
  background: linear-gradient(0deg, rgba(224, 169, 122, 0.3), rgba(224, 169, 122, 0.3));
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--brightorange a {
  color: #b17d14;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--pink {
  background: linear-gradient(0deg, rgba(219, 115, 155, 0.3), rgba(219, 115, 155, 0.3));
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--pink a {
  color: #b41a55;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--green {
  background: linear-gradient(0deg, rgba(142, 216, 119, 0.3), rgba(142, 216, 119, 0.3));
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--green a {
  color: #2f8730;
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--blue {
  background: linear-gradient(0deg, rgba(123, 161, 222, 0.3), rgba(123, 161, 222, 0.3));
}
.rSearchResult__is-advertised-item .rSearchResult__featuredBanner--blue a {
  color: #134fb0;
}
.rSearchResult__is-advertised-item--brightorange {
  animation: search-result-featured-shadow-pulse-brightorange 2s infinite, search-result-featured-border-pulse-brightorange 2s infinite;
}
.rSearchResult__is-advertised-item--pink {
  animation: search-result-featured-shadow-pulse-pink 2s infinite, search-result-featured-border-pulse-pink 2s infinite;
}
.rSearchResult__is-advertised-item--green {
  animation: search-result-featured-shadow-pulse-green 2s infinite, search-result-featured-border-pulse-green 2s infinite;
}
.rSearchResult__is-advertised-item--blue {
  animation: search-result-featured-shadow-pulse-blue 2s infinite, search-result-featured-border-pulse-blue 2s infinite;
}
@media (max-width: 1470px) {
  .rSearchResult__image__container {
    padding: 20px 10px 10px 15px;
  }
}
.rSearchItemFlavor {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: #6e767c;
  font-weight: 400;
}
.rSearchItemFlavor__icon {
  margin-right: 3px;
}
.rSearchResult__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative;
  width: 100%;
}
.rSearchResult__message {
  display: inline-block;
  background: #f9fafb;
  border: 1px solid #e2e7eb;
  border-radius: 4px;
  padding: 6px 10px;
  margin-top: 5px;
  line-height: 1.4;
  letter-spacing: 0.25px;
  font-size: 13px;
  font-weight: normal;
  color: #6e767c;
}
.rSearchResult__cashback_message {
  display: inline-block;
  background: #fffafc;
  border: none;
  border-radius: 4px;
  padding: 6px 10px;
  margin-top: 5px;
  line-height: 1.4;
  letter-spacing: 0.25px;
  font-size: 13px;
  font-weight: normal;
  color: #e91e63;
}
.rSearchResult__cashback_message h4 {
  color: #e91e63;
  font-size: 13px;
  font-weight: bold;
}
.rSearchResult__cashback_message h5 {
  font-size: 12px;
  opacity: 0.8;
}
.CubexListItemInfo {
  background: #f9fafb;
  font-size: 13px;
  font-weight: bold;
  color: #6e767c;
  padding: 5px 5px 0 5px;
}
.CubexListItemInfoHeaders {
  background: #f9fafb;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 5px 5px 5px;
}
.CubexListItemInfoStatus {
  background: #fef3f3;
  color: #eb5252;
  font-size: 12px;
  font-weight: 500;
  padding: 5px;
}
.CubexListItemRemove {
  padding: 10px 0 5px;
}
.rSearchResult__content {
  -ms-flex-negative: 2;
      flex-shrink: 2;
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
  padding: 10px 0 0 0;
  padding-right: 20px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rSearchResult__disclaimer {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}
.rSearchResult__labels {
  margin-bottom: 12px;
}
.rSearchResult__label {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.3px;
  background-color: #f9fafb;
  font-weight: normal;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  margin: 0 5px 3px 0;
  color: #6e767c;
  transition: all 0.2s;
  cursor: pointer;
}
.rSearchResult__warning {
  font-size: 12px;
  line-height: 1.3;
  color: #9e5151;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}
.rSearchResult__title {
  font-size: 21px;
  font-weight: bold;
  color: #284679;
  transition: color 100ms;
  line-height: 1.3;
  margin: 10px 0 0 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.rSearchResult__title:hover {
  color: #4f8cf1;
}
.rSearchReviewsSummary {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}
.rSearchReviewsSummary__percentage {
  width: 37px;
}
.rSearchReviewsSummaryView__links {
  border-top: 1px solid #e2e7eb;
  background: #f9fbfc;
  margin: 10px -16px -12px -16px;
  padding: 5px 0 10px 0;
}
.rSearchReviewsSummaryView__linksCol {
  text-align: center;
}
.rSearchReviewsSummaryView__linksCol:last-child {
  border-left: 1px solid #e2e7eb;
}
.rSearchReviewsSummaryView__compose {
  color: #6e767c;
  transition: color 0.2s;
  font-weight: bold;
}
.rSearchReviewsSummaryView__compose:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchReviewsSummaryView__all {
  color: #6e767c;
  transition: color 0.2s;
}
.rSearchReviewsSummaryView__all:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchReviewsSummaryView__all p {
  font-weight: bold;
}
.rSearchResult__itemRating {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.rSearchResult__itemRating__link {
  color: #6e767c;
}
.rSearchResult__itemRating__title {
  text-align: center;
}
.rSearchResult__itemRating.hover {
  transition: color 0.2s;
  cursor: pointer;
}
.rSearchReviewsListView__split {
  padding-bottom: 50px;
  border-bottom: 1px solid #e2e7eb;
}
.rSearchReviewsListView__header {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rSearchReviewsListView__sort {
  font-size: 17px;
  color: #888;
}
.rSearchReviewsListView__writeReview {
  font-size: 15px;
  padding: 10px;
  text-align: center;
  max-width: 350px;
}
.rSearchReviewsListView__sortOption {
  color: #b1b1b1;
  transition: color 0.2s;
  font-size: 17px;
  color: #888;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  margin: 0 10px;
}
.rSearchReviewsListView__sortOption.active {
  color: #2e9fff;
  border-color: #4f8cf1;
}
.rSearchReviewsListView__sortOption:hover {
  cursor: pointer;
  color: #2e9fff;
}
.rSearchReviewsListView__viewAllFooter {
  border-top: 1px solid #e2e7eb;
  background: #f9fbfc;
  margin: 0px -20px -20px -20px;
  padding: 8px 20px;
}
.rSearchReviewsListView__viewAllFooter p {
  font-weight: 600;
  color: #4f8cf1;
}
.rSearchReviewsListView__viewAllFooter p:hover {
  color: #467bd4;
}
.rSearchReviewsListView__viewAllLink {
  color: #5969e2;
  transition: color 0.2s;
  cursor: pointer;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.rSearchReviewsListView__viewAllLink:hover {
  color: #2337cb;
  cursor: pointer;
}
.rSearchReviewsListView__viewAllLink__text {
  padding-right: 3px;
}
.rSearchReviewsTop {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rSearchReviewsTop__none {
  text-align: center;
  margin-top: 5%;
}
.rSearchReviewsTop__leftCol {
  border-right: 1px solid #e2e7eb;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.rSearchReviewsTop__rightCol {
  padding-left: 20px;
}
.rSearchReview {
  padding-top: 10px;
  padding-bottom: 20px;
}
.rSearchReview:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchReview__header {
  margin-top: -4px;
}
.rSearchReview__content {
  margin-right: 50px;
}
.rSearchReview__reviewBody {
  font-size: 15px;
}
.rSearchReview__commentsContainer {
  padding-left: 60px;
}
.rSearchReview__commentButton {
  margin-left: 5px;
}
.rSearchReview__commentsIcon {
  margin-left: 8px;
  margin-right: 8px;
  color: #b1b1b1;
  transition: color 0.2s;
}
.rSearchReview__commentsIcon.active {
  color: #4f8cf1;
}
.rSearchReview__commentsIcon:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchReview__editIcon {
  color: #b1b1b1;
  transition: color 0.2s;
}
.rSearchReview__editIcon:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchReviewUpvote {
  margin-right: 8px;
  color: #b1b1b1;
  transition: color 0.2s;
}
.rSearchReviewUpvote:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchReviewUpvote.liked {
  color: #4f8cf1;
}
.rSearchReviewUpvote__thumbIcon {
  margin-right: 7px;
}
.rSearchReviewFlag {
  margin-left: 8px;
  color: #b1b1b1;
  transition: color 0.2s;
}
.rSearchReviewFlag:hover {
  cursor: pointer;
  color: #f39797;
}
.rSearchReviewFlag.active {
  color: #f39797;
}
.rSearchReviewFlag__flagInput {
  width: 250px;
}
.rSearchReviewCommentButton {
  margin-right: 7px;
  color: #b1b1b1;
  transition: color 0.2s;
}
.rSearchReviewCommentButton.active {
  color: #4f8cf1;
}
.rSearchReviewCommentButton:hover {
  cursor: pointer;
  color: #4f8cf1;
}
@keyframes comment-create-animation {
  0% {
    background: #dce8fc;
  }
  30% {
    background: #dce8fc;
  }
  100% {
    background: transparent;
  }
}
.rSearchReviewComment {
  padding: 8px;
  transition: background 0.2s;
}
.rSearchReviewComment.new {
  animation: comment-create-animation 2.5s;
}
.rSearchReviewComment__dot {
  font-size: 6px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  margin-top: 7.5px;
  color: #eff2f4;
}
.rSearchReviewComment__username {
  color: #b1b1b1;
  font-weight: bold;
}
.rSearchReviewComment__timestamp {
  color: #b1b1b1;
}
.rSearchReviewComment:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchResultInfoBar {
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 1.3;
  padding-bottom: 4px;
  color: #6e767c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin: 4px 0 5px 0;
}
.rSearchResultInfoBar a {
  color: inherit;
}
.rSearchResultInfoBar a:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchResultInfoBar__divider {
  margin: 0 3px;
  font-size: 18px;
  line-height: 1;
  color: #b8c4ce;
}
.rSearchResultInfoBar .campaignDiscount {
  color: #e91e63;
}
.rSearchResult__adminItemId {
  color: #4f8cf1;
}
.rSearchResult__adminItemId:hover {
  cursor: copy;
}
.rSearchResult__stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 10px 0 5px 0;
}
.rSearchResult__stat {
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
  white-space: nowrap;
}
.rSearchResult__stat h1 {
  color: #315795;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3;
  transition: color 0.2s;
}
.rSearchResult__stat h2 {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.8px;
  font-size: 11px;
  color: #8a939b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchResult__suppliers {
  width: 340px;
  background: #fcfdfd;
  border-left: 1px solid #e2e7eb;
  font-size: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchResult__SuppliersEmpty {
  height: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #8a939b;
}
.rSearchResult__SuppliersEmpty p {
  margin-top: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 600;
}
.rSearchResult__SuppliersEmptyMessage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #8a939b;
  padding: 10px;
}
.rSearchResult__mobilePricing {
  border-top: 1px solid #e2e7eb;
  padding-top: 2px;
  margin-top: 5px;
}
.rSearchResult__lowest {
  font-size: 23px;
  color: #777;
}
.rSearchResult__tag {
  border-radius: 8px;
  background: #aaa;
  color: rgba(255, 255, 255, 0.9);
  padding: 0 5px;
  font-weight: 600;
  font-size: 90%;
  letter-spacing: 0.5px;
  transition: background 0.2s;
}
.rSearchResult__tag--compound {
  background: #34c8af;
}
.rSearchResult__tag--dea {
  background: #a2acb5;
}
.rSearchResult__tag--dea:hover {
  cursor: pointer;
  background: #6e767c;
}
.rSearchResult__tag--whitelist {
  background: #a2acb5;
}
.rSearchResult__tag--whitelist:hover {
  cursor: pointer;
  background: #6e767c;
}
.rSearchResult__species {
  height: 20px;
  width: 20px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/search/species3.png);
  background-size: 120px 20px;
  transition: opacity 0.2s;
  margin-left: 3px;
}
.rSearchResult__species:hover {
  cursor: help;
  opacity: 0.6;
}
.rSearchResult__species__tooltip {
  width: 100px;
  min-height: auto;
  text-align: center;
  font-weight: bold;
}
.rSearchResult__species--inline {
  display: inline-block;
}
.rSearchResult__species--bovine,
.rSearchResult__species--cattle {
  background-position: -20px 0;
}
.rSearchResult__species--equine {
  background-position: -40px 0;
}
.rSearchResult__species--canine {
  background-position: -100px 0;
}
.rSearchResult__species--feline {
  background-position: -60px 0;
}
.rSearchResult__species--avian,
.rSearchResult__species--poultry {
  background-position: -80px 0;
}
.rSearchResultItemSelect {
  margin-top: 15px;
}
.rSearchResultItemSelect__option {
  display: -ms-flexbox;
  display: flex;
}
.rSearchResultItemSelect__optionImage {
  width: 70px;
  padding-right: 10px;
}
.rSearchResultItemSelect__optionImage img {
  max-width: 100%;
  max-height: 50px;
}
.rSearchResultCorporatePreference__superPreferred {
  border: 2px solid #57c559;
  background: #57c559;
}
.rSearchResultCorporatePreference__superPreferred.showGuidanceRuleVerbiage {
  border-top: none;
}
.rSearchResultCorporatePreference__superPreferred:not(.showGuidanceRuleVerbiage) > .rSearchResultGroupedListing__group {
  display: none;
}
.rSearchResultCorporatePreference__superPreferred .rSearchSupplier {
  border-radius: 4px;
  background: #f9fff9;
}
.rSearchResultCorporatePreference__superPreferred .rSearchResultGroupedListing__group {
  background: #57c559;
  color: #fff;
  border-bottom: none;
  font-weight: 700;
}
.rSearchResultCorporatePreference__superPreferred .rSearchResultGroupedListing__group svg {
  color: #fff;
}
.rSearchResultCorporatePreference__nonPreferred {
  border: 2px solid #eb5252;
  background: #eb5252;
}
.rSearchResultCorporatePreference__nonPreferred .rSearchSupplier {
  border-radius: 4px;
  background: #f9fff9;
}
.rSearchResultCorporatePreference__nonPreferred .rSearchResultGroupedListing__group {
  background: #eb5252;
  color: #fff;
  border-bottom: none;
  font-weight: 700;
}
.rSearchResultCorporatePreference__nonPreferred .rSearchResultGroupedListing__group svg {
  color: #fff;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred {
  border: 2px solid #4f8cf1;
  background: #4f8cf1;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred.showGuidanceRuleVerbiage {
  border-top: none;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred:not(.showGuidanceRuleVerbiage) > .rSearchResultGroupedListing__group {
  display: none;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred .rSearchSupplier {
  border-radius: 4px;
  background: #f9fff9;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred .rSearchResultGroupedListing__group {
  background: #4f8cf1;
  color: #fff;
  border-bottom: none;
  font-weight: 700;
}
.rSearchResultCorporatePreference__strongSecondaryPreferred .rSearchResultGroupedListing__group svg {
  color: #fff;
}
.rSearchResultCorporatePreference__emphasizedSearchSupply {
  border: 2px solid #e91e63;
  background: #e91e63;
}
.rSearchResultCorporatePreference__emphasizedSearchSupply .rSearchSupplier {
  border-radius: 4px;
  background: #f9fff9;
}
.rSearchResultCorporatePreference__emphasizedSearchSupply .rSearchResultGroupedListing__group {
  background: #e91e63;
  color: #fff;
  border-bottom: none;
  font-weight: 700;
}
.rSearchResultCorporatePreference__emphasizedSearchSupply .rSearchResultGroupedListing__group svg {
  color: #fff;
}
.rSearchItemDetailView .rSearchResultCorporatePreference__superPreferred,
.rSearchItemDetailView .rSearchResultCorporatePreference__strongSecondaryPreferred,
.rSearchItemDetailView .rSearchResultCorporatePreference__nonPreferred,
.rSearchItemDetailView .rSearchResultCorporatePreference__emphasizedSearchSupply {
  margin-bottom: 10px;
}
.rSearchItemDetailView .rSearchResultCorporatePreference__superPreferred .rSearchSupplier,
.rSearchItemDetailView .rSearchResultCorporatePreference__strongSecondaryPreferred .rSearchSupplier,
.rSearchItemDetailView .rSearchResultCorporatePreference__nonPreferred .rSearchSupplier,
.rSearchItemDetailView .rSearchResultCorporatePreference__emphasizedSearchSupply .rSearchSupplier {
  padding: 10px;
  background: #fff;
  border-bottom: none;
}
.rSearchItemDetailView .rSearchResultCorporatePreference__standardPreferred {
  border: 1px solid #e2e7eb;
}
.rSearchItemDetailView .rSearchResultCorporatePreference__standardPreferred .rSearchSupplier {
  padding-left: 10px;
  padding-right: 10px;
}
/*** Categories ***/
.rSearchLearn__categories {
  text-align: left;
  padding-top: 15px;
  font-size: 13px;
}
.rSearchLearn__categories .btl {
  margin: 0 5px;
  color: #aaa;
  font-size: 12px;
}
.rSearchLearn__categories--admin {
  position: absolute;
  z-index: 4;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  font-size: 12px;
  padding: 0 5px;
}
.rSearchLearn__categories--admin .btl {
  font-size: 11px;
}
a.rSearchLearn__category {
  transition: color 0.2s;
}
a.rSearchLearn__category:hover {
  cursor: pointer;
  text-decoration: none;
}
/*** Supplier Table ***/
.rSearchSupplierExt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 0;
  width: 100%;
}
.rSearchSupplierExt:hover {
  cursor: pointer;
}
.rSearchSupplierExt:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rSearchSupplierExt h5 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.2;
}
.rSearchSupplierExt__image {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  max-width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchSupplierExt__image img {
  max-width: 50px;
  max-height: 50px;
}
.rSearchSupplierExt__content {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rSearchSupplierExt__icons {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  max-width: 150px;
  font-size: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchSupplierExt__icons .fa {
  margin-right: 10px;
}
.rSearchSupplierExt__sku {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  max-width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchSupplierExt__price {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  max-width: 200px;
  font-size: 30px;
  font-weight: 200;
  color: #555;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchSupplierExt__add {
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
  max-width: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1000px) {
  .responsive .rSearchSupplierExt__sku {
    display: none;
  }
  .responsive .rSearchSupplierExt__header {
    display: none;
  }
  .responsive .rSearchSupplierExt__icons,
  .responsive .rSearchSupplierExt__price {
    -ms-flex-preferred-size: 125px;
        flex-basis: 125px;
    max-width: 125px;
    font-size: 18px;
  }
  .responsive .rSearchSupplierExt__sku {
    display: none;
  }
}
@media (max-width: 800px) {
  .responsive .rSearchPromotion {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .responsive .rSearchPromotion__action {
    margin-top: 20px;
    border-top: 1px solid #e2e7eb;
    padding-top: 20px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .responsive .rSearchSupplierExt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .responsive .rSearchSupplierExt__image {
    display: none;
  }
  .responsive .rSearchSupplierExt__content {
    width: 100%;
  }
  .responsive .rSearchSupplierExt__icons,
  .responsive .rSearchSupplierExt__price,
  .responsive .rSearchSupplierExt__add {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    max-width: 33%;
  }
  .responsive .rSearchSupplierExt__price {
    font-size: 24px;
  }
}
/*** Learn Modules ***/
.rSearchLearn {
  position: relative;
  overflow: hidden;
  color: #555a5f;
}
.rSearchLearn canvas {
  max-width: 100%;
}
.rSearchLearn__error {
  text-align: center;
  padding: 30px 20px;
}
.rSearchLearn__error h1 {
  color: #eb5252;
  font-weight: normal;
  font-size: 20px;
}
.rSearchLearn__error h2 {
  opacity: 0.8;
  font-weight: normal;
  font-size: 16px;
}
.rSearchLearn__exit {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  font-size: 16px;
  transition: color .2s;
}
.rSearchLearn__exit:hover {
  color: #eb5252;
  cursor: pointer;
}
.rSearchLearn__header {
  font-size: 22px;
  margin: 10px 0 20px 0;
  font-weight: bold;
}
.rSearchLearn__header__message {
  margin-top: 10px;
  font-size: 16px;
  font-weight: normal;
}
.rSearchLearn__itemAction {
  margin: 10px 0 0 0;
}
.rSearchLearn__medias {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 16px 0;
}
.rSearchLearn__details {
  font-size: 16px;
  padding-bottom: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
.rSearchLearn__descriptionSource {
  font-size: 14px;
  color: #a2acb5;
  margin-top: -5px;
}
.rSearchLearn__body {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
  padding-bottom: 40px;
}
.rSearchLearn__sidebar {
  margin-left: 20px;
  padding-left: 20px;
}
.rSearchResult__detailsFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  border-top: 1px solid #e2e7eb;
  background: #f9fbfc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 20px;
}
.rSearchResult__detailsMore {
  color: #4f8cf1;
  transition: color 0.2s;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 20px;
}
.rSearchResult__detailsMore:hover {
  color: #467bd4;
}
.rSearchResult__similarFooter {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
/** Styling for our markdown **/
.rSearchLearn__description p {
  margin-bottom: 10px;
}
.rSearchLearn__description pre {
  white-space: pre-wrap;
  width: 100%;
}
.rSearchLearn__facts {
  padding-left: 12px;
  border-left: 1px solid #e2e7eb;
}
.rSearchLearn__resource {
  display: inline-block;
  padding: 0px 0;
  text-align: right;
  padding-right: 20px;
  color: #8a939b;
  font-weight: 600;
  transition: color 0.2s;
}
.rSearchLearn__resource:hover {
  color: #4f8cf1;
}
.rSearchLearn__resource:not(:first-child) {
  padding-left: 20px;
}
.rSearchLearn__resource:not(:last-child) {
  border-right: 1px solid #e2e7eb;
}
.rSearchLearn__facts {
  border-top: 1px dashed #e2e7eb;
  margin-top: 10px;
  padding-top: 10px;
  display: -ms-flexbox;
  display: flex;
}
.rSearchLearn__facts > div:first-child {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px dashed #e2e7eb;
}
.rSearchLearn__fact {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding: 8px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.rSearchLearn__fact h6 {
  font-weight: normal;
  text-transform: uppercase;
  opacity: 0.6;
  letter-spacing: 1px;
  font-size: 12px;
  margin-right: 5px;
  transition: color 0.2s;
}
.rSearchLearn__fact a {
  font-size: 15px;
  letter-spacing: 0.25px;
  color: #4f8cf1;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0px;
  text-align: center;
}
.rSearchLearn__fact a:hover {
  color: #467bd4;
  cursor: pointer;
}
.rSearchLearn__thumbnail {
  position: relative;
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #e2e7eb;
  margin: 0 10px 10px 0;
  background: #fff;
  padding: 5px;
  border-radius: 3px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  transition: border-color 0.2s;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rSearchLearn__thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.rSearchLearn__thumbnail:hover {
  cursor: pointer;
  border-color: #8490ea;
}
@media (max-width: 800px) {
  .responsive .rSearchLearn__sidebar {
    border: none;
    margin: 20px auto 20px auto;
  }
  .responsive .rSearchResult__detailsFooter {
    display: block;
    text-align: center;
  }
  .responsive .rSearchResult__detailsMore {
    border-top: 1px dashed #e2e7eb;
    padding-top: 5px;
    margin-top: 5px;
    display: block;
  }
}
.rSearchLearn__empty {
  font-style: italic;
  color: #777;
}
.rSearchLearn__popularity {
  text-align: center;
  padding: 40px;
}
.rSearchLearn__suppliers {
  border-top: 1px solid #e2e7eb;
  padding: 20px;
}
.rSearchLearn__disclaimer {
  margin-top: 20px;
  font-size: 12px;
  color: #777;
  line-height: 1.4;
}
.rSearchLearn__options {
  margin-top: 20px;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.rSearchLearn__option {
  padding: 8px 20px;
  transition: border-color 0.2s, color 0.2s;
  border: 2px solid #e2e7eb;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
.rSearchLearn__option h6 {
  font-weight: normal;
  font-size: 17px;
  color: #555;
}
.rSearchLearn__option p {
  color: #888;
}
.rSearchLearn__option:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rSearchLearn__option:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rSearchLearn__option.active {
  border-color: #5969e2;
  background: #e8eafb;
}
.rSearchLearn__option:not(.active):hover {
  border-color: #9aa4ed;
  cursor: pointer;
}
.rSearchLearn__vetcove-id {
  color: #8a939b;
  font-weight: 600;
}
.rSearchResult__popularity {
  font-size: 18px;
  font-weight: bold;
  color: #57c559;
  cursor: help;
}
.rSearchResult__second {
  border-top: 1px solid #e2e7eb;
  padding: 10px 20px 20px 20px;
}
.rSearchResult__navigation {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -1px;
  gap: 24px;
}
.rSearchResult__navigationItem {
  position: relative;
  font-size: 14px;
  color: #6e767c;
  border-bottom: 1px solid transparent;
  padding: 5px 0 10px 0;
  transition: color 0.2s, border-color 0.2s;
  -ms-flex: none;
      flex: none;
}
.rSearchResult__navigationItem:hover {
  cursor: pointer;
}
.rSearchResult__navigationItem:not(.active):hover {
  color: #444;
}
.rSearchResult__navigationItem.active {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.rSearchResult__navigationItem svg {
  display: none;
}
.rSearchResult__navigationCount {
  position: absolute;
  top: 0;
  left: 96%;
  color: #fff;
  height: 14px;
  text-align: center;
  min-width: 14px;
  font-size: 12px;
  line-height: 14px;
  background: #5969e2;
  border-radius: 8px;
  padding: 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.rSearchResult__comboCountDeal {
  position: absolute;
  top: 0;
  left: 96%;
  color: #fff;
  height: 14px;
  text-align: center;
  min-width: 45px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 8px;
  padding: 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.rSearchResult__comboCountDeal .comboLeft {
  background: #5969e2;
  border-radius: 30px 5px 5px 30px;
  margin-right: 1px;
}
.rSearchResult__comboCountDeal .comboRight {
  background: #e91e63;
  border-radius: 5px 30px 30px 5px;
  padding-right: 3px;
  padding-left: 3px;
}
.rSearchResult__emphasisDetail {
  position: absolute;
  top: 0;
  left: 100%;
  height: 14px;
  text-align: center;
  min-width: 14px;
  font-size: 12px;
  line-height: 9px;
  border-radius: 8px;
  padding: 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.rSearchResult__secondFooter {
  margin-top: 10px;
  text-align: right;
  display: -ms-flexbox;
  display: flex;
}
.rSearchResult__detailMenu {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 50px;
}
.rSearchResult__detailMenuItem {
  padding: 5px 20px;
  color: #888;
  font-size: 15px;
  border-bottom: 4px solid #eee;
}
.rSearchResult__detailMenuItem.active {
  color: #333;
  border-color: #3cbbd2;
}
.rSearchResult__number {
  text-align: center;
  margin-bottom: 30px;
}
.rSearchResult__number h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  color: #206ded;
}
.rSearchResult__number h2 {
  font-size: 15px;
  font-weight: normal;
  color: #666;
}
.rSearchResult__number--green h1 {
  color: #57c559;
}
.rSearchResult__number--purple h1 {
  color: #5969e2;
}
.rSearchResult__number--teal h1 {
  color: #5bd4c0;
}
.rSearchLearn__module {
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}
.rSearchLearnNavigation {
  border-top: 1px solid #e2e7eb;
}
.rSearchLearnNavigation__content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-left: 1px dashed #e2e7eb;
}
.rSearchLearnNavigation__titles {
  padding: 20px;
  margin-top: 18px;
}
.rSearchLearnNavigation__countIcon {
  position: relative;
  top: -8px;
  color: #fff;
  height: 16px;
  text-align: center;
  min-width: 16px;
  font-size: 14px;
  line-height: 16px;
  background: #5969e2;
  border-radius: 10px;
  padding: 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.rSearchLearnNavigation__link {
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.3;
}
.rSearchLearnNavigation__link-icon {
  width: 30px;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rSearchLearnNavigation__link > span {
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.2s;
}
.rSearchLearnNavigation__link > span:hover {
  opacity: 0.8;
}
.rSearchLearnNavigation__link--active {
  color: #4f8cf1;
}
@media (max-width: 1100px) {
  .responsive .rSearchResult__stats {
    display: none;
  }
}
@media (max-width: 768px) {
  .responsive .qButton {
    display: block;
    width: 100%;
  }
  .responsive .rSearchLearn__orders {
    margin-bottom: 20px;
  }
  .responsive .rSearchResult__navigation {
    position: relative;
    padding-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    text-align: center;
  }
  .responsive .rSearchResult__navigationItem {
    margin-right: 0;
    font-size: 20px;
  }
}
/*** Item Notes ***/
@keyframes note-create-animation {
  0% {
    background: #fcede4;
  }
  30% {
    background: #fcede4;
  }
  100% {
    background: transparent;
  }
}
.rSearchNote {
  position: relative;
  padding: 10px 0;
  transition: background 0.2s;
}
.rSearchNote:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchNote.new {
  animation: note-create-animation 2.5s;
  border-radius: 3px;
}
.rSearchNote__actions {
  font-size: 16px;
  float: right;
}
.rSearchNote__actions svg {
  transition: color 0.2s;
}
.rSearchNote__actions svg:hover {
  cursor: pointer;
}
.rSearchNote__actions svg:not(:last-child) {
  margin-right: 10px;
}
.rSearchNote__actions .fa-pencil-alt {
  color: #c1c6ca;
}
.rSearchNote__actions .fa-pencil-alt:hover {
  color: #8a939b;
}
.rSearchNote__actions .fa-times {
  color: #f6adad;
}
.rSearchNote__actions .fa-times:hover {
  color: #e62424;
}
.rSearchNote__update {
  padding: 10px 0;
}
.rSearchNote__display {
  font-size: 16px;
}
.rSearchNote__authorTime {
  color: #999;
}
.rSearchNote__loader {
  position: absolute;
  color: #8a939b;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.rSearchNote__truck {
  font-size: 30px;
  margin-right: 10px;
  margin-top: 10px;
}
.rSearchNote__successTruck {
  color: #57c559;
}
.rSearchNote__inactiveTruck {
  color: #b8c4ce;
}
.rSearchNote__activeTruck {
  color: #4f8cf1;
}
.rSearchNote__status {
  margin-top: 3px;
  font-size: 15px;
  font-weight: bold;
}
.rSearchNote__status.active {
  color: #57c559;
}
.rSearchNote__status.inactive {
  color: #eb5252;
}
/*** Lists ***/
.rSearchLists__row {
  position: relative;
}
.rSearchLists__row:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}
.rSearchLists__row label {
  font-size: 17px;
  padding: 6px 5px;
  display: -ms-flexbox;
  display: flex;
}
.rSearchLists__row label > div:first-child {
  max-width: 50px;
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.rSearchLists__row label:hover {
  cursor: pointer;
}
.rSearchLists__row label:hover .rBrick__listIcon {
  background: #ddd;
}
.rSearchLists__row label:hover .rBrick__listIcon--check {
  background: #28e35d;
}
.rSearchLists__count {
  color: #8a939b;
  font-size: 14px;
}
.rSearchLists__view {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 16px;
  background: #fff;
  padding-left: 5px;
}
/*** Permission Denied ***/
.rSearchDenied {
  text-align: center;
  padding: 40px 20px;
  max-width: 600px;
  margin: 0 auto;
}
.rSearchDenied i {
  font-size: 26px;
  color: #5969e2;
}
.rSearchDenied h4 {
  font-size: 26px;
}
.rSearchDenied h5 {
  color: #666;
  font-weight: normal;
}
/*** Search Tables ***/
.rSearchResult__table {
  display: table;
  width: 100%;
}
.rSearchResult__tableHeader {
  display: table-row;
  color: #aaa;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
.rSearchResult__tableHeader > div {
  display: table-cell;
}
.rSearchResult__tableRow {
  display: table-row;
  font-size: 15px;
  width: 100%;
}
.rSearchResult__tableRow > div {
  padding: 10px 0;
  display: table-cell;
}
.rSearchResult__tableRow > div:last-child {
  text-align: right;
}
.rSearchResult__thumbnail {
  max-width: 50px;
  max-height: 50px;
}
.rSearchResult__tableSupplier {
  display: table-row;
}
.rSearchResult__tableSupplier > div {
  padding: 10px 0;
  vertical-align: middle;
  display: table-cell;
  border-bottom: 1px solid #e2e7eb;
}
.rSearchResult__tableSupplier > div:last-child {
  text-align: right;
}
.rSearchResult__tableSupplier:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.rSearchResult__tableSupplier h4 {
  font-size: 25px;
  color: #4f8cf1;
  font-weight: normal;
}
.rSearchResult__tableSupplier h5 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.3;
}
.rSearchResult__tableSupplier h6 {
  font-weight: normal;
  font-size: 13px;
}
.rSearchLearn__orders {
  max-height: 440px;
  width: 100%;
  overflow-y: scroll;
  border: 1px solid #e2e7eb;
}
a.rSearchLearn__order {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 15px 5px 15px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e2e7eb;
  color: #333;
  transition: background 0.1s;
}
a.rSearchLearn__order:hover {
  background: #f6f6f6;
  color: #333;
  text-decoration: none;
}
a.rSearchLearn__order > div:last-child {
  text-align: right;
}
a.rSearchLearn__order h6 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}
a.rSearchLearn__order p {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.6);
}
.rSearchLearn__graphNames {
  text-align: center;
  font-size: 18px;
  margin: 10px 10px 20px 10px;
}
.rSearchLearn__graphName {
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px;
  border-bottom: 2px solid transparent;
  color: #999;
  transition: color 0.2s;
}
.rSearchLearn__graphName:hover {
  cursor: pointer;
}
.rSearchLearn__graphName:hover:not(.active) {
  color: #444;
}
.rSearchLearn__graphName.active {
  color: #444;
  border-color: #5969e2;
}
.rSearchNoResults {
  padding: 40px 10px;
  border: 1px solid #e2e7eb;
  background: #fff;
}
.rSearchNoResults strong {
  font-weight: 600;
}
.rSearchNoResults h5 {
  font-size: 20px;
}
.rSearchNoResults h6 {
  font-size: 15px;
}
.rSearchNoResults__inner {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.rSearchNoResults__filters {
  -ms-flex-align: center;
      align-items: center;
  max-width: 200px;
  margin: 10px auto;
}
.rSearchNoResults__image {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 300px;
  max-height: 300px;
  display: inline-block;
}
.rSearchNoResults__suggestions {
  margin: 30px 0;
  background: #f4f8fe;
  color: #3a68b2;
  border: 1px solid #dfeafc;
  padding: 10px 5px;
}
.rSearchNoResults__suggestions h5 {
  font-size: 30px;
}
.rSearchNoResults__suggestions p {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
}
/*** Supplier ***/
.rSearchSupplier {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2px 5px;
  border-bottom: 1px solid #e6e6e6;
  -ms-flex-align: center;
      align-items: center;
  transition: background 0.2s;
  background: #fcfdfd;
}
.rSearchSupplier.lowest {
  background-color: rgba(74, 195, 219, 0.1);
  font-weight: bold;
}
.rSearchSupplier.lowest:hover {
  background-color: rgba(74, 195, 219, 0.21);
}
.rSearchSupplier.added_to_cart {
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, rgba(0, 0, 0, 0.03) 5px, rgba(0, 0, 0, 0.03) 10px);
}
.rSearchSupplier:hover {
  background: #f9fafb;
  cursor: pointer;
}
.rSearchSupplier .fa {
  margin-right: 5px;
}
.rSearchSupplier__price {
  transition: color 0.5s;
}
.rSearchSupplier__price.campaignDiscount {
  color: #ef5d8f;
  font-weight: bold;
}
.rSearchSupplier__price_message {
  font-size: 12px;
  padding: 3px 5px;
  background: #e91e63;
  color: white;
  border-radius: 4px;
  font-weight: 600;
}
.rSearchSupplier__help {
  padding-left: 2px;
  font-size: 12px;
}
.rSearchSupplier__logo {
  max-width: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  padding: 2px 0;
}
.rSearchSupplier__icons {
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.rSearchSupplier__icons .fa {
  margin-right: 0;
}
.rSearchSupplier__icons .barnyard-Col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 20px;
}
.rSearchSupplier__icons--compound {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.rSearchResultSupplierIcon {
  width: 15px;
  height: 15px;
}
.rSearchResultSupplierIcon--text {
  width: auto;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.rSearchResultSupplierIcon--logo {
  max-width: 25px;
  max-height: 15px;
}
.rSearchSupplier__pricing {
  position: relative;
  font-size: 18px;
  margin-left: auto;
}
.rSearchSupplier__pricing-icon {
  font-size: 14px;
}
.rSearchSupplier__pricingOriginal {
  font-weight: normal;
  font-size: 80%;
  margin-right: 5px;
  text-decoration: line-through;
  color: #7eabf5;
}
.rSearchSupplier__pricingOriginal > span {
  color: #4f8cf1;
}
.rSearchSupplier__pricingOriginal--cashback {
  color: rgba(233, 30, 99, 0.5);
}
.rSearchSupplier__pricingOriginal--cashback > span {
  color: #e91e63;
}
.rSearchSupplier__pricingMinimumUnit__tag {
  background: #595d6296;
  color: white;
  border-radius: 8px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 60%;
  font-style: italic;
  font-weight: bold;
}
.rSearchSupplier__pricingMinimumUnit__tooltip {
  max-width: 300px;
}
.rSearchSupplier__pricingMAPMessage {
  font-size: 12px;
  background: #efefef;
  font-weight: bold;
  padding: 2px 5px;
  border-radius: 2px;
  transition: background 0.2s;
}
.rSearchSupplier__pricingMAPMessage:hover {
  background: #e2e2e2;
}
.rSearchSupplier__pricingStale {
  color: #aaa;
}
.rSearchSupplier__add {
  margin-left: auto;
  padding-left: 20px;
}
.rSearchSupplier__connect {
  padding: 2px 5px;
}
.rSearchSupplier__list {
  margin-top: -1px;
}
.rSearchSupplier__list p:first-child {
  color: #666;
  font-size: 14px;
}
.rSearchSupplier__list p:last-child {
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
}
.rSearchSupplier__meta {
  padding-top: 6px;
  line-height: 1;
}
.rSearchSupplier__meta h6 {
  margin-top: -3px;
  font-size: 14px;
  font-weight: bold;
}
.rSearchSupplier__meta p {
  padding-top: 2px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchSupplier__groupedListing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 35px;
}
.rSearchSupplier__groupedListing > div {
  margin-right: 6px;
}
.rSearchSupplier__groupedListing h5 {
  font-size: 13px;
  width: 160px;
  line-height: 1.3;
  font-weight: 600;
}
.rSearchSupplier__groupedListing h6 {
  font-size: 13px;
  width: 60px;
  line-height: 1.3;
  font-weight: 600;
}
.rSearchSupplier__groupedListing p {
  width: 60px;
  line-height: 1.3;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rSearchSupplier__groupedListing__unitPrice {
  line-height: 1.3;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rSearchSupplier__groupedListing--detail > div {
  -ms-flex: 1;
      flex: 1;
}
.rSearchSupplier__groupedListing--detail h5 {
  font-size: 14px;
  width: 100%;
}
.rSearchSupplier__groupedListing--detail h6 {
  font-size: 14px;
  width: 100%;
}
.rSearchSupplier__groupedListing--detail p {
  font-size: 14px;
  width: 100%;
}
.rSearchSupplier__groupedListing--compound h5 {
  width: 80px;
}
.rSearchSupplierUnsynced {
  font-size: 15px;
  padding: 4px 5px 2px 5px;
  text-align: center;
}
.rSearchSupplierUnsynced:hover {
  cursor: pointer;
}
.rSearchSupplierUnsynced__supplier {
  padding: 4px 2px;
  border-radius: 2px;
  color: #6e767c;
  transition: background 0.15s;
}
.rSearchSupplierUnsynced__supplier:hover {
  background: #f4f8fe;
}
.rSearchSupplierUnsynced__supplier.link {
  color: #4f8cf1;
}
.rSearchSupplierUnsynced__supplier:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchSupplier__imageUpdate {
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 12px;
  background: #fff;
  color: #a2acb5;
  padding: 0 3px;
  border: 1px solid #e2e7eb;
}
.rSearchSupplier__imageUpdate:hover {
  cursor: pointer;
  background: #e6e6e6;
}
.rSearchSupplierPromotion {
  font-size: 15px;
}
.rSearchSupplierPromotion h5 {
  line-height: 1.2;
}
.rSearchSupplierPromotion h6 {
  font-size: 12px;
  color: #8a939b;
  letter-spacing: 0.2px;
}
.rSearchSupplierPromotion p {
  line-height: 1.4;
}
.rSearchSupplierPromotion:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchSupplierCoupon p {
  font-weight: 600;
  text-align: center;
}
.rSearchSupplierCoupon p:first-child {
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.rSearchSupplierCoupon__icon {
  vertical-align: top;
  color: #4f8cf1;
}
.rSearchSupplierCoupon__display {
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.rSearchSupplierRebate,
.rSearchResultSupplierVetcoveTooltip,
.rSearchResultSupplierVetcoveTooltip {
  position: relative;
  right: initial;
}
.rSearchSupplierRebate__container,
.rSearchResultSupplierVetcoveTooltip__container,
.rSearchResultSupplierVetcoveTooltip__container {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 300px;
  transform: translateY(-50%);
  bottom: initial;
  right: 100%;
}
.rSearchSupplierRebate__label,
.rSearchResultSupplierVetcoveTooltip__label,
.rSearchResultSupplierVetcoveTooltip__label {
  font-size: 16px;
}
.rebate-tooltip-enter {
  opacity: 0.01;
  transform: translateX(30px);
}
.rebate-tooltip-enter.rebate-tooltip-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 250ms ease-in, transform 300ms;
}
.rebate-tooltip-exit {
  opacity: 1;
}
.rebate-tooltip-exit.rebate-tooltip-exit-active {
  opacity: 0.01;
  transform: translateX(-30px);
  transition: opacity 250ms ease-in, transform 300ms;
}
/*** Grouped Listing (Compounds + Medline) ***/
.rSearchResultGroupedListing {
  position: relative;
}
.rSearchResultGroupedListing__view {
  padding: 16px;
  text-align: center;
}
.rSearchResultGroupedListing__group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #f9fafb;
  padding: 0 4px;
  border-bottom: 1px solid #e2e7eb;
  font-size: 12px;
}
.rSearchResultGroupedListing__group p {
  font-weight: 600;
}
.rSearchResultGroupedListing__header {
  border-bottom: 1px solid #e2e7eb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 5px;
}
.rSearchResultGroupedListing__sort {
  position: relative;
}
.rSearchResultGroupedListing__sortDisplay {
  font-size: 12px;
  padding: 5px 0;
  font-weight: 600;
  color: #8a939b;
  transition: 300ms color;
}
.rSearchResultGroupedListing__sortDisplay:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.rSearchResultGroupedListing__sortDropdown {
  position: absolute;
  z-index: 8;
  top: 100%;
  right: 0;
  border: 1px solid #e2e7eb;
  background: #fff;
}
.rSearchResultGroupedListing__sortDropdown p {
  padding: 5px 10px;
  color: #555a5f;
  cursor: pointer;
}
.rSearchResultGroupedListing__sortDropdown p:hover {
  background: #f4f8fe;
}
/*** Pilot ***/
.rSearchResultPilot {
  font-size: 16px;
  margin: 15px 0 25px 0;
  position: relative;
  color: #8a939b;
  transition: all 200ms;
}
.rSearchResultPilot .barnyard-Tag {
  border-radius: 5px 0 0 5px;
}
.rSearchResultPilot:hover .rSearchResultPilot__icon {
  transform: translateX(3px);
}
.rSearchResultPilot:hover .barnyard-Tag {
  background-color: #467bd4;
}
.rSearchResultPilot:hover .barnyard-Tag:before {
  border-bottom-color: #467bd4;
}
.rSearchResultPilot:hover .barnyard-Tag:after {
  border-top-color: #467bd4;
}
.rSearchResultPilot:hover .rSearchResultPilot__link {
  color: #467bd4;
}
.rSearchResultPilot:hover .rSearchResultPilot__text {
  color: #707a82;
}
.rSearchResultPilot__text {
  cursor: pointer;
}
.rSearchResultPilot__link {
  transition: color 200ms;
  cursor: pointer;
  margin-left: 3px;
  color: #4f8cf1;
}
.rSearchResultPilot__icon {
  transition: all 200ms;
}
.rSearchResultPilot .what_is_this {
  position: absolute;
  bottom: -25px;
}
.rSearchResultPilot .what_is_this .text {
  font-size: 13px;
  color: #a2acb5;
}
.rSearchResultPilot .what_is_this .text:hover {
  text-decoration: underline;
  cursor: help;
}
.rSearchResultPilot__tooltip p {
  font-size: 12px;
}
.rSearchResultPilot--complete {
  border: none;
  background: none;
  color: #57c559;
  padding: 0;
}
.rSearchResultPilot--complete:hover {
  cursor: pointer;
  background: none;
  text-decoration: underline;
}
.rSearchResultPilot__disclaimer {
  font-size: 12px;
  font-style: italic;
  line-height: 1.3;
}
.rSearchResultPilot__pilot {
  padding: 10px;
  text-align: center;
}
.rSearchResultPilot__pilot h2 {
  font-size: 50px;
  line-height: 1;
}
.rSearchResultPilot__pilot p {
  color: #888;
  text-transform: uppercase;
}
.rSearchResultPilot__msrp {
  color: #eb5252;
  text-decoration: line-through;
}
.rSearchResultPilot__free {
  color: #4f8cf1;
}
.rSearchResultPilot__fields {
  margin: 10px 10px;
  border: 1px solid #e2e7eb;
  background: #fff;
  padding: 10px;
  text-align: left;
}
.rSearchResultPilot__fields label {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.rSearchResultPilot__fields a {
  font-size: 13px;
}
.rSearchResultPilot__tagline {
  font-size: 17px;
  color: #888;
  text-align: center;
  padding: 10px 20px 0 20px;
}
.rSearchResultPilot__addressToggle {
  float: right;
}
.rSearchResultPilot__addressToggle:hover {
  cursor: pointer;
}
.rSearchResultPilotSuccess {
  text-align: center;
  padding: 20px;
}
.rSearchResultPilotSuccess h6 {
  font-weight: bold;
}
.rSearchResultPilotSuccess__header {
  color: #57c559;
}
.rSearchResultPilotSuccess__header h3 {
  margin-top: 10px;
  font-weight: normal;
}
.rSearchResultPilotSuccess__info {
  margin: 20px 10px;
  background: #fff;
  padding: 10px;
  border: 1px solid #e2e7eb;
}
.rSearchResultPilot__disclaimer {
  font-size: 12px;
  color: #999;
  max-width: 450px;
}
/*** Cart (within search) ***/
.rSearchCart__header {
  text-align: center;
  position: relative;
  border: 1px solid #e0e3e9;
  background: #fff;
  margin-bottom: 15px;
}
.rSearchCart__header h3 {
  font-size: 20px;
  font-weight: bold;
  font-weight: normal;
  line-height: 1;
  color: #4f8cf1;
}
.rSearchCart__header h4 {
  font-size: 12px;
  color: #bbb;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.5);
}
.rSearchCart__toggle {
  transition: color 0.2s;
  padding-left: 5px;
}
.rSearchCart__loader {
  text-align: center;
  padding: 40px;
  color: #4f8cf1;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.rSearchCart__empty {
  background: #fff;
  border: 1px solid #e6e6e6;
  text-align: center;
  padding: 30px 0;
  color: #8a939b;
  font-size: 14px;
}
.rSearchCart__empty p {
  margin-top: 10px;
}
.rSearchCart__empty h5 {
  margin-top: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #4f8cf1;
}
.rSearchCart__empty h5:hover {
  cursor: help;
}
.rSearchCart__supplier {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #e6e6e6;
}
.rSearchCart__supplierItems {
  position: relative;
}
.rSearchCart__supplierHeader {
  border-bottom: 1px solid #f1f1f1;
  border-bottom: 1px dashed #e6e6e6;
  text-align: left;
  padding: 1px 0;
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  transition: color 0.2s;
  letter-spacing: 0.3px;
  color: #8a939b;
  -ms-flex-align: center;
      align-items: center;
}
.rSearchCart__supplierHeader-supplier {
  color: #8a939b;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchCart__supplierHeader-items {
  opacity: 0.7;
  font-size: 90%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 0 2px;
}
.rSearchCart__supplierHeader-dollars {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  justify-self: flex-end;
}
.rSearchCart__supplierHeader:hover {
  cursor: pointer;
}
.rSearchCart__supplierHeader:hover .rSearchCart__toggle {
  color: #4f8cf1;
}
.rSearchCart__shippingMinimum {
  padding: 0 10px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #8a939b;
  text-align: left;
}
.rSearchCart__shippingMinimum__icon {
  margin-left: 8px;
}
.rSearchCart__supplierLoading {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}
.rSearchCart__error {
  padding: 10px 20px;
  text-align: center;
}
.rSearchCart__errorMessage {
  color: #eb5252;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.rSearchCart__item {
  padding: 0 10px 20px 10px;
}
.rSearchCart__item .rCheckoutMiniItem__image {
  -ms-flex: 0 0 50px;
      flex: 0 0 50px;
  padding-top: 4px;
  padding-right: 10px;
}
.rSearchCart__item .rCheckoutMiniItem .rCheckoutMiniItem__link {
  color: #666;
  line-height: 1.4;
  font-size: 14px;
  display: inline-block;
  transition: color 0.2s;
  padding-bottom: 8px;
}
.rSearchCart__item .rCheckoutMiniItem .rCheckoutMiniItem__link:hover {
  cursor: pointer;
  color: #1260e2;
}
.rSearchCart__item .rCheckoutMiniItem .rCheckoutMiniItem__remove {
  font-weight: normal;
  transition: color 0.2s;
}
.rSearchCart__item .rCheckoutMiniItem .rCheckoutMiniItem__remove:hover {
  cursor: pointer;
  color: #1260e2;
}
.rSearchCart__item .rCheckoutMiniItem__prices {
  font-weight: bold;
}
.rSearchCart__item .rCheckoutMiniItem__unitPrice {
  margin-right: 10px;
  font-weight: normal;
}
.rSearchCart__item .rCheckoutMiniItem__cashback {
  font-size: 12px;
  margin-left: 2px;
  border-radius: 6px;
  line-height: 1;
  padding: 2px 4px;
  background: #e91e63;
  color: #fff;
  font-weight: bold;
}
.rSearchCart__item select.Form__control {
  margin-right: 10px;
  border-color: #ccc;
  font-weight: normal;
  outline: none;
  transition: border-color 0.2s;
}
.rSearchCart__item select.Form__control:hover {
  cursor: pointer;
  border-color: #4f8cf1;
}
.rCheckoutMiniItem__fixed {
  color: #bbb;
  margin-right: 5px;
  transition: color 0.2s;
}
.rCheckoutMiniItem__fixed:hover {
  cursor: help;
  color: #4f8cf1;
}
.rSearchCart__itemRemoved {
  font-size: 13px;
  padding: 0 10px 20px 60px;
  color: #aaa;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.2px;
}
.rSearchCart__itemRemoved a {
  padding: 0 5px;
  transition: color 0.2s;
}
.rSearchCart__itemRemoved a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #206ded;
}
.rSearchCart__state {
  color: #888;
  font-size: 14px;
  text-align: center;
  padding: 30px 20px;
}
.rSearchCart__state p {
  padding-top: 5px;
}
.rSearchCart__state--empty {
  color: #eb5252;
}
.rSearchCart__action {
  display: none;
}
.rSearchCart .rCheckoutVendor__introStats {
  background: #fff;
  border-bottom: none;
  height: 54px;
}
.rSearchCart .rCheckoutMiniItem__edit {
  font-weight: normal;
  margin: 0;
}
.rSearchCart .rCheckoutMiniItem__edit a {
  padding-left: 10px;
}
/*** Rebate ***/
.rSearchRebate__button {
  display: inline-block;
  padding: 0 8px;
  border-radius: 3px;
  border: 4px solid #e6e6e6;
  color: #fff;
  font-size: 16px;
  background: #4f8cf1;
  transition: background 0.2s;
}
.rSearchRebate__button:hover {
  cursor: pointer;
  background: #206ded;
}
.rSearchRebate__button.achieved {
  color: #57c559;
  background: none;
  padding: 0;
  border: none;
}
.rSearchRebate__description {
  font-size: 16px;
  margin: 10px 0 30px 0;
}
.rSearchRebate__video iframe {
  width: 100%;
  height: 436px;
  border: 3px solid #e2e7eb;
}
.rSearchRebate__details {
  font-size: 13px;
  margin-top: 25px;
  color: #999;
}
.rSearchRebate__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 10px;
  font-size: 15px;
}
.rSearchRebate__question {
  font-size: 24px;
}
.rSearchRebate__options {
  margin: 20px 0;
}
.rSearchRebate__option {
  font-size: 18px;
  margin: 5px 0;
}
.rSearchRebate__option:hover {
  cursor: pointer;
}
/* Admin for search */
.rSearchAdmin {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  height: 100%;
}
.rSearchAdmin__body {
  position: relative;
  width: 600px;
  height: 100%;
  background-color: #fafafa;
  border-bottom: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  padding: 5px 10px 10px 10px;
  overflow-y: scroll;
}
.rSearchAdmin__body h1 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.rSearchAdmin__body label {
  font-weight: bold;
  font-size: 13px;
  color: #888;
}
.rSearchAdmin__clear {
  position: absolute;
  top: -5px;
  right: 10px;
  font-size: 25px;
}
.rSearchAdmin__clear:hover {
  cursor: pointer;
  color: #eb5252;
}
.rSearchAdmin__status {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  font-weight: bold;
  background: #57c559;
  color: #fff;
  padding: 2px 10px;
}
.rSearchAdmin__setToMerge {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #4f8cf1;
  color: #fff;
  font-size: 16px;
  z-index: 20;
  padding: 10px 20px;
  max-width: 600px;
}
.rSearchAdmin__setToMerge h5 {
  font-weight: bold;
  text-decoration: underline;
}
.rSearchAdmin__setToMerge p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchAdmin__status--saving {
  background: #e5c380;
}
.rSearchAdmin__status--error {
  background: #eb5252;
}
.rSearchAdmin__disclaimer {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}
label.rSearchAdmin__itemLabel {
  display: block;
  padding: 1px 0;
  font-weight: normal;
  color: #555;
  font-size: 16px;
  transition: color 0.05s;
}
label.rSearchAdmin__itemLabel:hover {
  cursor: pointer;
  color: #284679;
}
.rSearchAdmin__multiOptions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rSearchAdmin__multiOption {
  border: 1px solid #e2e7eb;
  background: #fff;
  text-align: center;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
  padding: 0 8px;
  line-height: 18px;
  transition: background 0.1s;
}
.rSearchAdmin__multiOption.active {
  background: #72ce73;
  color: #fff;
}
.rSearchAdmin__multiOption:hover {
  cursor: pointer;
}
.rSearchAdmin__multiOption:not(.active):hover {
  background: #f1f1f1;
}
.rSearchAdmin--Images h3 {
  font-weight: normal;
  margin-bottom: 12px;
}
.rSearchAdmin--Images h4 {
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 12px;
}
.rSearchAdmin--Images__actions {
  height: 170px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rSearchAdmin--Images__switch {
  margin: 0;
  height: 25px;
}
.rSearchAdmin--Images--Image__star {
  color: #e0c437;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  transition: all 0.2s;
}
.rSearchAdmin--Images--Image__star--active {
  cursor: pointer;
}
.rSearchAdmin--Images--Image__star--active:hover {
  background-color: #fcf9eb;
}
.rSearchAdmin--Images--Image__supplier {
  max-width: 100px;
  color: #8a939b;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rSearchAdmin--Images--Image__info-text {
  transition: 0.3s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #4f8cf1;
  font-size: 18px;
}
.rSearchAdmin--Images--Image__image {
  transition: 0.3s ease;
  height: 100px;
}
.rSearchAdmin--Images--Image__image-size {
  text-align: right;
}
.rSearchAdmin--Images--Image__image-container {
  position: relative;
  display: inline-block;
  cursor: zoom-in;
  width: 100%;
  height: 110px;
  text-align: center;
}
.rSearchAdmin--Images--Image__image-container:hover .rSearchAdmin--Images--Image__info-text {
  opacity: 1;
}
.rSearchAdmin--Images--Image__image-container:hover .rSearchAdmin--Images--Image__image {
  opacity: 0.5;
}
.rSearchAdmin--Images--Image__overlay {
  text-align: center;
}
.rSearchAdmin--Images--Image__overlay-image {
  max-height: 500px;
}
.rSearchAdmin__UnitMeasurement__ButtonGroup {
  width: 100%;
}
.rSearchAdmin__UnitMeasurement__InnerButton {
  width: 50%;
}
.rSearchAdmin__UnitMeasurement__Default {
  padding-top: 28px;
}
.rSearchResultAdmin {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  z-index: 8;
  top: 0;
  right: 339px;
}
.rSearchResultAdmin__description textarea.Form__control {
  min-height: 270px;
}
.rSearchResultAdmin__row {
  border-bottom: 1px solid #e2e7eb;
  border-left: 1px solid #e2e7eb;
}
.rSearchResultAdmin__block {
  display: inline-block;
  border-right: 1px solid #e2e7eb;
  background: #fff;
  color: #999;
  font-size: 14px;
  transition: background 0.2s;
}
.rSearchResultAdmin__block i {
  padding: 0 6px;
}
.rSearchResultAdmin__block .fa-user-check {
  margin: 0 6px;
  color: #57c559;
}
.rSearchResultAdmin__block:hover {
  background: #fafafa;
  cursor: pointer;
}
.rSearchResultItemFlag__flagContainer {
  font-size: 14px;
  color: #4f8cf1;
  z-index: 2;
  display: inline-block;
  transition: color 0.2s;
}
.rSearchResultItemFlag__flagContainer:hover {
  cursor: pointer;
  color: #467bd4;
}
.rSearchResultItemFlag__flag {
  padding-left: 5px;
  display: inline;
}
.rSearchResultItemFlag__success {
  font-size: 14px;
  color: #57c559;
  z-index: 2;
}
.rSearchResultItemFlag__buttons {
  margin-top: 10px;
}
.rSearchResultItemFlag__input {
  width: 500px;
}
.rSearchCompoundDisclaimer {
  padding: 20px;
  border: 1px solid #e2e7eb;
  margin-bottom: 20px;
}
.rSearchCompoundDisclaimer h5 {
  margin-bottom: 10px;
}
@keyframes iconPulse {
  0% {
    opacity: 1.0;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.2);
  }
  100% {
    opacity: 1.0;
    transform: scale(1);
  }
}
.rSearchResultSupplierIcons__icons {
  gap: 2px;
}
.rSearchResultSupplierIcons__lastPurchaseInfo .quantity,
.rSearchResultSupplierIcons__lastPurchaseInfo .date,
.rSearchResultSupplierIcons__lastPurchaseInfo .price {
  font-weight: bold;
}
.rSearchResultSupplierIcons__lastPurchaseInfo .priceInfo {
  font-weight: bold;
}
.rSearchResultSupplierIcons__priceChange.increased {
  color: #eb5252 !important;
}
.rSearchResultSupplierIcons__priceChange.decreased {
  color: #57c559 !important;
}
.rSearchResultSupplierIcons__cartPaw {
  height: 17px;
}
.rSearchResultSupplierIcons__percent-icon {
  position: absolute;
  font-size: 10px;
  font-weight: 700;
  color: white;
  line-height: 15px;
}
.rSearchResultSupplierIcons__pulse {
  animation: iconPulse 2s infinite;
}
.rSearchCompoundDisclaimer--test {
  background: #57c559;
  color: #fff;
  font-size: 16px;
}
.ItemQuickFacts {
  margin-bottom: 20px;
  background-color: #fcfdfd;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
}
.ItemQuickFact {
  padding: 4px 8px;
}
.ItemQuickFact:not(:last-child) {
  border-bottom: 1px solid #eff2f4;
}
.ItemQuickFact__flex {
  -ms-flex: 1;
      flex: 1;
}
.ItemQuickFact h5 {
  text-align: right;
  line-height: 1.4;
  font-size: 15px;
  color: #6e767c;
}
.ItemQuickFact h6 {
  color: #8a939b;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.4;
  font-size: 14px;
  padding-right: 16px;
}
.rSearchResult__ribbons {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
}
.ItemRibbon {
  padding-right: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  top: 8px;
  z-index: 3;
}
.ItemRibbon__ribbon {
  margin-top: 7px;
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}
.ItemRibbon__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  background: white;
  color: #b8c4ce;
  transition: border .2s, color .2s;
}
.ItemRibbon__icon:hover {
  color: #b0b7f1;
  cursor: pointer;
}
.ItemRibbon__image {
  width: 48px;
}
.ItemRibbon--active .ItemRibbon__icon {
  color: #5969e2;
}
.ItemRibbon--sm .ItemRibbon__ribbon {
  width: 16px;
  height: 16px;
}
.ItemRibbon--sm .ItemRibbon__icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.ItemRibbon--sm .ItemRibbon__image {
  width: 16px;
}
.ItemRibbon--sm .ItemRibbon__content {
  margin-left: -24px;
  padding-left: 32px;
}
.ItemRibbon--md .ItemRibbon__ribbon {
  width: 48px;
  height: 48px;
}
.ItemRibbon--md .ItemRibbon__icon {
  width: 48px;
  height: 48px;
  font-size: 20px;
  border: 3px dotted #b8c4ce;
}
.ItemRibbon--md .ItemRibbon__image {
  width: 48px;
}
.ItemRibbon--md .ItemRibbon__content {
  margin-left: -56px;
  padding-left: 64px;
}
.ItemRibbon__content {
  opacity: 0;
  max-width: 300px;
  transition: opacity 300ms;
  background-color: white;
  border: 1px solid #e2e7eb;
  border-radius: 5px;
  padding: 3px 8px 3px 8px;
  margin-left: -56px;
  padding-left: 64px;
}
.ItemRibbon__content--visible {
  opacity: 1;
}
.rSearchResultGroupedListingNotSynced {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 20px;
  text-align: center;
}
.rSearchResultGroupedListingNotSynced > p {
  font-size: 12px;
  margin-bottom: 12px;
}
.rSearchResultSuppliersError {
  margin: 2px 0;
  text-align: center;
  overflow: hidden;
}
.rSearchResultSuppliersError > a {
  color: #b8c4ce;
}
.rSearchResult__UnitMeasurement__divider {
  margin: 0 3px;
  font-weight: bold;
  line-height: 1;
  color: #b8c4ce;
}
.ItemLastPurchase {
  padding-bottom: 20px;
}
.ItemLastPurchase .icon {
  width: 18px;
}
.ItemLastPurchase__purchase {
  line-height: 1.4;
  font-size: 14px;
  color: #8a939b;
}
.ItemLastPurchase__purchase .quantity,
.ItemLastPurchase__purchase .supplier,
.ItemLastPurchase__purchase .date,
.ItemLastPurchase__purchase .price {
  font-weight: bold;
  transition: color .2s ease;
}
.ItemLastPurchase__increase {
  margin-top: 5px;
  color: #8a939b;
}
.ItemLastPurchase__increase .priceInfo {
  font-weight: bold;
}
.ItemBarcodes {
  width: 600px;
}
.ItemBarcodes__button {
  margin-top: 10px;
  margin-bottom: 5px;
}
.ItemBarcodes__button a {
  color: #f9fafb;
}
/*** Fading in and out ***/
.grow-enter {
  opacity: 0.01;
  transform: scale(0.8) translateY(15px);
}
.grow-enter.grow-enter-active {
  opacity: 1;
  transition: transform 200ms ease-in, opacity 200ms ease-in;
  transform: scale(1) translateY(0);
}
.grow-exit {
  opacity: 1;
}
.grow-exit.grow-exit-active {
  opacity: 0.01;
  transition: opacity 1ms ease-in, transform 1ms ease-in;
}
/*** Responsive Shims ***/
@media (max-width: 768px) {
  .responsive .rContainer__outer {
    margin: 0;
    padding: 0;
  }
  .responsive .rContainer {
    margin: 0;
  }
  .responsive .rSearchMain {
    padding: 0 10px;
  }
  .responsive .rSearchResult__mobileMeta {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #e2e7eb;
  }
  .responsive .rSearchResult__image {
    vertical-align: top;
    padding: 20px 20px 10px 30px;
    width: 150px;
  }
  .responsive .rSearchResult__image img {
    max-width: 100%;
    max-height: 150px;
    margin: 0 auto;
    display: inline-block;
  }
  .responsive .rSearchResult__content {
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    -ms-flex-pack: start;
        justify-content: start;
  }
  .responsive .rSearchResultItemFlag__input {
    width: 300px;
  }
}
.rSearchItemDetailView {
  padding: 0;
}
.rSearchItemDetailView__select {
  border-bottom: 1px solid #e2e7eb;
  padding-bottom: 24px;
  margin: 24px 0;
}
.rSearchItemDetailView__select__label {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.8px;
  font-size: 12px;
  color: #b8c4ce;
}
.rSearchItemDetailView__breadcrumbs {
  padding: 20px;
  padding-bottom: 0;
  font-size: 14px;
}
.rSearchItemDetailView__breadcrumbs a {
  cursor: pointer;
  font-weight: normal;
  color: #8a939b;
}
.rSearchItemDetailView__breadcrumbs a:hover {
  color: #5969e2;
}
.rSearchItemDetailView__breadcrumbs--active {
  font-weight: 600;
}
.rSearchItemDetailView__content {
  padding: 20px 40px 0 0;
}
.rSearchItemDetailView__title {
  font-weight: bold;
  font-size: 28px;
}
.rSearchItemDetailView__more {
  margin-right: 0;
}
.rSearchItemDetailView__labels .rSearchResult__labels {
  margin-bottom: 0;
}
.rSearchItemDetailView__slideshow {
  max-width: 100%;
  width: 100%;
  height: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  margin: 0 20px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.rSearchItemDetailView__slideshow__container {
  padding: 40px 20px 20px 120px;
}
.rSearchItemDetailView__slideshow__img {
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto;
  display: inline-block;
}
.rSearchItemDetailView__slideshow__img-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.rSearchItemDetailView .rSearchResult__loyalty {
  border-top: none;
  margin-top: 8px;
}
.rSearchItemDetailView__stats {
  border-bottom: 1px solid #e2e7eb;
  padding: 0 0 20px;
  margin: 12px 0 24px;
}
.rSearchItemDetailView__stats .rSearchResult__stats {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.rSearchItemDetailView__suppliers {
  margin-top: 20px;
  padding-bottom: 30px;
}
.rSearchItemDetailView__suppliers .rSearchResultGroupedListing__header {
  border-bottom: 0;
}
.rSearchItemDetailView__suppliers .rSearchSupplier {
  background: none;
  padding: 6px 0;
  border-bottom: 1px dashed #e2e7eb;
}
.rSearchItemDetailView__suppliers .rSearchSupplier:hover {
  background-color: #fcfdfd;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__sku {
  font-size: 14px;
  color: #a2acb5;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__icons {
  font-size: 15px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__icons .barnyard-Col {
  min-width: 24px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__icons--compound {
  -ms-flex: 0;
      flex: 0;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__icons--compound > div {
  width: 60px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__pricing {
  font-size: 18px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__pricing-icon {
  font-size: 18px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__logo {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: none;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 20px;
  min-width: 75px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__titles {
  color: #555a5f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
  margin-right: 20px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__titles h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}
.rSearchItemDetailView__suppliers .rSearchSupplier__titles h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--unsynced .rSearchSupplier__logo {
  width: auto;
  min-width: auto;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--unsynced .rSearchSupplier__logo img {
  max-width: none;
  width: auto;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--unsynced .rSearchSupplier__icons {
  text-align: left;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--unsynced .rSearchSupplier__pricing {
  max-width: none;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--unsynced .rSearchSupplier__pricing > button {
  min-width: 200px;
}
.rSearchItemDetailView__suppliers .rSearchSupplier--error:hover {
  background-color: #fef3f3;
}
.rSearchItemMobileView__select {
  border-top: 1px solid #e2e7eb;
  padding: 20px;
}
.rSearchItemMobileView__suppliers {
  margin-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #e2e7eb;
}
.rSearchItemMobileView__suppliers .rSearchSupplier {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px;
}
.rSearchItemMobileView__suppliers .rSearchSupplier__icons {
  margin-left: 0;
  text-align: left;
}
/*** Shims for detail view ***/
.rSearchResult--detail {
  margin-bottom: 0;
  border-bottom: 0;
}
.rSearchResult--detail:hover {
  box-shadow: none;
}
.rSearchResult--detail .rSearchResult__title {
  font-size: 35px;
}
.rSearchResult--detail .rSearchResult__title:hover {
  color: inherit;
}
.rSearchResult--detail .rSearchResult__content {
  padding-left: 20px;
}
.rSearchResult--detail .rSearchResult__popularity {
  left: 20px;
}
.rSearchResult--detail .rSearchResult__navigation {
  display: none;
}
.rSearchResult--detail .rSearchResult__bar-container {
  border: 0;
  margin-bottom: 4px;
}
.BIConnectIcon {
  position: relative;
  height: 24px;
  display: inline-block;
}
.BIConnectIcon > svg {
  font-size: 18px;
  top: 2px;
  position: relative;
}
.BIConnectIcon > span {
  position: absolute;
  color: white;
  font-size: 10px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.BIConnectIcon > span > span {
  font-size: 8px;
  position: relative;
  top: -1px;
}
.UpsellCreative {
  position: relative;
}
.UpsellCreative__loader {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 2;
}
.UpsellCreative__static img {
  margin: 0 auto;
  max-width: min(@upsellCreativeStaticWidth, 100vw);
  max-height: 375px;
}
.UpsellCreative__video {
  max-width: 440px;
  max-height: 350px;
}
.SearchBannerVideoComponent__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 15px;
}
.SearchBannerVideoComponent__contentRow {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 264px;
  background-color: white;
  border: 1px solid #e2e7eb;
}
.SearchBannerVideoComponent__videoContainer {
  overflow: scroll;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  padding: 0 10px;
}
.SearchBannerVideoComponent__image {
  position: absolute;
  left: 0;
  height: 100%;
}
.SearchBannerVideoComponent__bannerText {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 32px;
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}
.SearchBannerVideoComponent__disclaimer {
  background-color: #f9fafb;
  border-left: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
  padding: 3px 10px;
  font-size: 14px;
  line-height: 18px;
}
.SearchBannerVideoComponent__videoPreview {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.SearchBannerVideoComponent__videoPreview__preview {
  position: relative;
  text-align: center;
  max-width: 350px;
}
.SearchBannerVideoComponent__videoPreview__preview__empty {
  display: block;
  width: 350px;
  height: 229px;
  border-radius: 10px;
  border: 1px solid #b8c4ce;
  transition: opacity 0.3s;
  opacity: 0.8;
  background: #fff;
  opacity: .3;
}
.SearchBannerVideoComponent__videoPreview__preview > img {
  display: block;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #b8c4ce;
  transition: opacity 0.3s;
  opacity: 0.8;
  background: #fff;
}
.SearchBannerVideoComponent__videoPreview__preview__playIcon {
  font-size: 80px;
  color: #57c559;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  transition: color 0.3s;
}
.SearchBannerVideoComponent__videoPreview__preview:hover {
  cursor: pointer;
}
.SearchBannerVideoComponent__videoPreview__preview:hover > img {
  opacity: 1;
}
.SearchBannerVideoComponent__videoPreview__preview:hover .SearchBannerVideoComponent__videoPreview__preview__playIcon {
  opacity: 1;
}
.SearchBannerVideoComponent__videoOverlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(85, 90, 95, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.SearchBannerVideoComponent__videoOverlay:hover {
  cursor: pointer;
}
.SearchBannerVideoComponent__videoOverlay__exitIcon {
  position: absolute;
  transform: translateX(50%) translateY(-50%);
  color: #f9fafb;
  top: 0;
  right: 0;
}
.SearchBannerVideoComponent__videoOverlay__exitIcon__X {
  color: black;
  font-size: 1.25em;
}
.SearchBannerVideoComponent__videoOverlay__iframeWrapper {
  position: relative;
  aspect-ratio: 1.77777778;
  width: 90%;
  max-width: 800px;
}
.SearchBannerVideoComponent__videoOverlay__iframeWrapper iframe {
  height: 100%;
  width: 100%;
}
.SupplierStatus {
  margin-top: 40px;
}
.StatusIcon--green {
  color: #57c559;
}
.StatusIcon--yellow {
  color: #eea314;
}
.StatusIcon--red {
  color: #eb5252;
}
.StatusCard {
  padding: 10px 20px;
}
.StatusCard__icon {
  text-align: right;
}
.StatusCard__image {
  height: 60px;
}
.StatusCard .StatusIcon {
  font-size: 32px;
}
.StatusCard button {
  margin-top: 15px;
}
.StatusCard--green {
  border-left: 5px solid #57c559;
}
.StatusCard--yellow {
  border-left: 5px solid #eea314;
}
.StatusCard--red {
  border-left: 5px solid #eb5252;
}
/* Container Elements */
.rLists__container {
  padding: 0 10px;
}
.rLists {
  max-width: 1520px;
  margin: 40px auto;
  width: 100%;
}
.rLists__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  min-height: 500px;
  width: 100%;
}
.rLists__side {
  width: 180px;
  font-size: 15px;
}
.rLists__side h5 {
  font-weight: bold;
}
.rLists__main {
  -ms-flex: 2;
      flex: 2;
  padding-left: 15px;
}
a.rLists__title {
  display: block;
  padding: 0 10px 10px 10px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.1;
  color: #4f8cf1;
}
a.rLists__title h1 {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 4.5px;
  color: #4f8cf1;
}
a.rLists__title h2 {
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 2px;
  color: #4f8cf1;
  background: -webkit-linear-gradient(#8eb5f6, #467bd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a.rLists__title:hover {
  text-decoration: none;
}
.rLists__empty {
  font-size: 17px;
}
.rList__section {
  background: #8eb5f6;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding: 0 10px;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.rLists__tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 7px 10px;
  margin-right: -1px;
  font-size: 15px;
  border-radius: 3px;
  transition: color 0.2s, background 0.2s;
  color: #555a5f;
}
.rLists__tab h5 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 15px;
}
.rLists__tab h6 {
  font-size: 13px;
  opacity: 0.9;
  line-height: 1.2;
  margin-top: 2px;
}
.rLists__tab svg {
  margin-top: 1px;
}
.rLists__tab:hover {
  text-decoration: none;
}
.rLists__tab.active {
  color: #fff;
  background: #68d0e3;
}
.rLists__tab.active:hover {
  color: #fff;
  text-decoration: none;
}
.rLists__tab:not(.active):hover {
  background: #f0fafc;
  cursor: pointer;
}
.rLists__filters {
  border: 1px solid #dfdfdf;
  background: #fff;
  padding: 5px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rLists__filters .rLists__filters__button {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding: 5px;
}
.rLists__filters .rLists__count {
  display: inline-block;
}
.rLists__blurb {
  background: #fafafa;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 15px;
  padding: 3px 10px;
  font-size: 13px;
}
.rLists__print_button {
  box-shadow: none;
}
/* List Homepage */
.rLists__introHeader {
  background-color: #4f8cf1;
  background: linear-gradient(150deg, #8eb5f6 15%, #467bd4 85%);
  color: #fff;
  text-align: center;
  padding: 20px 20px 40px 20px;
  margin-bottom: 15px;
  border: 1px solid #dfdfdf;
}
.rLists__introHeader h1 {
  font-size: 34px;
  font-weight: bold;
}
.rLists__introHeader h3 {
  font-weight: normal;
  margin: 0 auto;
}
.rLists__preview {
  display: block;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  background: #fff;
  margin-bottom: 20px;
  transition: box-shadow 0.2s;
}
.rLists__preview:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.rLists__previewName {
  padding: 10px;
  position: relative;
}
.rLists__previewName h1 {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rLists__previewName p {
  font-size: 16px;
  color: #555a5f;
}
.rLists__previewName i {
  position: absolute;
  font-size: 25px;
  top: 20px;
  right: 10px;
  color: #6e767c;
}
.rLists__previewItem {
  height: 100px;
  background: #eee;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/lists/placeholder.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #efefef;
  width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.rLists__previewItem:nth-child(odd) {
  border-right: 1px solid #efefef;
}
/* Empty List */
.rListsEmpty {
  border: 1px solid #dfdfdf;
  background: #fff;
}
.rListsEmpty__top {
  text-align: center;
  padding: 70px 20px;
  border-bottom: 1px solid #dfdfdf;
}
.rListsEmpty__top i {
  font-size: 30px;
  color: #aaa;
}
.rListsEmpty__bottom {
  background: #fafafa;
  padding: 20px;
  font-size: 16px;
}
.rListsEmpty__bottom h2 {
  font-size: 30px;
  color: #4f8cf1;
  font-weight: normal;
  padding-bottom: 20px;
}
.rListsEmpty__bottom img {
  border-radius: 3px;
  max-width: 100%;
  border: 3px solid #efefef;
}
.rListsEmpty__message {
  padding-top: 20px;
  font-size: 13px;
  color: #888;
}
.rListNoResults {
  border: 1px solid #dfdfdf;
  background: #fff;
  text-align: center;
  padding: 40px;
}
.rListNoResults h4,
.rListNoResults p {
  max-width: 600px;
  margin: 0 auto;
}
.rListNoResults img {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 300px;
}
/* List Export */
.rListExport {
  font-size: 16px;
}
.rListExportItems {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rListExportItem {
  padding: 10px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.rListExportItem__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fff;
  transition: background 0.2s;
  padding: 10px;
}
.rListExportItem__inner:hover {
  cursor: pointer;
  background: #f9f9f9;
}
.ShowCartsButton {
  position: fixed;
  transform: translateY(-100%) rotate(-90deg);
  transform-origin: right bottom;
  top: 90px;
  right: 0;
  z-index: 1000;
  border: 1px solid #e2e7eb;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  background-color: #8a939b;
  opacity: .9;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100px;
  height: 26px;
  font-size: 16px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ShowCartsButton:hover {
  cursor: pointer;
}
.Slideshow__logos {
  margin: 0 20px 20px 20px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  padding: 20px 30px;
}
.Slideshow__logos img {
  max-width: 100%;
  max-height: 100%;
}
.Pilots--ListView {
  height: 590px;
  margin: -170px 0;
  background-image: linear-gradient(to right top, #5ed261, #bbbd3c);
}
.Pilots--ListView__image {
  padding-top: 590px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/memphis-colorful-transparent.png);
  background-repeat: repeat;
}
.Pilots--ListView__header {
  margin-bottom: 50px;
  padding: 30px 0;
  color: #fff;
  text-align: left;
}
.Pilots--ListView__header h1 {
  font-weight: bold;
  letter-spacing: 0.25px;
  font-size: 52px;
  line-height: 1.2;
}
.Pilots--ListView__header h5 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
}
.Pilots--ListView__icon {
  font-size: 80px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-right: 18px;
  margin-top: -10px;
}
.Pilots--ListView__content {
  margin-top: -390px;
  margin-bottom: 100px;
}
.Pilots--ListView__title {
  color: #555a5f;
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.Pilots--ListView__rightColumn {
  width: 400px;
}
.Pilots--ListView__toReviewBox {
  border-radius: 8px;
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Pilots--ListView__reviewCard {
  padding-bottom: 10px;
}
.Pilots--ListView__reviewCard:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.Pilots--ListView__reviewCard .Reviews--ItemPreview {
  box-shadow: none;
}
.Pilots--ListView__reviewCard .Reviews--ItemPreview .Reviews--ItemPreview__image {
  transition: opacity 0.2s;
}
.Pilots--ListView__reviewCard .Reviews--ItemPreview:hover {
  cursor: pointer;
}
.Pilots--ListView__reviewCard .Reviews--ItemPreview:hover .Reviews--ItemPreview__image {
  opacity: 0.5;
}
.Pilots--ListView__reviewCard .Reviews--ItemPreview:active {
  box-shadow: inset 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Pilots--ListView__notReceived {
  border-top: 1px dashed #e2e7eb;
  padding-top: 6px;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}
.Pilots--ListView__notReceived p {
  display: inline;
  cursor: pointer;
  color: #4f8cf1;
  transition: color 0.2s;
}
.Pilots--ListView__notReceived p:hover {
  color: #1056ca;
}
.Pilots--ListView__stats {
  text-align: right;
}
.Pilots--ListView__stats p {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
}
.Pilots--FreeSample {
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  max-width: 500px;
  border-radius: 8px;
  border: 0;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  margin: 0 auto;
  color: #a2acb5 !important;
  font-size: 16px;
}
.Pilots--FreeSample:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Pilots--FreeSample:hover .border {
  border: 4px solid #ade3ae;
}
.Pilots--FreeSample__imageContainer {
  min-height: 280px;
}
.Pilots--FreeSample__image {
  max-width: 300px;
  max-height: 200px;
  margin: auto;
  overflow: hidden;
}
.Pilots--FreeSample .border {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #e2e7eb;
  border-radius: 8px;
  transition: all 0.3s;
  overflow: hidden;
}
.Pilots--FreeSample__vendorName {
  color: #467bd4;
  text-transform: uppercase;
}
.Pilots--FreeSample__vendorName p {
  font-size: .8em;
}
.Pilots--FreeSample__name {
  color: #284679;
  margin-top: -5px;
}
.Pilots--FreeSample__name p {
  font-size: 1.2em;
  font-weight: 600;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Pilots--FreeSample__tagline {
  color: #a2acb5;
  height: 30px;
  overflow: hidden;
  font-size: .9em;
}
.Pilots--FreeSample__tagline p {
  font-size: .9em;
  font-weight: 400;
  line-height: 1.2;
}
.Pilots--FreeSample__stats {
  padding-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #e2e7eb;
}
.Pilots--FreeSample__stats p {
  font-size: 22px;
}
.Pilots--FreeSample__stat {
  text-align: center;
}
.Pilots--FreeSample__quantity {
  color: #eea314;
}
.Pilots--FreeSample__msrp {
  color: #4f8cf1;
  font-size: 22px;
  opacity: 1;
}
.Pilots--FreeSample__msrp:before {
  opacity: 1;
}
.Pilots--FreeSample__free {
  color: #57c559;
}
.Pilots--FreeSample__claimed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 8px;
  border-radius: 8px;
  border: 4px solid #ade3ae;
  cursor: default;
}
.Pilots--FreeSample__claimed h4 {
  font-size: 22px;
  color: #555a5f;
}
.Pilots--FreeSample__claimed p {
  display: inline;
  cursor: pointer;
  color: #4f8cf1;
  transition: color 0.2s;
  font-size: 14px;
  padding-left: 5px;
}
.Pilots--FreeSample__claimed p:hover {
  color: #1056ca;
}
.Pilots--FreeSample__claimedContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.Pilots--HowItWorks {
  border-radius: 8px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
}
.Pilots--HowItWorks h5 {
  font-weight: 500;
  font-size: 20px;
}
.Pilots--HowItWorks p {
  margin-bottom: 20px;
  color: #8a939b;
}
.Pilots--ClaimOverlay h1 {
  border-bottom: 1px solid #e2e7eb;
  margin-bottom: 10px;
}
.Pilots--ClaimOverlay__info {
  text-align: center;
  margin-bottom: 15px;
}
.Pilots--ClaimOverlay__name {
  font-size: 22px;
  color: #315795;
}
.Pilots--ClaimOverlay__tagline {
  color: #8a939b;
}
.Pilots--ClaimOverlay__link {
  font-size: 16px;
  transition: color 200ms;
}
.Pilots--ClaimOverlay__link:hover {
  color: #3a68b2;
}
.Pilots--ClaimForm__buttons {
  margin-top: 20px;
  border-top: 1px solid #e2e7eb;
  padding: 20px 0px;
}
.Pilots--ClaimForm__button {
  width: 100%;
}
.Pilots--ClaimForm__link {
  float: right;
  transition: color 200ms;
}
.Pilots--ClaimForm__link:hover {
  color: #3a68b2;
}
.Pilots--AlreadyClaimed {
  padding-bottom: 20px;
  text-align: center;
}
.Pilots--AlreadyClaimed__info {
  margin: auto;
  max-width: 475px;
}
.Pilots--AlreadyClaimed p {
  padding: 10px;
  font-size: 18px;
  color: #8a939b;
}
.Pilots--AlreadyClaimed__link:hover .Pilots--AlreadyClaimed__icon {
  transform: translateX(3px);
}
.Pilots--AlreadyClaimed__icon {
  transition: all 0.3s;
  font-size: 16px;
}
/*** Promotions ***/
.rPromotions {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
}
.rPromotions__side {
  -ms-flex-preferred-size: 180px;
      flex-basis: 180px;
  max-width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 0;
}
.rPromotions__main {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-left: 15px;
  min-width: 0;
}
.rPromotions__title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 18px;
  padding-top: 5px;
  border-bottom: 1px solid #efefef;
}
.rPromotions__title h1 {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
  color: #4f8cf1;
}
.rPromotions__title h2 {
  line-height: 1;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: 0.5px;
  color: #4f8cf1;
  background: -webkit-linear-gradient(#8eb5f6, #467bd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rPromotions__title:hover {
  cursor: pointer;
}
.rPromotions__message {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  padding: 10px 20px;
  font-size: 16px;
}
@media (max-width: 900px) {
  .responsive .rPromotions {
    display: block;
  }
  .responsive .rPromotions__side {
    max-width: 100%;
  }
  .responsive .rPromotions__main {
    padding: 0 10px;
  }
  .responsive .rPromotions__title {
    padding-top: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.rPromotion {
  padding: 16px 12px 16px 24px;
  border: none;
}
.rPromotion--border {
  border: 1px solid #e2e7eb;
}
.rPromotion--border:not(:last-child) {
  border-bottom: none;
}
.rPromotion h3 {
  font-weight: bold;
  line-height: 1.3;
  font-size: 18px;
}
.rPromotion h3 a {
  transition: color 200ms;
  color: #555a5f;
}
.rPromotion h3 a:hover {
  color: #4f8cf1;
}
.rPromotion h6 {
  font-weight: 600;
  color: #8a939b;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rPromotion__description {
  padding-left: 12px;
  padding-right: 92px;
}
.rPromotion__markdown {
  font-size: 14px;
}
.rPromotion__actions {
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
.rPromotion__actions a {
  margin-right: 12px;
  color: #8a939b;
}
.rPromotion__actions a:hover {
  color: #4f8cf1;
}
.rPromotion__actions a svg {
  margin-left: 4px;
  position: relative;
  top: 1px;
}
.rPromotion__content {
  padding-left: 12px;
}
.rPromotion__species {
  text-align: center;
}
.rPromotion__species-icon {
  margin: 0 2px;
}
.rPromotion__image {
  width: 80px;
  height: 80px;
  padding-right: 12px;
  text-align: center;
}
.rPromotion__image > img {
  max-height: 100%;
}
.rPromotion__signal {
  text-align: center;
}
.rPromotion__signal svg {
  font-size: 28px;
  margin-bottom: 4px;
  color: #57c559;
}
.rPromotion__days {
  min-width: 120px;
  text-align: center;
}
.rPromotion__button {
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 900px) {
  .responsive .rPromotionSearch {
    margin-bottom: 20px;
    padding: 10px;
  }
}
.ItemPromotionDisclaimer {
  border-bottom: 1px solid #e2e7eb;
  font-size: 14px;
  padding: 10px 20px 20px;
  margin: 0 -20px -10px;
  color: #6e767c;
}
.ItemPromotionDisclaimer__icon {
  font-size: 18px;
  color: #4f8cf1;
  margin-right: 20px;
}
.SavedCarts__ListView .rt-tr.loading {
  opacity: 0.5;
  cursor: default;
}
.SavedCarts__ItemsList {
  padding: 20px;
  border-top: 1px solid #eff2f4;
  background: #f9fafb;
}
.SavedCarts__ItemsList .rt-tbody {
  font-size: 14px;
}
.SavedCarts__ItemsList .rt-tr-group {
  background: #f4f8fe;
}
.SavedCarts__ItemsList .rt-tr-group .rt-td {
  padding: 6px;
}
.SavedCarts__ExistingCart {
  text-align: center;
}
.SavedCarts__ExistingCart__content h1 {
  font-size: 22px;
}
.SavedCarts__ExistingCart__content h3 {
  font-size: 18px;
  text-decoration: underline;
  text-align: left;
  padding-left: 85px;
}
.SavedCarts__ExistingCart__content p {
  font-size: 15px;
  color: #8a939b;
}
.SavedCarts__ExistingCart__title {
  margin: 0 -20px 20px -20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #e2e7eb;
}
.SavedCarts__ExistingCart__items {
  margin: 20px 0;
  padding: 15px 0;
  border-top: 1px dashed #e2e7eb;
  border-bottom: 1px dashed #e2e7eb;
}
.SavedCarts__ExistingCart__itemsContainer {
  max-height: 300px;
  overflow: scroll;
  text-align: left;
  padding-left: 85px;
}
.SavedCarts__ExistingCart__item {
  padding-left: 6px;
}
.Services--ServiceHeader {
  background-image: linear-gradient(to top, #e2e7eb, #f9fafb);
  margin-bottom: -89px;
  height: 350px;
  overflow: hidden;
  border-radius: 3px;
}
.Services--ServiceHeader .loader {
  padding-top: 105px;
}
.Services--ServiceHeader__image {
  background-size: contain !important;
  position: relative;
  padding-bottom: 500px;
}
.Services--ServiceHeader__image::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  content: ' ';
  background: linear-gradient(to bottom, #555a5f, transparent);
}
.Services--ServicesList {
  margin-top: 40px;
  margin-bottom: 150px;
}
.Services--ServicesList__searchbar {
  border: 1px solid #e2e7eb;
  margin-bottom: 10px;
}
.Services--ServicesList__searchInfo {
  border: 1px solid #e2e7eb;
  background-color: white;
  padding: 12px;
  margin-bottom: 10px;
}
.Services--ServicesList__sidebarHeader {
  background-color: white;
  padding: 12px;
  border: 1px solid #e2e7eb;
  border-bottom: none;
}
.Services--ServicesList__sidebarHeader h3 {
  font-weight: 600;
}
.Services--ServicesList__sort {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #888;
}
.Services--ServicesList__sortOption {
  margin-left: 20px;
  color: #b1b1b1;
  transition: color 0.2s;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #888;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.Services--ServicesList__sortOption.active {
  color: #4f8cf1;
  border-color: #4f8cf1;
}
.Services--ServicesList__sortOption:hover {
  cursor: pointer;
  color: #4f8cf1;
}
.Services--ServicesList__categoryDetails {
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #e2e7eb;
  padding: 12px;
  font-size: 15px;
  color: #6e767c;
}
.Services--ServicesList__categoryDetails h4 {
  font-weight: 600;
  font-size: 20px;
  color: #555a5f;
  padding-left: 10px;
}
.Services--ServicesList__sidebarIcon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Services--ServicesList__sidebarIcon svg {
  margin-left: 5px;
  height: 18px;
}
.Services--ServicesList__sidebarIcon.tag svg {
  color: #e91e63;
}
.Services--ServicesList__help {
  background-color: white;
  border: 1px solid #e2e7eb;
  padding: 12px;
  color: #8a939b;
  transition: all 0.2s;
  cursor: pointer;
}
.Services--ServicesList__help:hover {
  background-color: #f4f8fe;
}
.Services--ServicesList__help svg {
  font-size: 3em;
  color: #4f8cf1;
  margin-right: 10px;
}
.Services--ServicesList__help h6 {
  color: #4f8cf1;
  font-weight: 600;
  font-size: 16px;
  padding-top: 5px;
  line-height: 1;
}
.Services--ServicesList .footer {
  margin-top: 40px;
  color: #8a939b;
  text-align: center;
  font-size: 16px;
}
.Services--ServiceListItem {
  margin-bottom: 10px;
}
.Services--ServiceListItem h3 {
  font-size: 24px;
}
.Services--ServiceListItem__imageContainer {
  padding: 10px;
  border-radius: 8px;
  max-width: 200px;
  min-width: 150px;
}
.Services--ServiceListItem__image {
  max-height: 150px;
  padding: 6px;
}
.Services--ServiceListItem__reviews {
  margin: 10px 0;
}
.Services--ServiceListItem__reviews .divider {
  padding-bottom: 1px;
  margin: 0 6px;
  color: #8a939b;
}
.Services--ServiceListItem__reviews .link {
  color: #8a939b;
  transition: all 0.2s;
}
.Services--ServiceListItem__reviews .link:hover {
  color: #4f8cf1;
  text-decoration: underline;
}
.Services--ServiceListItem__content {
  padding-left: 20px;
}
.Services--ServiceListItem__content .tag {
  display: inline;
  margin-right: 10px;
}
.Services--ServiceListItem__content .tag.deal {
  color: #e91e63;
  border-color: #e91e63;
}
.Services--ServiceListItem__content .tag.deal:hover {
  background-color: #fef2f6;
}
.Services--ServiceListItem__content .tag.preferred {
  color: #6e767c;
  border-color: #6e767c;
}
.Services--ServiceListItem__content .tag.preferred:hover svg {
  color: #68d0e3;
}
.Services--ServiceListItem__content .tag svg {
  height: 18px;
  margin-right: 8px;
}
.Services--ServiceListItem__content h3 {
  font-weight: 600;
}
.Services--ServiceListItem__link {
  color: unset;
  transition: color 0.2s;
}
.Services--ServiceListItem__link:hover {
  color: #467bd4;
}
.Services--ServiceListItem__description {
  font-size: 16px;
  color: #555a5f;
}
.Services--ServiceDetails {
  margin-top: 40px;
  margin-bottom: 125px;
  position: relative;
}
.Services--ServiceDetails__content {
  position: relative;
  margin: 0 10px;
}
.Services--ServiceDetails__profileBox {
  padding-bottom: 10px !important;
}
.Services--ServiceDetails .loading {
  margin-top: 200px;
}
.Services--ServiceDetails .breadcrumbs {
  position: absolute;
  top: 18px;
  left: 28px;
}
.Services--ServiceDetails .breadcrumbs a {
  color: white;
}
.Services--ServiceDetails .breadcrumbs a:hover {
  text-decoration: underline;
}
.Services--ServiceDetails__overview {
  border: 1px solid #e2e7eb;
  padding: 12px 20px;
  background-color: white;
}
.Services--ServiceDetails__overview h3 {
  font-size: 22px;
  margin: 10px 0 20px 0;
  font-weight: bold;
}
.Services--ServiceDetails__overview p {
  color: #6e767c;
  font-size: 16px;
}
.Services--ServiceDetails__reviews {
  margin-top: 10px;
  border: 1px solid #e2e7eb;
  background-color: white;
  padding: 12px 20px;
}
.Services--ServiceDetails__threadsShowMore {
  text-align: center;
  font-size: 18px;
}
.Services--ServiceDetailsBox__detailsBox {
  margin-top: 10px;
  border: 1px solid #e2e7eb;
  background-color: white;
}
.Services--ServiceDetailsBox__detailsBox h5 {
  font-weight: 700;
  font-size: 14px;
  border-bottom: 1px solid #e2e7eb;
  padding: 8px 10px;
}
.Services--ServiceDetailsBox__detailsBox .content {
  padding: 12px;
}
.Services--ServiceDetailsBox__detailsBox .detail {
  margin-bottom: 10px;
}
.Services--ServiceDetailsBox__detailsBox p.strong {
  font-weight: 700;
}
.Services--ServiceDetailsBox__icon {
  margin-top: 6px;
  margin-right: 12px;
  color: #b8c4ce;
}
.Services--VetcoveDeal {
  background-color: white;
  border: 1px solid #e2e7eb;
  margin-bottom: 10px;
}
.Services--VetcoveDeal__tagIcon {
  font-size: 26px;
  color: white;
  margin: auto;
}
.Services--VetcoveDeal__col {
  padding: 12px;
}
.Services--VetcoveDeal__col:first-child {
  background-color: #e91e63;
  border-right: 1px solid #e2e7eb;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
.Services--VetcoveDeal__col .title {
  font-size: 18px;
  color: #e91e63;
  font-weight: 700;
}
.Services--ServiceForm__form {
  padding: 20px 0;
}
.Services--ServiceForm__success {
  padding: 50px 80px;
  text-align: center;
}
.Services--ServiceForm__success h2 {
  margin-bottom: 30px;
}
.Services--ServiceForm__disclaimer {
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}
.rStaffPromotion__image img {
  width: 250px;
  max-width: 100%;
}
.rStaffPromotion__image a {
  cursor: pointer;
  cursor: hand;
}
.rStaffPromotionHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 20px;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.rStaffPromotionHeader h2 {
  font-weight: bold;
}
.rStaffPromotionFilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.rStaffPromotionFilter .Form__group {
  -ms-flex: 1;
      flex: 1;
}
.rStaffPromotionCards {
  overflow-y: scroll;
  height: 80vh;
  border: 1px solid #dfdfdf;
  padding: 10px;
  background: #f1f1f1;
}
.rStaffPromotionCard {
  border: 1px solid #dfdfdf;
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.rStaffPromotionCard h2 {
  font-size: 17px;
  font-weight: normal;
}
.rStaffPromotionCard h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
  letter-spacing: 0.5px;
}
.rStaffPromotionCard img {
  max-width: 100%;
}
.ManufacturerPromotionCard a {
  cursor: pointer;
  cursor: hand;
}
.ManufacturerPromotionCard img {
  width: 100%;
}
.ManufacturerPromotionCard__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ManufacturerPromotionCard__buttons button {
  margin-left: 12px;
}
.PromotionCard__buttons {
  margin-top: 10px;
}
.PromotionCard__buttons button {
  margin-right: 12px;
}
.PromotionCard__buttons a {
  cursor: pointer;
  cursor: hand;
}
.rVendorUserTable > h1 {
  background: #5969e2;
  color: #fff;
  font-size: 18px;
  padding: 5px 10px;
  font-weight: bold;
}
.rVendorUserTable h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 1.3;
}
.rVendorUserTable h6 {
  font-weight: normal;
  opacity: 0.8;
  font-size: 14px;
}
.rVendorUserTable h6.tag {
  display: inline-block;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.rVendorUserTable h6.tag--green {
  color: #57c559;
}
.rVendorUserTable .ReactTable .rt-tbody .rt-td {
  border-right: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rVendorUserTable .selected-row {
  background: #f1f2fd;
}
.qEnrollmentsSignature {
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  border: 1px solid #e2e7eb;
  background: white;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding: 36px;
  width: 480px;
  max-width: 100%;
}
.qEnrollmentsSignature h1 {
  font-weight: bold;
  margin-top: 8px;
}
.qEnrollmentsSignature img {
  height: 50px;
}
.comparableContainer {
  text-align: center;
  margin: 10% 15%;
  display: -ms-grid;
  display: grid;
}
.comparableContainer .rLandingModule__inner {
  width: 100%;
  padding: 10px 30px;
  min-height: 200px;
  justify-self: center;
  -ms-grid-column: 1;
      grid-column: 1;
  -ms-grid-row: 1;
      grid-row: 1;
}
.comparableContainer .comparable__question input,
.comparableContainer .comparable__question select {
  width: 30%;
}
.comparableContainer h1 {
  font-weight: bold;
  margin: 10px;
  line-height: 100%;
}
.comparableContainer .top-purchase {
  text-align: left;
}
.comparableContainer .comparablesNavigation {
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.comparableContainer .comparablesNavigation path {
  cursor: pointer;
}
.comparableContainer .importanceSelector {
  margin: 10px 0px;
}
.comparableContainer .importanceSelector .weight {
  margin: 0px 10px;
  min-width: 180px;
}
.comparableContainer .comparable {
  width: 100%;
  margin: 20px 0px;
  padding: 10px 30px;
  border-bottom: solid 2px;
}
.comparableContainer .comparable h2 {
  margin: 6px;
}
.comparableContainer .comparable .barnyard-Row {
  border-bottom: solid 1px #EEEEEE;
}
.comparableContainer .comparable .barnyard-Col:nth-child(1) {
  text-align: left;
}
.SavingsView__loading {
  text-align: center;
  padding: 80px;
}
.SavingsView__container {
  padding: 10px;
  padding-top: 0;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/memphis-colorful.png);
  min-height: 100vh;
  position: absolute;
  top: 0;
}
.SavingsView__summary {
  margin-bottom: 24px;
}
.SavingsView--SavingsLink {
  transition: all 0.2s;
  cursor: pointer;
  color: white;
  position: relative;
  font-size: 20px;
  padding: 20px;
  margin-top: 40px;
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: -40px;
  text-align: center;
  font-weight: bold;
}
.SavingsView--SavingsLink__slope {
  position: absolute;
  content: ' ';
  transition: all 0.2s;
  display: block;
  left: 0;
  top: -29px;
  width: 100%;
  border-style: solid;
  border-width: 0 0 30px 100vw;
  border-color: transparent transparent transparent transparent;
}
.SavingsView--SavingsLink__print {
  display: none;
}
.SavingsView--SavingsLink--blue {
  background-color: #72a3f4;
}
.SavingsView--SavingsLink--blue .SavingsView--SavingsLink__slope {
  border-bottom-color: #72a3f4;
}
.SavingsView--SavingsLink--blue:hover {
  background-color: #4f8cf1;
}
.SavingsView--SavingsLink--blue:hover .SavingsView--SavingsLink__slope {
  border-bottom-color: #4f8cf1;
}
.SavingsView--SavingsLink--green {
  background-color: #79d17a;
}
.SavingsView--SavingsLink--green .SavingsView--SavingsLink__slope {
  border-bottom-color: #79d17a;
}
.SavingsView--SavingsLink--green:hover {
  background-color: #57c559;
}
.SavingsView--SavingsLink--green:hover .SavingsView--SavingsLink__slope {
  border-bottom-color: #57c559;
}
.SavingsView--SavingsLink--purple {
  background-color: #ed4b82;
}
.SavingsView--SavingsLink--purple .SavingsView--SavingsLink__slope {
  border-bottom-color: #ed4b82;
}
.SavingsView--SavingsLink--purple:hover {
  background-color: #e91e63;
}
.SavingsView--SavingsLink--purple:hover .SavingsView--SavingsLink__slope {
  border-bottom-color: #e91e63;
}
.SavingsView--SavingsLink--orange {
  background-color: #86d9e9;
}
.SavingsView--SavingsLink--orange .SavingsView--SavingsLink__slope {
  border-bottom-color: #86d9e9;
}
.SavingsView--SavingsLink--orange:hover {
  background-color: #68d0e3;
}
.SavingsView--SavingsLink--orange:hover .SavingsView--SavingsLink__slope {
  border-bottom-color: #68d0e3;
}
.SavingsView--RangePicker {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 5;
  color: #4f8cf1;
}
.SavingsView--SavingsPrint,
.SavingsView--Box {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 0 54px -15px rgba(0, 0, 0, 0.75);
}
.SavingsView--Loading {
  padding: 80px 0;
}
.SavingsView--Loading__loading-overlay {
  background: linear-gradient(to bottom, white 0%, transparent 40%, transparent 60%, white 100%);
}
.SavingsView--Error {
  font-size: 20px;
  text-align: center;
}
.SavingsView--Error a {
  cursor: pointer;
}
.SavingsView--SavingsPrint {
  margin-top: 40px;
  background-color: rgba(104, 208, 227, 0.85);
  transition: all 0.2s;
  color: white;
  text-align: center;
  cursor: pointer;
}
.SavingsView--SavingsPrint:hover {
  background-color: #68d0e3;
}
.SavingsView--SavingsPrint h1 {
  font-weight: bold;
}
.SavingsView--SavingsPrint h2 {
  font-weight: normal;
}
.SavingsView--SavingsShare__image {
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}
.SavingsView--SavingsShare__image img {
  border-radius: 5px;
}
.SavingsView--SavingsShare__actions {
  text-align: center;
  margin-top: 24px;
}
.SavingsView--SavingsShare__actions a {
  margin: 0 4px;
}
.SavingsView--SavingsShareImage {
  padding: 24px;
  width: 1200px;
  height: 1200px;
  position: relative;
  color: white;
}
.SavingsView--SavingsShareImage svg {
  display: none;
}
.SavingsView--SavingsShareImage__offset {
  margin-top: 120px;
  z-index: 1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.SavingsView--SavingsShareImage__positon {
  position: absolute;
  left: -3000px;
}
.SavingsView--SavingsShareImage__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.SavingsView--SavingsShareImage__img {
  visibility: hidden;
}
.SavingsView--SavingsShareImage__items {
  -ms-flex: 5;
      flex: 5;
}
.SavingsView--SavingsShareImage__label {
  display: inline-block;
  margin-top: 12px;
  position: relative;
  left: 7px;
}
.SavingsView--SavingsShareImage__line {
  background: #68d1e3;
  border-radius: 4px;
  top: 0;
  left: -14px;
  bottom: -2px;
  width: 6px;
  position: absolute;
}
.SavingsView--SavingsShareImage__item {
  margin-top: 80px;
  text-align: center;
}
.SavingsView--SavingsShareImage__item h2 {
  line-height: 1;
  font-size: 154px;
  font-weight: bold;
}
.SavingsView--SavingsShareImage__item h3 {
  line-height: 1;
  font-size: 28px;
}
.SavingsView--SavingsShareImage__dollar {
  font-size: 65%;
  position: relative;
  top: -14px;
  left: -5px;
}
.SavingsView--SavingsShareImage__hours {
  left: 10px;
  text-transform: uppercase;
  font-size: 29%;
  position: relative;
}
.SavingsView--SavingsShareImage__lists {
  margin-top: 64px;
  -ms-flex: 4;
      flex: 4;
}
.SavingsView--SavingsShareImage__list {
  margin-top: 64px;
  margin-right: 32px;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.3);
}
.SavingsView--SavingsShareImage__list h3 {
  line-height: 1;
  font-size: 36px;
  font-weight: bold;
}
.SavingsView--SavingsShareImage__list ol {
  padding-left: 24px;
}
.SavingsView--SavingsShareImage__list li {
  font-size: 24px;
  font-weight: 600;
  color: #68d1e3;
}
.SavingsView--SavingsShareImage__list li span {
  color: white;
  font-weight: 400;
}
.SavingsView--SavingsShareImage__list__items {
  margin-top: 6px;
}
.SavingsView--SavingsShareImage__list__line {
  background: #68d1e3;
  height: 6px;
  border-radius: 3px;
  margin-top: 3px;
}
.SavingsView--Box {
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.75);
}
.SavingsView--Box__container {
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.SavingsView--Item {
  padding: 40px;
  text-align: center;
}
.SavingsView--Item img {
  height: auto;
  width: 100%;
}
.SavingsView--Item h4 {
  padding-top: 24px;
  font-size: 28px;
  font-weight: normal;
}
.SavingsView--Title {
  text-align: center;
  margin-bottom: 48px;
  position: relative;
}
.SavingsView--Title h1 {
  transform: rotate(-2deg);
  color: white;
  font-weight: bold;
  padding: 2px 12px;
  font-size: 48px;
}
.SavingsView--Title h2 {
  position: relative;
  z-index: 2;
  font-weight: bold;
  font-size: 28px;
  margin-top: 12px;
  font-style: italic;
}
.SavingsView--Title__logo {
  position: relative;
  margin: -16px auto 24px;
  z-index: 1;
}
.SavingsView--Title__header {
  display: inline-block;
  transform: rotate(2deg);
  position: relative;
}
.SavingsView--Title__header-pre {
  position: absolute;
  content: ' ';
  left: -17px;
  top: -10px;
  width: 0;
  height: 0;
  border-bottom: 90px solid transparent;
  border-top: 12px solid transparent;
  border-right: 20px solid transparent;
}
.SavingsView--Title__header-post {
  position: absolute;
  content: ' ';
  right: -18px;
  top: -10px;
  width: 0;
  height: 0;
  border-top: 92px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid transparent;
}
.SavingsView--Title__header::before {
  z-index: 1;
  position: absolute;
  content: ' ';
  top: -20px;
  right: -20px;
  left: -20px;
  height: 20px;
  background-color: white;
}
.SavingsView--Title__header::after {
  z-index: 1;
  position: absolute;
  content: ' ';
  bottom: -20px;
  right: -20px;
  left: -20px;
  height: 20px;
  background-color: white;
}
.SavingsView--Title--blue .SavingsView--Title__header {
  background-color: #72a3f4;
}
.SavingsView--Title--blue .SavingsView--Title__header-pre {
  border-right-color: #72a3f4;
}
.SavingsView--Title--blue .SavingsView--Title__header-post {
  border-left-color: #72a3f4;
}
.SavingsView--Title--blue h2 {
  color: #72a3f4;
}
.SavingsView--Title--blue .barnyard-vetcove-logo--color {
  fill: #8eb5f6;
}
.SavingsView--Title--blue .barnyard-vetcove-logo--accent {
  fill: #8eb5f6;
}
.SavingsView--Title--green .SavingsView--Title__header {
  background-color: #79d17a;
}
.SavingsView--Title--green .SavingsView--Title__header-pre {
  border-right-color: #79d17a;
}
.SavingsView--Title--green .SavingsView--Title__header-post {
  border-left-color: #79d17a;
}
.SavingsView--Title--green h2 {
  color: #79d17a;
}
.SavingsView--Title--green .barnyard-vetcove-logo--color {
  fill: #93da95;
}
.SavingsView--Title--green .barnyard-vetcove-logo--accent {
  fill: #93da95;
}
.SavingsView--Title--purple .SavingsView--Title__header {
  background-color: #ed4b82;
}
.SavingsView--Title--purple .SavingsView--Title__header-pre {
  border-right-color: #ed4b82;
}
.SavingsView--Title--purple .SavingsView--Title__header-post {
  border-left-color: #ed4b82;
}
.SavingsView--Title--purple h2 {
  color: #ed4b82;
}
.SavingsView--Title--purple .barnyard-vetcove-logo--color {
  fill: #f16f9b;
}
.SavingsView--Title--purple .barnyard-vetcove-logo--accent {
  fill: #f16f9b;
}
.SavingsView--Title--orange .SavingsView--Title__header {
  background-color: #86d9e9;
}
.SavingsView--Title--orange .SavingsView--Title__header-pre {
  border-right-color: #86d9e9;
}
.SavingsView--Title--orange .SavingsView--Title__header-post {
  border-left-color: #86d9e9;
}
.SavingsView--Title--orange h2 {
  color: #86d9e9;
}
.SavingsView--Title--orange .barnyard-vetcove-logo--color {
  fill: #9ee1ed;
}
.SavingsView--Title--orange .barnyard-vetcove-logo--accent {
  fill: #9ee1ed;
}
.SavingsView--Title--red .SavingsView--Title__header {
  background-color: #ef7575;
}
.SavingsView--Title--red .SavingsView--Title__header-pre {
  border-right-color: #ef7575;
}
.SavingsView--Title--red .SavingsView--Title__header-post {
  border-left-color: #ef7575;
}
.SavingsView--Title--red h2 {
  color: #ef7575;
}
.SavingsView--Title--red .barnyard-vetcove-logo--color {
  fill: #f29090;
}
.SavingsView--Title--red .barnyard-vetcove-logo--accent {
  fill: #f29090;
}
.SavingsView--TopList {
  margin-bottom: 20px;
}
.SavingsView--TopList h2 {
  font-weight: bold;
  font-size: 28px;
}
.SavingsView--TopList ol {
  margin: 0;
  padding-left: 24px;
}
.SavingsView--TopList li {
  font-weight: normal;
  font-size: 20px;
}
.SavingsView--Summary__statBox {
  padding: 10px;
  text-align: center;
  margin-bottom: 20px;
}
.SavingsView--Summary__statBox h2 {
  font-size: 78px;
  font-weight: bold;
  line-height: 1;
}
.SavingsView--Summary__statBox h3 {
  font-weight: normal;
  font-size: 20px;
}
.SavingsView--Breakdown {
  margin-top: 50px;
}
@media screen and (min-width: 800px) {
  .SavingsView--Item img {
    height: 240px;
    width: auto;
  }
}
@media screen and (min-width: 900px) {
  .SavingsView__container {
    padding: 40px;
  }
}
@media screen and (min-width: 1000px) {
  .SavingsView--Title__logo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 130px;
  }
}
@media print {
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  .SavingsView--SavingsPrint {
    display: none;
  }
  .SavingsView--SavingsLink__screen {
    display: none;
  }
  .SavingsView--SavingsLink__print {
    display: inline;
  }
  .SavingsView--RangePicker {
    display: none;
  }
  .SavingsView__container {
    margin-top: -54px;
  }
  #SavingsView--Share {
    display: none;
  }
}
@keyframes pulse-survey-start {
  0% {
    box-shadow: 0 0 0 0px rgba(92, 184, 230, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(92, 184, 230, 0);
  }
}
.Survey {
  position: relative;
}
.Survey__widgetWrapper {
  width: 100%;
  height: 650px;
  border: 1px solid #eff2f4;
  border-radius: 8px;
  margin-bottom: 20px;
}
.Survey__widget {
  height: 100%;
}
.Survey__start {
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0;
  text-align: center;
  width: 100%;
  min-height: 250px;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/survey-background-cover.png);
  background-size: cover;
  border: 4px solid rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 20px 40px;
}
.Survey__start__title {
  font-size: 24px;
  line-height: 1.3;
}
.Survey__start__title strong {
  color: #5cb8e6;
}
.Survey__start__description {
  padding: 5px 20px;
  font-size: 18px;
  opacity: 0.8;
}
.Survey__start__buttonsRow {
  margin-top: 20px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 10px;
}
.Survey__start__buttonPrimary {
  background-color: #5cb8e6;
  color: white;
  animation: pulse-survey-start 1.8s infinite;
}
.Survey__start__buttonPrimary:hover {
  background-color: #46aee3;
}
.Survey__start__buttonDecline {
  color: #8a939b;
  font-size: 14px;
}
.Survey__start__buttonDecline:hover {
  text-decoration: underline;
  color: #6e767c;
}
.Survey__start__animation-exit {
  opacity: 1;
}
.Survey__start__animation-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.5s;
}
.Survey__animation-enter {
  height: 250px;
}
.Survey__animation-enter-active {
  height: 650px;
  transition: all 0.3s;
}
.Survey__animation-exit {
  height: 650px;
}
.Survey__animation-exit-active {
  height: 0;
  transition: all 0.5s;
}
.DefaultGlobalBanner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: top;
      justify-content: top;
  position: relative;
  padding-top: 110px;
  margin-bottom: -150px;
  /* The white button gets a darker primary color */
}
.DefaultGlobalBanner__background {
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.DefaultGlobalBanner__background::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.DefaultGlobalBanner__background::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 85%, #f9fafb 100%);
}
.DefaultGlobalBanner__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.DefaultGlobalBanner__content .barnyard-Button--xl {
  letter-spacing: 0.5px;
}
.DefaultGlobalBanner__tag {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  margin-top: 0px;
  padding: 2px 12px 2px 6px;
  color: white;
  font-size: 16px;
  transition: background 0.2s;
}
.DefaultGlobalBanner__tag:hover {
  color: white;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.3);
}
.DefaultGlobalBanner__newtag {
  background: #4f8cf1;
  color: white;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1px 7px;
  margin-right: 5px;
}
.DefaultGlobalBanner__contentNaked {
  max-width: 700px;
  max-height: 500px;
  margin: 0 auto;
}
.DefaultGlobalBanner__logo_container {
  margin-top: 15px;
  border-radius: 20px;
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.5);
}
.DefaultGlobalBanner__logo {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 40vw;
  min-width: 576px;
  max-width: 800px;
  height: 7vw;
  min-height: 105px;
  max-height: 146px;
  margin: 32px;
}
.DefaultGlobalBanner__button {
  margin-top: 20px;
  text-transform: none;
}
.DefaultGlobalBanner__button span {
  margin-left: 7px;
  vertical-align: top;
}
.DefaultGlobalBanner__button.barnyard-Button--white {
  color: #272b64;
}
.DefaultGlobalBanner__text {
  margin-top: 25px;
  color: white;
  max-width: 850px;
  padding: 10px;
  text-align: center;
}
.DefaultGlobalBanner__text p {
  font-weight: 500;
  font-size: 17px;
  padding-bottom: 10px;
  line-height: 22px;
}
.DefaultGlobalBanner__text a {
  color: white;
  text-decoration: underline;
}
@media (max-width: 900px) {
  .DefaultGlobalBanner {
    height: calc(100vh + 150px);
  }
  .DefaultGlobalBanner__logo_container {
    border-radius: 10px;
  }
  .DefaultGlobalBanner__tag {
    margin: 0;
  }
  .DefaultGlobalBanner__logo {
    width: 90vw;
    min-width: 0;
    height: 17vw;
    min-height: 0;
    margin: 10px;
  }
  .DefaultGlobalBanner__text {
    margin-top: 100px;
    font-size: 16px;
    line-height: 20px;
  }
}
.Updates__Header {
  height: 560px;
  overflow: hidden;
  border-bottom: 1px solid #e2e7eb;
}
.Updates__Header__header {
  text-align: center;
  font-size: 60px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 2px;
  color: #6e767c;
}
.Updates__Header__image {
  background-color: white;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/features_roadmap.png);
  padding-top: 90px;
  padding-bottom: 500px;
  background-repeat: no-repeat;
  background-position: center;
}
.Updates__List {
  margin-top: -100px;
  border-radius: 3px;
  margin-bottom: 100px;
  max-width: 800px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background-color: white;
  padding-left: 20px;
}
.Updates__List h1 {
  font-size: 32px;
  font-weight: 600;
}
.Updates__List .entry-line {
  position: relative;
  height: 60px;
}
.Updates__List__month {
  position: relative;
  text-align: right;
}
.Updates__List__dot {
  left: 139px;
  top: 9px;
  position: absolute;
  height: 8px;
  border-radius: 50%;
  color: #b8c4ce;
}
.Updates__List__content {
  width: 120px;
  font-size: 16px;
  color: #8a939b;
}
.Updates__List .exit-line {
  position: relative;
  height: 100px;
}
.Updates__List .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.Updates__Group__update {
  position: relative;
  padding: 20px 0;
}
.Updates__Group__update h3 {
  color: #555a5f;
  font-weight: 600;
  margin-bottom: 8px;
  transition: color 0.2s;
}
.Updates__Group__update a:hover h3 {
  color: #4f8cf1;
}
.Updates__Group__update .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.Updates__Group__middot {
  color: #8a939b;
  font-size: 4px;
  margin-left: 8px;
}
.Updates__Group__date {
  color: #8a939b;
  margin-left: 8px;
}
.Updates__Group__description {
  color: #8a939b;
  font-size: 16px;
  margin-top: 8px;
}
.Updates__Group__leftCol {
  width: 155px;
  position: relative;
}
.Updates__Group__content {
  max-width: 600px;
  padding-left: 15px;
}
.Updates__Group__dot {
  left: 139px;
  top: 10px;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.Updates__Group__dot.FEATURE {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.Updates__Group__dot.FEATURE {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.Updates__Group__dot.INTEGRATION {
  box-shadow: 0 0 6px #68d0e3;
  color: #68d0e3;
}
.Updates__Group__dot.INTEGRATION {
  box-shadow: 0 0 6px #68d0e3;
  color: #68d0e3;
}
.Updates__Group__dot.LAUNCH {
  box-shadow: 0 0 6px #eea314;
  color: #eea314;
}
.Updates__Group__dot.LAUNCH {
  box-shadow: 0 0 6px #eea314;
  color: #eea314;
}
.Updates__Group__dot.PARTNERSHIP {
  box-shadow: 0 0 6px #57c559;
  color: #57c559;
}
.Updates__Group__dot.PARTNERSHIP {
  box-shadow: 0 0 6px #57c559;
  color: #57c559;
}
.Updates__Group__dot.DEFAULT {
  box-shadow: 0 0 6px #e91e63;
  color: #e91e63;
}
.Updates__Group__dot.DEFAULT {
  box-shadow: 0 0 6px #e91e63;
  color: #e91e63;
}
.VendorProfile {
  margin-top: 40px;
  margin-bottom: 60px;
}
.VendorProfile__sider {
  margin-left: -10px;
}
.VendorProfile__content {
  margin-right: -10px;
}
.VendorProfile--DetailsBox {
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}
.VendorProfile--DetailsBox p {
  padding: 6px;
  font-size: 15px;
  color: #6e767c;
}
.VendorProfile--DetailsBox__icons {
  max-width: 200px;
  padding: 6px 0;
}
.VendorProfile--DetailsBox__icon {
  margin: 0 6px;
  font-size: 22px;
  color: #8a939b;
  cursor: pointer;
  transition: all 0.3s;
}
.VendorProfile--DetailsBox__icon:hover {
  transform: scale(1.1);
}
.VendorProfile--DetailsBox__icon.facebook:hover {
  color: #3C5A99;
}
.VendorProfile--DetailsBox__icon.twitter:hover {
  color: #1DA1F2;
}
.VendorProfile--DetailsBox__icon.pinterest:hover {
  color: #BD081C;
}
.VendorProfile--DetailsBox__icon.linkedin:hover {
  color: #0077B5;
}
.VendorProfile--DetailsBox__icon.instagram:hover * {
  fill: url(#rg);
}
.VendorProfile--DetailsBox__icon.link:hover {
  color: #4f8cf1;
}
.VendorProfile--DetailsBox__rating.hover {
  cursor: pointer;
}
.VendorProfile--DetailsBox__switch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 10px;
  margin: 10px;
}
.VendorProfile--Header p {
  font-size: 16px;
  color: #6e767c;
}
.VendorProfile--Overview__section {
  padding: 20px 12px;
}
.VendorProfile--Overview__section:not(:last-child) {
  border-bottom: 1px solid #e2e7eb;
}
.VendorProfile--Overview__section h3 {
  padding-bottom: 8px;
  font-weight: 600;
}
.VendorProfile--Overview__section p {
  font-size: 16px;
  color: #6e767c;
  white-space: pre;
  white-space: pre-wrap;
}
.VendorProfile--Overview__rightCol {
  border-left: 1px solid #e2e7eb;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.VendorProfile--Overview__headers {
  padding-left: 15px;
}
.VendorProfile--Overview__headers p {
  font-weight: 600;
}
.VendorProfile--Overview__taxRate {
  padding-left: 15px;
}
.VendorProfile--Overview__shippingOption {
  padding-left: 15px;
}
.VendorProfile--Items__product {
  opacity: 0.95;
  transition: all 0.3s;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  max-width: 500px;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  color: #555a5f;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 12px 24px;
}
.VendorProfile--Items__product h4 {
  padding-top: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.VendorProfile--Items__product:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 1;
}
.VendorProfile--Items p {
  font-size: 14px;
}
.VendorProfile--Items__itemPrice {
  font-size: 18px;
  font-weight: 700;
  padding-left: 6px;
}
.VendorProfile--Items__reviewCount {
  color: #a2acb5;
  font-size: 15px;
}
.VendorProfile--Items__details {
  margin-top: 15px;
  min-height: 27px;
}
.VendorProfile--Items__image {
  height: 120px;
}
.VendorProfile--Items__showMore {
  background: #fff;
  margin-top: 20px;
  text-align: center;
  padding: 5px 10px;
  color: #6e767c;
  font-size: 18px;
  border-radius: 6px;
  transition: color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  width: 100%;
}
.VendorProfile--Items__showMore:hover {
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  color: #555a5f;
}
.VendorProfile--ContactBox {
  padding: 0;
  margin-top: 20px;
}
.VendorProfile--ContactBox h5 {
  font-weight: 700;
  font-size: 14px;
}
.VendorProfile--ContactBox__header {
  padding: 8px 10px;
  border-bottom: 1px solid #e2e7eb;
}
.VendorProfile--ContactBox__content {
  padding: 12px;
}
.VendorProfile--ContactBox p.strong {
  font-weight: 700;
}
.VendorProfile--ContactBox__section {
  margin-bottom: 10px;
}
.VendorProfile--ContactBox__email .barnyard-CopyToClipboard__text {
  font-weight: normal;
}
.VendorProfile--ContactBox__icon {
  margin-top: 6px;
  margin-right: 12px;
  color: #b8c4ce;
}
.VendorProfile--ProductReviews {
  padding: 0;
  margin-bottom: 15px;
}
.VendorProfile--ProductReviews h5 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #6e767c;
  padding-left: 10px;
}
.VendorProfile--ProductReviews__collapser {
  padding: 15px;
  cursor: pointer;
  transition: background-color 200ms;
}
.VendorProfile--ProductReviews__collapser:hover {
  background-color: #f4f8fe;
}
.VendorProfile--ProductReviews__collapseIcon {
  font-size: 22px;
  color: #b8c4ce;
}
.VendorProfile--ProductReviews__image {
  padding-top: 0;
  height: 60px;
  width: 60px;
  border: 1px solid #e2e7eb;
}
.VendorProfile--ProductReviews__review {
  padding: 15px 15px 15px 0;
  margin-left: 85px;
  border-top: 1px dashed #e2e7eb;
}
.VendorProfile--ProductReviews__viewAll {
  background-color: #f9fbfc;
  padding: 8px;
  color: #4f8cf1;
  border-top: 1px solid #e2e7eb;
}
.VendorProfile--ProductReviews__viewAllLink {
  font-weight: 600;
  font-size: 15px;
}
.VendorProfile--ProductReviews__viewAllIcon {
  margin-left: 6px;
  font-size: 16px;
}
.VendorProfiles {
  margin-bottom: 60px;
}
.VendorProfiles--VendorProfileBox {
  display: block;
  background: white;
  box-shadow: 0 2px 3px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.09);
  color: #555a5f;
  margin: 0 auto;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 12px;
  transition: all 0.3s;
}
.VendorProfiles--VendorProfileBox h2 {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 4px;
  font-size: 20px;
}
.VendorProfiles--VendorProfileBox:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.VendorProfiles--VendorProfileBox__top {
  min-height: 100px;
}
.VendorProfiles--VendorProfileBox__logo {
  max-height: 100%;
  margin-left: auto;
}
.VendorProfiles--VendorProfileBox__logo-container {
  width: 100px;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
}
.VendorProfiles--VendorProfileBox__button {
  margin-top: 16px;
}
.VendorProfiles--VendorProfileBoxRow {
  font-size: 16px;
}
.VendorProfiles--VendorProfileBoxRow__key {
  font-weight: 300;
  padding-right: 8px;
}
.VendorProfiles--VendorProfileBoxRow__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.VendorProfiles--VendorProfilesHeader {
  background-color: #4f8cf1;
  border-bottom: 1px solid #e2e7eb;
  background-image: url(https://media.vetcove.com/static/dist/app/static/img/backgrounds/smaug_leaves.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -350px;
}
.VendorProfiles--VendorProfilesHeader__image {
  height: 500px;
  margin-top: -109px;
  background-image: linear-gradient(to right top, transparent, #4f8cf1);
}
.VendorProfiles--VendorProfilesHeader__title {
  text-align: center;
  margin-bottom: 100px;
}
.VendorProfiles--VendorProfilesHeader__title h1 {
  color: white;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 0.25px;
}
.VendorProfiles--VendorProfilesHeader__title h2 {
  color: white;
  font-size: 20px;
}
.VendorProfiles--VendorProfilesList {
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
}
.VendorProfiles--VendorProfilesList__row {
  -ms-flex: 1;
      flex: 1;
}
.VendorProfiles--VendorProfilesList__loading {
  margin-top: 200px;
}
.VendorProfiles--VendorProfilesFilter {
  margin: 20px auto;
  max-width: 500px;
}
.RequisitionContainer {
  min-height: 500px;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  border-right: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.RequisitionContainer h2.Requisition__header {
  text-align: center;
  margin: 50px auto;
}
.RequisitionInteractive:not(:last-child) {
  border-bottom: 1px dashed #e2e7eb;
}
.RequisitionReviewItems {
  padding: 20px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #e2e7eb;
}
.requisitionSplit__summary {
  padding: 0;
  border-top: 1px solid #e2e7eb;
  border-right: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
}
.RequisitionUpdating {
  margin: 0 auto;
  padding: 100px 20px;
  background-color: white;
  border: 1px solid #e2e7eb;
}
.RequisitionFooter {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.RequisitionFooter > div {
  border-top: 1px dashed #e2e7eb;
  margin: 0;
  padding: 20px;
  width: 100%;
}
.RequisitionFooter button {
  min-width: 260px;
}
button.RequisitionFooter__skip {
  min-width: 0;
  margin-right: 20px;
}
.RequisitionError {
  padding: 60px 20px;
  text-align: center;
}
.RequisitionError__content {
  max-width: 600px;
  margin: 0 auto;
}
.RequisitionError__icon {
  color: #eb5252;
  font-size: 28px;
  margin-bottom: 20px;
}
.RequisitionError h3 {
  margin-bottom: 10px;
}
.RequisitionStartOverlay {
  text-align: left;
}
.RequisitionStartOverlay h2 {
  font-weight: bold;
  line-height: 1.2;
  font-size: 24px;
}
.RequisitionStartOverlay__box {
  padding: 0;
}
.RequisitionStartOverlay__main {
  padding: 12px;
}
.RequisitionStartOverlay__footer {
  text-align: right;
  padding: 12px;
  background: #f9fafb;
  border-top: 1px solid #e2e7eb;
}
.RequisitionStartOverlay__items {
  margin-top: 12px;
}
.RequisitionStartOverlay__item {
  border-top: 1px solid #e2e7eb;
  padding: 8px 22px 8px 12px;
  cursor: pointer;
  margin: 0 -12px;
  font-size: 16px;
}
.RequisitionStartOverlay__item:hover {
  background: #f4f8fe;
}
.RequisitionStartOverlay__item.RequisitionStartOverlay__item__disabled {
  color: #8a939b;
  cursor: default;
}
.RequisitionStartOverlay__item.RequisitionStartOverlay__item__disabled:hover {
  background: none;
}
.RequisitionStartOverlay__item-name {
  display: inline-block;
  font-weight: 600;
}
.RequisitionStartOverlay__titles {
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-size: 14px;
  color: #8a939b;
  margin-bottom: 4px;
  height: 24px;
}
.RequisitionStartOverlay__submit {
  width: 280px;
  display: inline-block;
}
.rNotificationsTimeline__filterButton {
  position: absolute;
  z-index: 2;
}
.rNotificationsTimeline__moreActions {
  z-index: 1000;
}
.rNotificationsTimeline__action {
  padding: 5px;
}
.rNotificationsTimeline__action:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #f4f8fe;
}
.rNotificationsTimeline__removeRow {
  background: #f9fafb;
  border: 1px solid #e2e7eb;
  padding: 12px;
  margin-bottom: 10px;
  font-size: 16px;
}
.rNotificationsTimeline__leftContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.rNotificationsTimeline__logoContainer {
  min-height: 60px;
  margin-top: 15px;
}
.rNotificationsTimeline__logo {
  max-height: 80px;
  max-width: 100%;
  padding: 5px;
}
.rNotificationsTimeline__savingsContainer {
  min-height: 60px;
}
.rNotificationsTimeline__savingsLabel {
  font-size: 15px;
  line-height: 18px;
}
.rNotificationsTimeline__col {
  height: 100%;
  width: 100%;
}
.rNotificationsTimeline__image {
  background-size: contain !important;
  width: 100%;
  max-height: 100%;
  display: block;
}
.rNotificationsTimeline__box {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.rNotificationsTimeline__content {
  position: relative;
  width: 20px;
  height: 150%;
}
.rNotificationsTimeline__slant {
  background: white;
  position: absolute;
  top: -20px;
  left: -30px;
  right: 0;
  bottom: -350px;
  transform: rotate(10deg);
}
.rNotificationsTimeline__container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.rNotificationsTimeline__row {
  height: 100%;
  background-color: white;
  border: 1px solid #e2e7eb;
}
.rNotificationsTimeline__messageRow {
  border-top: none;
}
.rNotificationsTimeline__viewAll {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 10px;
  font-size: 16px;
  font-weight: 600;
}
.rNotificationsTimeline__breakdownRow {
  margin: 4px 0px;
}
.rNotificationsTimeline__paginator {
  margin-bottom: 100px;
}
.rNotificationsTimeline__list {
  margin-top: -100px;
  border-radius: 3px;
  max-width: 800px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  background-color: white;
  padding-left: 0;
  padding-right: 0;
}
.rNotificationsTimeline__list__contentBox {
  padding-left: 20px;
}
.rNotificationsTimeline__list .entry-line {
  position: relative;
  height: 30px;
}
.rNotificationsTimeline__list .exit-line {
  position: relative;
  height: 50px;
}
.rNotificationsTimeline__list__month {
  position: relative;
  text-align: right;
}
.rNotificationsTimeline__list__dot {
  left: 139px;
  top: 9px;
  position: absolute;
  height: 8px;
  border-radius: 50%;
  color: #8a939b;
}
.rNotificationsTimeline__list__content {
  width: 120px;
  font-size: 16px;
  color: #8a939b;
}
.rNotificationsTimeline__list .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.rNotificationsTimeline__list__empty {
  padding: 50px;
}
.rNotificationsTimeline__listMessage__row {
  position: relative;
  padding: 20px 0;
}
.rNotificationsTimeline__listMessage__row .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 145px;
  border-right: 1px solid #b8c4ce;
}
.rNotificationsTimeline__listMessage__date {
  color: #b8c4ce;
  font-size: 10px;
  padding-top: 2px;
}
.rNotificationsTimeline__listMessage__description {
  color: #8a939b;
  font-size: 16px;
  margin-top: 8px;
  width: 90%;
}
.rNotificationsTimeline__listMessage__dismiss {
  width: 10%;
}
.rNotificationsTimeline__listMessage__leftCol {
  position: relative;
}
.rNotificationsTimeline__listMessage__content {
  max-width: 600px;
  padding-left: 15px;
}
.rNotificationsTimeline__listMessage__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 0 0 3px #4f8cf1;
  color: #4f8cf1;
}
.rNotificationsTimeline__listMessage__dot.PRIMARY {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.rNotificationsTimeline__listMessage__dot.PRIMARY {
  box-shadow: 0 0 6px #4f8cf1;
  color: #4f8cf1;
}
.rNotificationsTimeline__listMessage__dot.DEFAULT {
  box-shadow: 0 0 6px #e2e7eb;
  color: #e2e7eb;
}
.rNotificationsTimeline__listMessage__dot.DEFAULT {
  box-shadow: 0 0 6px #e2e7eb;
  color: #e2e7eb;
}
.rNotifications__iconNotification {
  position: relative;
}
.rNotifications__iconUnread {
  position: absolute;
  top: 19px;
  right: 12px;
  color: #fff;
  height: 18px;
  text-align: center;
  min-width: 18px;
  font-size: 14px;
  line-height: 16px;
  background: #4f8cf1;
  border-radius: 10px;
  padding: 0 3px;
  font-weight: bold;
  vertical-align: top;
}
.rNotifications__iconBell {
  position: absolute;
}
.rNotifications__dropdownItem {
  padding: 10px 20px 10px 20px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  transition: background 0.2s;
}
.rNotifications__dropdownItem h5 {
  line-height: 1.2;
  font-weight: 600;
  max-width: 300px;
}
.rNotifications__dropdownItem__empty {
  text-align: center;
  font-size: 14px;
  padding: 20px;
  font-style: italic;
}
.rNotifications__dropdownItem__dateTitle {
  padding: 10px 0 5px 20px;
  font-size: 16px;
  font-weight: 600;
}
.rNotifications__dropdownItem__notificationsTitle {
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 10px 0;
  border-bottom: 2px solid;
}
.rNotifications__dropdownItem__notificationsMainActions {
  padding-right: 20px;
}
.rNotifications__dropdownItem__notificationsTop {
  padding-left: 20px;
  border-bottom: 1px solid #e2e7eb;
}
.rNotifications__dropdownItem__notificationsUnread {
  font-size: 18px;
  font-weight: 800;
  padding-top: 10px;
}
.rNotifications__dropdownItem__notificationsUnread__text {
  color: #4f8cf1;
  padding: 0 10px 0 10px;
}
.rNotifications__dropdownItem p {
  font-size: 15px;
}
.rNotifications__dropdownItem:hover {
  text-decoration: none;
  background-color: #f4f8fe;
}
.rNotifications__dropdownItem__unread {
  background-color: #f4f8fe;
}
.rNotifications__dropdownItem__unread:hover {
  text-decoration: none;
  background-color: #dfeafc;
}
.rNotifications__paginator {
  padding: 5px 10px;
  font-size: 15px;
  background-color: #eff2f4;
  border-top: 2px solid #e2e7eb;
  cursor: pointer;
  transition: background 0.2s;
}
.rNotifications__paginator__hideLoading {
  display: none;
}
.rNotifications__paginator:hover {
  text-decoration: none;
  background-color: #e2e7eb;
}
.rNotifications__paginatorEnd {
  padding: 5px 10px;
  font-size: 15px;
  background-color: #f9fafb;
  border-top: 2px solid #e2e7eb;
  color: #b8c4ce;
}
.rNotifications__paginatorEnd__hideLoading {
  display: none;
}
.rNotifications__dropdownBox {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  min-width: 500px;
}
.rNotifications__middot {
  font-size: 30px;
}
.rNotifications__notificationsType {
  font-weight: 600;
  font-size: 13px;
}

@media print {
  @page {
    size: 348mm 450mm;
    margin: 14mm;
  }
  .body-container {
    width: 1200px;
  }
  .rContainer__outer > .rContainer {
    box-sizing: initial;
    display: initial;
    -ms-flex: initial;
    flex: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    margin-right: initial;
    margin-left: initial;
  }
  .DiscussBrowse {
    overflow: visible !important;
    display: block !important;
  }
  .rHeader {
    background: none;
  }
  .rHeader__item--link,
  .rHeader__search,
  .rHeaderMobile,
  .rCart__sidebar,
  .rCartSupplierBar,
  .fb-row.rCartSupplierBar,
  .Checkout__headerButtons,
  .Cart__itemActions {
    display: none;
  }
  img.rHeader__logo,
  img.rHeaderMobile__logo {
    display: inline-block;
    margin-top: 20px;
  }
}
@media print {
  .hidden-print {
    display: none;
  }
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
.Accounts--Body {
  background: white;
}
.Accounts--Root {
  /* Set font-weight to normal since it is set to lighten in Vetcove root */
}
.Accounts--Root h1 {
  font-weight: bold;
}
.Accounts--Root h2 {
  font-weight: normal;
}
.Accounts--Root h3 {
  font-weight: normal;
}
.Accounts--Root h4 {
  font-weight: normal;
}
.Accounts--Root h5 {
  font-weight: normal;
}
.Accounts--Root h6 {
  font-weight: normal;
}
.Accounts--Root__body {
  max-width: 800px;
  padding: 0;
}
.Accounts--header {
  padding: 10px 20px 0;
}
.Accounts--header__item {
  display: inline-block;
  font-size: 18px;
  color: inherit;
  margin: 10px 0;
  padding: 5px 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: opacity 0.2s;
}
.Accounts--header__img {
  max-height: 40px;
}
.Accounts--header__img:hover {
  cursor: pointer;
}
.Accounts--header__link {
  margin-left: 5px;
}
.Accounts--header__link:hover {
  opacity: 0.5;
  cursor: pointer;
  text-decoration: none;
}
.Accounts--LicenseForm__buttons {
  margin-top: 10px;
  border-top: 1px solid #eaeaea;
  padding: 10px 0px;
}
.Accounts--LicenseForm__button {
  width: 100%;
}
.Accounts--Licenses__expired {
  color: #eb5252;
  display: inline;
}
.Accounts--Licenses__logo {
  display: inline;
  height: 40px;
  padding-left: 20px;
}
.Accounts--Addresses__unverifiedContainer {
  text-align: right;
  padding-top: 10px;
}
.Accounts--Addresses__unverified {
  color: #eb5252;
  display: inline;
}
.Accounts--AddressForm__address {
  border-radius: 3px;
  transition: background-color 0.3s;
}
.Accounts--AddressForm__address:hover {
  cursor: pointer;
  background-color: #eff8fd;
  border-color: #5cb8e6;
}
.Accounts--AddressForm__address.selected {
  background-color: #eff8fd;
  border: 1px solid #5cb8e6;
}
.Accounts--AddressForm__buttons {
  margin-top: 10px;
  border-top: 1px solid #eaeaea;
  padding: 10px 0px;
}
.Accounts--AddressForm__button {
  width: 100%;
}
.Accounts--CardsView__acceptedCards {
  margin-top: 10px;
  border: 1px solid #eaeaea;
}
.Accounts--CardsView__card {
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.Accounts--CardsView__cardLogo {
  margin-right: 10px;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  font-size: 60px;
  line-height: 1;
  color: #b8c4ce;
}
.Accounts--CardsView__error {
  color: #eb5252;
  font-weight: 600;
}
.Accounts--Profile__exemptIcon {
  color: #57c559;
  font-size: 16px;
  margin-right: 8px;
}
.Accounts--Profile__uploadContainer {
  height: 200px;
}
.Accounts--Profile__formOuter {
  padding-top: 15px;
}
.Accounts--Profile__formInner {
  padding: 4px 4px 4px 8px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
}
.Accounts--Profile__formInner a {
  transition: color 0.2s;
}
.Accounts--Profile__formInner a:hover {
  color: #3a68b2;
}
.Accounts--Profile__formInner .formIcon {
  margin-left: 4px;
  font-size: 11px;
}
.Accounts--Notifications__select {
  max-width: 200px;
}
.Accounts--SettingLayout__helper {
  padding: 20px;
  border-left: 1px solid #eaeaea;
  background-color: #f9fafb;
}
.Signup--FormPage {
  margin: 40px 10px;
}
.Signup--FormPage__title {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eaeaea;
}
.Signup--FormPage__steps {
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Signup--FormPage__steps .ant-steps-item-title {
  line-height: 24px;
}
.Signup--FormPage__perks {
  padding: 20px 0;
  border-bottom: 1px dashed #eaeaea;
}
.Signup--FormPage__perks__name {
  font-size: 18px;
}
.Signup--FormPage__perks__icon {
  color: #57c559;
  font-size: 16px;
}
.Signup-Stepper {
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.Signup-Stepper .ant-steps-item-title {
  line-height: 24px;
}
.Signup--Form__terms {
  margin-top: 10px;
}
.Signup--Form__buttons {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.Signup--Form__row {
  margin-top: 10px;
}
.Signup--Form__row__description {
  opacity: 0.5;
  text-align: left !important;
}
.Signup--Form__borderRow {
  border-bottom: 1px dashed #eaeaea;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.Signup--Form__alertContainer {
  padding: 0 10px 10px;
}
.Signup--Form__alertContainer p {
  padding-bottom: 10px;
  text-align: center;
}
.Signup--Form__alertContainer .leftButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 600px) {
  .Signup--Form__alertContainer .leftButton {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
.Signup--Form__alertContainer .rightButton {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 600px) {
  .Signup--Form__alertContainer .rightButton {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.Signup--Form__alertContainer-button {
  color: white;
}
.Signup--SpeciesSelect {
  border: 1px solid transparent;
  margin-top: 5px;
}
.Signup--SpeciesSelect:hover {
  cursor: pointer;
}
.Signup--SpeciesSelect__type {
  text-align: center;
  padding-top: 10px;
  transition: all 0.2s;
}
.Signup--SpeciesSelect__type__canine {
  background-color: #f2fafa;
  border: 1px solid #99d9d3;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__canine:hover {
  background-color: #e6f5f4;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__canine.selected {
  background-color: #ccece9;
  opacity: 1;
}
.Signup--SpeciesSelect__type__feline {
  background-color: #fbf7fb;
  border: 1px solid #dfbde2;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__feline:hover {
  background-color: #f7eff8;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__feline.selected {
  background-color: #efdef1;
  opacity: 1;
}
.Signup--SpeciesSelect__type__equine {
  background-color: #f7f6fa;
  border: 1px solid #c3bad9;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__equine:hover {
  background-color: #f0eef6;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__equine.selected {
  background-color: #e1dcec;
  opacity: 1;
}
.Signup--SpeciesSelect__type__bovine {
  background-color: #fbf6f6;
  border: 1px solid #e1b4b7;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__bovine:hover {
  background-color: #f8eced;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__bovine.selected {
  background-color: #f0d9db;
  opacity: 1;
}
.Signup--SpeciesSelect__type__porcine {
  background-color: #fff9f4;
  border: 1px solid #fbcfa4;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__porcine:hover {
  background-color: #fef3e8;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__porcine.selected {
  background-color: #fde7d2;
  opacity: 1;
}
.Signup--SpeciesSelect__type__avian {
  background-color: #f5f9fb;
  border: 1px solid #aecddd;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__avian:hover {
  background-color: #ebf3f6;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__avian.selected {
  background-color: #d7e6ee;
  opacity: 1;
}
.Signup--SpeciesSelect__type__exotic {
  background-color: #f5f9fb;
  border: 1px solid #aecddd;
  border-radius: 6px;
  opacity: 0.4;
}
.Signup--SpeciesSelect__type__exotic:hover {
  background-color: #ebf3f6;
  opacity: 0.8;
}
.Signup--SpeciesSelect__type__exotic.selected {
  background-color: #d7e6ee;
  opacity: 1;
}

/**
  Common imports to be used in LESS files.
  Since these are imported in many places, it is super important
  that no classNames are created here. These should just be variables and mixins.
*/
/* ==================================== *\
  Variables!
\* ==================================== */
/* ------------------------------------ *\
  Fonts!
\* ------------------------------------ */
/* ------------------------------------ *\
  Page Layout
\* ------------------------------------ */
/* ------------------------------------ *\
  Colors
\* ------------------------------------ */
/* ------------------------------------ *\
  Spacing
\* ------------------------------------ */
/** Standardized spacing variables, used to have consistent spacing for properties (margin/padding/gap/left/right...) */
/* ------------------------------------ *\
  Borders
\* ------------------------------------ */
/* ------------------------------------ *\
  Inputs
\* ------------------------------------ */
/* ------------------------------------ *\
  Shadows
\* ------------------------------------ */
/* ------------------------------------ *\
  Breakpoints
\* ------------------------------------ */
/* ------------------------------------ *\
    Miscellaneous
\* ------------------------------------ */
/* ------------------------------------ *\
    Custom media selectors

    Use like any media selector:
    @media @ie-only {
      font-size: 20px;
    }
\* ------------------------------------ */
/*------------------------------------*\
    Page Layout
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/*------------------------------------*\
    Borders
\*------------------------------------*/
/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
     Rounded Corners
\*------------------------------------*/
/*------------------------------------*\
     Gradients
\*------------------------------------*/
/*------------------------------------*\
     Animations
\*------------------------------------*/
/*------------------------------------*\
    Backgrounds
\*------------------------------------*/
/**
* Global Styles for the Vendor bundle
*/
.Vendor--Root {
  margin-bottom: 60px;
  /* Set font-weight to normal since it is set to lighten in Vetcove root */
}
.Vendor--Root h1 {
  font-weight: bold;
  letter-spacing: 0.25px;
}
.Vendor--Root h2 {
  font-weight: normal;
}
.Vendor--Root h3 {
  font-weight: normal;
}
.Vendor--Root h4 {
  font-weight: normal;
}
.Vendor--Root h5 {
  font-weight: normal;
}
.Vendor--Root h6 {
  font-weight: normal;
}
.Vendor--Root strong {
  font-weight: 600;
}
.Vendor--NavHeader {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.Vendor--NavHeader__outer {
  padding: 0 10px;
}
.Vendor--NavHeader__inner {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1520px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.Vendor--NavHeader__items {
  display: -ms-flexbox;
  display: flex;
  min-height: -moz-min-content;
  min-height: min-content;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
}
.Vendor--NavHeader__item {
  display: block;
  color: #6e767c;
  transition: all 200ms;
  font-size: 17px;
  font-weight: 400;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 16px 5px;
  white-space: nowrap;
}
.Vendor--NavHeader__item i {
  margin-right: 5px;
}
.Vendor--NavHeader__item.active {
  opacity: 1;
  border-color: #a7c6f8;
}
.Vendor--NavHeader__item:hover {
  opacity: 1;
  border-color: #4f8cf1;
  cursor: pointer;
  text-decoration: none;
  color: #555a5f;
}
.Vendor--NavHeader__item:not(:last-child) {
  margin-right: 50px;
}
.Vendor--Header__accountDropdownItem {
  display: block;
  transition: background 0.2s;
  color: #555a5f;
  font-size: 15px;
  padding: 8px 10px;
  cursor: pointer;
}
.Vendor--Header__accountDropdownItem:hover {
  text-decoration: none;
  background-color: #f4f8fe;
}
.Vendor--Header__profile {
  border-bottom: 1px solid #eaeaea;
  transition: background 0.2s;
  color: #555a5f;
  font-size: 15px;
  padding: 8px 10px;
  cursor: pointer;
}
.Vendor--Header__profile:hover {
  text-decoration: none;
  background-color: #f4f8fe;
}
.Vendor--Header__profile p {
  color: #a2acb5;
}
.Vendor--PageHeader .barnyard-MobileHeader {
  padding-bottom: 150px;
}
.Vendor--Tutorial .barnyard-calendly__outer {
  background-color: #ffff;
}
.Vendor--Tutorial .barnyard-calendly__content {
  top: 45%;
}
.Vendor--Tutorial__description {
  max-width: 650px;
  text-align: center;
  margin: auto;
}
.Vendor--Tutorial__description h3 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 10px;
}
.Vendor--Tutorial__description p {
  font-size: 16px;
}
.Vendor--ProfileBox {
  padding: 0;
  text-align: center;
}
.Vendor--ProfileBox h2 {
  text-align: center;
  font-weight: 600;
}
.Vendor--ProfileBox__background {
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  height: 100px;
}
.Vendor--ProfileBox__header {
  height: 80px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  padding: 20px;
  margin-bottom: 10px;
  transition: background-color 2s;
}
.Vendor--ProfileBox h1 {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
}
.Vendor--ProfileBox__image {
  border-radius: 8px;
  margin-bottom: -50px;
  background: white;
  max-height: 60px;
  padding: 6px 20px;
}
.Vendor--ProfileBox__content {
  padding: 12px;
}
/************ Main Header styles ***************/
.Campaigns--Header {
  padding: 20px 12px;
  padding-right: 0;
}
.Campaigns--Header h1 {
  font-weight: bold;
}
.Campaigns--CampaignHeader__message {
  border: 1px solid #eaeaea;
  border-bottom: 0;
  font-size: 16px;
}
/************ The Two pane layout styles ***************/
.Campaigns--TwoPaneSidebar {
  height: 100%;
}
/************ The Two pane box layout styles ***************/
.Campaigns--TwoPaneBox {
  min-height: 700px;
  display: -ms-flexbox;
  display: flex;
}
.Campaigns--TwoPaneBox__left {
  border-right: 2px dashed #eaeaea;
  padding-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.Campaigns--TwoPaneBox__left hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #eaeaea;
}
.Campaigns--TwoPaneBox__right {
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.Campaigns--TwoPaneBox__right hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #eaeaea;
}
/************ The Top bar styles ***************/
.Campaigns--CamapignTopBar {
  margin-bottom: 20px;
  min-height: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Campaigns--CamapignTopBar hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #eaeaea;
}
.Campaigns--CamapignTopBar div {
  margin: 0;
}
/************ The Sidebar Campaign details styles ***************/
.Campaigns--CampaignDetailsSidebar {
  padding: 0;
  margin-bottom: 20px;
  overflow-wrap: break-word;
}
.Campaigns--CampaignDetailsSidebar h2 {
  text-align: center;
  padding: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.Campaign--CampaignStatusProgress__text {
  text-align: center;
  text-transform: uppercase;
}
.Campaign--CampaignStatusProgress__text h4 {
  font-weight: normal;
  letter-spacing: 1px;
}
.Campaign--CampaignStatusProgress__text h6 {
  line-height: 1em;
  letter-spacing: 0.6px;
  font-size: 12px;
}
.Campaign--CampaignStatusProgress__status {
  margin-top: 30px;
  margin-bottom: 20px;
}
.Campaign--CampaignStatusProgress__dots {
  font-size: 10px;
  margin-top: -8px;
  text-align: center;
}
.Campaign--CampaignStatusProgress__line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #eaeaea;
}
/************ Header Action styles ***************/
.Campaigns--HeaderAction {
  color: #7f919e;
  transition: color 0.2s;
  font-size: 16px;
  font-weight: 600;
}
.Campaigns--HeaderAction:hover {
  cursor: pointer;
  color: #4f5e68;
}
.Campaigns--HeaderAction .title {
  margin-left: 5px;
}
/************ The Create Overlay styles ***************/
.Campaigns--CreateOverlay {
  width: 400px;
}
/************ The titled checkbox styles ***************/
.Campaigns--TitledCheckBox {
  margin-bottom: 20px;
  position: relative;
  padding: 12px 12px;
  color: #555a5f !important;
  transition: all 0.3s;
  border-radius: 3px;
}
.Campaigns--TitledCheckBox__stripe {
  transition: all 0.3s;
  height: calc(102%);
  width: 3px;
  position: absolute;
  left: 0;
  transform-origin: 0 50%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #eb5252;
}
.Campaigns--TitledCheckBox:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Campaigns--TitledCheckBox:hover .Campaigns--TitledCheckBox__stripe {
  transform: scaleX(2);
}
.Campaigns--TitledCheckBox.is_complete {
  border-left-color: #57c559;
}
.Campaigns--TitledCheckBox.is_complete .Campaigns--TitledCheckBox__stripe {
  background-color: #57c559;
}
.Campaigns--TitledCheckBox__iconCheck {
  font-size: 24px;
  color: #57c559;
}
.Campaigns--TitledCheckBox__iconTimes {
  font-size: 24px;
  color: #eb5252;
}
.Campaigns--TitledCheckBox__count {
  border-radius: 50%;
  background: #fafafa;
  border: 1px solid #dfdfdf;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-left: 10px;
  margin-right: 20px;
  color: #888;
  font-weight: 600;
}
.Campaigns--TitledCheckBox__text h4 {
  font-size: 20px;
}
.Campaigns--TitledCheckBox__text h5 {
  font-weight: normal;
  color: #b8c4ce;
}
/************ Audience Actions buttons styles ***************/
.Campaigns--AudienceActions a {
  color: #7f919e;
  font-size: 16px;
  font-weight: 600;
}
.Campaigns--AudienceActions a.active {
  color: white;
}
.Campaigns--AudienceActions a:hover {
  cursor: pointer;
}
.Campaigns--AudienceActions a:not(.active):hover {
  color: #4f5e68;
}
/************ The Items Search View styles ***************/
.Campaigns--ItemSearchView {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 700px;
}
.Campaigns--ItemSearchView .searchActions {
  padding-top: 8px;
  margin: 0;
  font-size: 14px;
}
.Campaigns--ItemSearchView .searchActions .buttons {
  margin-top: 2px;
}
.Campaigns--ItemSearchView__list {
  padding: 0;
  border-bottom: 1px solid #eaeaea !important;
}
.Campaigns--ItemSearchView__search {
  border-bottom: 1px solid #eaeaea;
}
.Campaigns--ItemSearchView__empty {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  margin-top: 20px;
}
.Campaigns--ItemSearchView__counter {
  color: #6e767c;
}
.Campaigns--ItemSearchView__pagination {
  margin-top: 12px;
}
/************ The Search Item styles ***************/
.Campaign--TitleWithSearch {
  height: 38px;
  line-height: 38px;
}
.Campaigns--SearchItem .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.Campaigns--SearchItem .img img {
  max-width: 100%;
  max-height: 50px;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
}
.Campaigns--SearchItem .icon {
  font-size: 24px;
}
.Campaigns--SearchItem .icon:hover {
  cursor: pointer;
}
.Campaigns--SearchItem > svg {
  font-size: 24px;
}
.Campaigns--SearchItem .remove {
  color: #eb5252;
}
.Campaigns--SearchItem .remove:hover {
  color: #eb5252;
  cursor: pointer;
}
.Campaigns--FormItem {
  position: relative;
}
.Campaigns--FormItem .img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 5px;
}
.Campaigns--FormItem .img img {
  max-width: 100%;
  max-height: 50px;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
}
.Campaigns--FormItem .fire {
  color: #e91e63;
}
.Campaigns--FormItem > div {
  margin-bottom: 20px;
}
.Campaigns--FormItem .buttons {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px dashed #eaeaea;
}
.Campaigns--FormItem__closeButton {
  font-size: 20px;
  color: #eb5252;
  position: absolute;
  top: 5px;
  right: 5px;
}
.Campaigns--FormItem__closeButton:hover {
  cursor: pointer;
  color: #d81919;
}
/************ Create Entity Form styles ***************/
.Campaigns--CreateEntityForm__buttons {
  border-top: 1px solid #eaeaea;
  margin-top: 20px;
  padding-top: 10px;
}
/************ General form styles ***************/
.Campaigns--GeneralForm__inputs > div {
  margin-bottom: 20px;
}
.Campaigns--GeneralForm__inputs .helper_text {
  border-left: 2px solid #e5c380;
  padding-left: 5px;
  position: relative;
}
.Campaigns--GeneralForm__inputs .helper_text .blur {
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.Campaigns--GeneralForm__inputs .buttons {
  border-top: 1px dashed #eaeaea;
  padding-top: 10px;
}
/************ Offer Create form styles ***************/
.Campaigns--OfferCreate__inputs > div {
  margin-bottom: 20px;
}
.Campaigns--OfferCreate__inputs .helper_text {
  border-left: 2px solid #e5c380;
  padding-left: 5px;
  position: relative;
}
.Campaigns--OfferCreate__inputs .helper_text .blur {
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.Campaigns--OfferCreate__inputs .buttons {
  border-top: 1px dashed #eaeaea;
  padding-top: 10px;
}
/************ Create Entity Form styles ***************/
.Campaign--CampaignUpdateValues > div {
  margin-bottom: 20px;
}
.Campaign--CampaignUpdateValues .helper_text {
  border-left: 2px solid #e5c380;
  padding-left: 5px;
  position: relative;
}
.Campaign--CampaignUpdateValues .helper_text .blur {
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.Campaign--CampaignUpdateValues .buttons {
  border-top: 1px dashed #eaeaea;
  padding-top: 10px;
}
.Campaign--CampaignUpdateValues__addFamily {
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
  color: #8a939b;
  transition: color 0.2s;
  text-align: right;
}
.Campaign--CampaignUpdateValues__addFamily:hover {
  color: #6e767c;
}
/************ Rule Create form styles ***************/
.Campaigns--RuleCreate {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.Campaigns--RuleCreate__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex: 1;
      flex: 1;
}
.Campaigns--RuleCreate .help-text {
  text-align: center;
  font-size: 14px;
  color: #8a939b;
}
.Campaigns--RuleCreate__inputs > div {
  margin-bottom: 20px;
}
.Campaigns--RuleCreate__inputs .helper_text {
  border-left: 2px solid #e5c380;
  padding-left: 5px;
  position: relative;
}
.Campaigns--RuleCreate__inputs .helper_text .blur {
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.Campaigns--RuleCreate__inputs .buttons {
  border-top: 1px dashed #eaeaea;
  padding-top: 10px;
}
.Campaigns--RuleCreate__inputs p {
  text-align: center;
}
/************ Creative Update form styles ***************/
.Campaign--CreativeUpdate > div {
  margin-bottom: 20px;
}
.Campaign--CreativeUpdate .helper_text {
  border-left: 2px solid #e5c380;
  padding-left: 5px;
  position: relative;
}
.Campaign--CreativeUpdate .helper_text .blur {
  position: absolute;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.Campaign--CreativeUpdate .buttons {
  border-top: 1px dashed #eaeaea;
  padding-top: 10px;
}
/************ Gauge Styles for Audience Preview ***************/
.Campaigns--RulePreviewAudienceCount {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 16px;
  position: relative;
}
.Campaigns--RulePreviewAudienceCount::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: white;
  z-index: 1;
}
.Campaigns--RulePreviewAudienceCount canvas {
  z-index: 1;
  position: relative;
}
.Campaigns--RulePreviewAudienceCount__loading {
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
}
.Campaigns--RulePreviewAudienceCount__description div {
  display: inline-block;
}
.Campaigns--RulePreviewAudienceCount__description h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 0;
}
.Campaigns--RulePreviewAudienceCount__description p {
  font-size: 16px;
}
.Campaigns--RulePreviewAudienceCount__description--high {
  color: #e5c380;
}
.Campaigns--RulePreviewAudienceCount__description--low {
  color: #eb5252;
}
.Campaigns--RulePreviewAudienceCount__description--valid {
  color: #57c559;
}
.Campaigns--RulePreviewAudienceCount__description--invalid {
  color: #5cb8e6;
}
.Campaigns--RuleAudienceCount__icon {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.Campaigns--RuleAudienceCount__icon--high {
  color: #e5c380;
}
.Campaigns--RuleAudienceCount__icon--low {
  color: #eb5252;
}
.Campaigns--RuleAudienceCount__icon--good {
  color: #57c559;
}
.Campaigns--RuleAudienceCount__errorIcon {
  color: #eb5252;
  font-size: 16px;
}
/************ Campaign Overview Styles ****************/
.Campaign--Empty {
  padding: 100px;
  text-align: center;
}
.Campaign--CampaignListItem {
  padding: 10px 20px;
  color: #555a5f;
  margin-bottom: 20px;
  transition: all 0.3s;
  position: relative;
  border-left: 0;
}
.Campaign--CampaignListItem__stripe {
  transition: all 0.3s;
  height: calc(102%);
  width: 3px;
  position: absolute;
  left: 0;
  transform-origin: 0 50%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 5px;
}
.Campaign--CampaignListItem__image {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.Campaign--CampaignListItem__image-container {
  padding-right: 24px;
  border-right: 1px solid #eeeeee;
}
.Campaign--CampaignListItem__icon {
  width: 160px;
  text-align: center;
  border-right: 1px solid #eaeaea;
}
.Campaign--CampaignListItem__link {
  text-align: center;
  transition: transform 150ms ease-in-out;
  color: #b8c4ce;
  padding-right: 20px;
}
.Campaign--CampaignListItem h2 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Campaign--CampaignListItem h4 {
  font-weight: normal;
  font-size: 24px;
}
.Campaign--CampaignListItem h5 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #6e767c;
}
.Campaign--CampaignListItem h5 em {
  color: #b8c4ce;
}
.Campaign--CampaignListItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Campaign--CampaignListItem:hover .Campaign--CampaignListItem__link {
  transform: translateX(6px);
}
.Campaign--CampaignListItem:hover .Campaign--CampaignListItem__stripe {
  transform: scaleX(2);
}
/*********** Analytics Styles **************/
.Campaign--Analytics {
  margin-top: 20px;
}
.Campaign--Analytics h2 {
  font-weight: 600;
  margin: 18px 8px 18px 0;
  font-size: 24px;
}
.Campaign--Analytics h3 {
  font-weight: 600;
  font-size: 18px;
}
.Campaign--Analytics .Campaign--ChartContainer {
  max-width: 99%;
  margin-top: 16px;
}
.Campaign--Analytics .Campaign--ListItem {
  margin-bottom: 24px;
}
.Campaign--Analytics .Campaign--ListItem h4 {
  font-weight: normal;
}
.Campaign--Analytics .Campaign--ListItem:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px dashed #eaeaea;
}
.Campaign--Analytics .Campaign--OfferListItem strong {
  text-transform: capitalize;
  font-weight: 600;
}
.Campaign--Analytics .Campaign--OfferListItem:not(:last-child) {
  margin-bottom: 12px;
}
.Campaign--Analytics .Campaign--AnalyticsAudienceDetails h5 {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.Campaign--Analytics .Campaign--AnalyticsAudienceDetails ul {
  margin-bottom: 8px;
}
.Campaigns--MiscellaneousView .value {
  text-align: right;
}
.Campaign--ProgressBarItem__numbers {
  color: #5969e2;
  -ms-flex: none;
      flex: none;
}
.Campaign--ProgressBarItem__percent {
  color: #8a939b;
}
.Campaign--ProgressBarItem__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 400px;
  display: block;
}
.Campaign--ProgressBarItem__content,
.Campaign--ProgressBarItem__titles {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.Campaign--ProgressBarItem__main {
  min-width: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.Campaign--ProgressBarItem__image {
  margin-right: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #eaeaea;
}
.Campaign--ProgressBarItem__image--supply {
  border: none;
  background-size: contain;
  border-radius: 3px;
  width: 80px;
  margin-right: 20px;
}
/*********** Status Colors ***********/
@keyframes CREATED--pulse {
  from {
    box-shadow: #eb5252;
  }
  50% {
    box-shadow: 0 0 15px #eb5252;
  }
  to {
    box-shadow: #eb5252;
  }
}
.Campaign--Status--CREATED {
  transition: all 200ms;
  color: #eb5252;
}
.Campaign--Status--CREATED:hover {
  background-color: #fdeeee;
}
.Campaign--Status--CREATED--active {
  background-color: #fdf1f1;
}
.Campaign--Status--CREATED--text {
  color: #eb5252;
  letter-spacing: 1px;
}
.Campaign--Status--CREATED--border {
  background-color: #eb5252;
}
.Campaign--Status--CREATED--dot {
  color: #f5a9a9;
}
.Campaign--Status--CREATED--dot--active {
  color: #eb5252;
  border-radius: 14px;
  animation-name: CREATED--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes STAGING--pulse {
  from {
    box-shadow: #eb5252;
  }
  50% {
    box-shadow: 0 0 15px #eb5252;
  }
  to {
    box-shadow: #eb5252;
  }
}
.Campaign--Status--STAGING {
  transition: all 200ms;
  color: #eb5252;
}
.Campaign--Status--STAGING:hover {
  background-color: #fdeeee;
}
.Campaign--Status--STAGING--active {
  background-color: #fdf1f1;
}
.Campaign--Status--STAGING--text {
  color: #eb5252;
  letter-spacing: 1px;
}
.Campaign--Status--STAGING--border {
  background-color: #eb5252;
}
.Campaign--Status--STAGING--dot {
  color: #f5a9a9;
}
.Campaign--Status--STAGING--dot--active {
  color: #eb5252;
  border-radius: 14px;
  animation-name: STAGING--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes IN_PROGRESS--pulse {
  from {
    box-shadow: #e0c437;
  }
  50% {
    box-shadow: 0 0 15px #e0c437;
  }
  to {
    box-shadow: #e0c437;
  }
}
.Campaign--Status--IN_PROGRESS {
  transition: all 200ms;
  color: #e0c437;
}
.Campaign--Status--IN_PROGRESS:hover {
  background-color: #fcf9eb;
}
.Campaign--Status--IN_PROGRESS--active {
  background-color: #fdfaef;
}
.Campaign--Status--IN_PROGRESS--text {
  color: #e0c437;
  letter-spacing: 1px;
}
.Campaign--Status--IN_PROGRESS--border {
  background-color: #e0c437;
}
.Campaign--Status--IN_PROGRESS--dot {
  color: #f0e29b;
}
.Campaign--Status--IN_PROGRESS--dot--active {
  color: #e0c437;
  border-radius: 14px;
  animation-name: IN_PROGRESS--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes ACTIVE--pulse {
  from {
    box-shadow: #e0c437;
  }
  50% {
    box-shadow: 0 0 15px #e0c437;
  }
  to {
    box-shadow: #e0c437;
  }
}
.Campaign--Status--ACTIVE {
  transition: all 200ms;
  color: #e0c437;
}
.Campaign--Status--ACTIVE:hover {
  background-color: #fcf9eb;
}
.Campaign--Status--ACTIVE--active {
  background-color: #fdfaef;
}
.Campaign--Status--ACTIVE--text {
  color: #e0c437;
  letter-spacing: 1px;
}
.Campaign--Status--ACTIVE--border {
  background-color: #e0c437;
}
.Campaign--Status--ACTIVE--dot {
  color: #f0e29b;
}
.Campaign--Status--ACTIVE--dot--active {
  color: #e0c437;
  border-radius: 14px;
  animation-name: ACTIVE--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes COMPLETED--pulse {
  from {
    box-shadow: #57c559;
  }
  50% {
    box-shadow: 0 0 15px #57c559;
  }
  to {
    box-shadow: #57c559;
  }
}
.Campaign--Status--COMPLETED {
  transition: all 200ms;
  color: #57c559;
}
.Campaign--Status--COMPLETED:hover {
  background-color: #eef9ee;
}
.Campaign--Status--COMPLETED--active {
  background-color: #f2faf2;
}
.Campaign--Status--COMPLETED--text {
  color: #57c559;
  letter-spacing: 1px;
}
.Campaign--Status--COMPLETED--border {
  background-color: #57c559;
}
.Campaign--Status--COMPLETED--dot {
  color: #abe2ac;
}
.Campaign--Status--COMPLETED--dot--active {
  color: #57c559;
  border-radius: 14px;
  animation-name: COMPLETED--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes FINALIZED--pulse {
  from {
    box-shadow: #57c559;
  }
  50% {
    box-shadow: 0 0 15px #57c559;
  }
  to {
    box-shadow: #57c559;
  }
}
.Campaign--Status--FINALIZED {
  transition: all 200ms;
  color: #57c559;
}
.Campaign--Status--FINALIZED:hover {
  background-color: #eef9ee;
}
.Campaign--Status--FINALIZED--active {
  background-color: #f2faf2;
}
.Campaign--Status--FINALIZED--text {
  color: #57c559;
  letter-spacing: 1px;
}
.Campaign--Status--FINALIZED--border {
  background-color: #57c559;
}
.Campaign--Status--FINALIZED--dot {
  color: #abe2ac;
}
.Campaign--Status--FINALIZED--dot--active {
  color: #57c559;
  border-radius: 14px;
  animation-name: FINALIZED--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes DISABLED--pulse {
  from {
    box-shadow: #b8c4ce;
  }
  50% {
    box-shadow: 0 0 15px #b8c4ce;
  }
  to {
    box-shadow: #b8c4ce;
  }
}
.Campaign--Status--DISABLED {
  transition: all 200ms;
  color: #b8c4ce;
}
.Campaign--Status--DISABLED:hover {
  background-color: #f8f9fa;
}
.Campaign--Status--DISABLED--active {
  background-color: #f9fafb;
}
.Campaign--Status--DISABLED--text {
  color: #b8c4ce;
  letter-spacing: 1px;
}
.Campaign--Status--DISABLED--border {
  background-color: #b8c4ce;
}
.Campaign--Status--DISABLED--dot {
  color: #dce2e7;
}
.Campaign--Status--DISABLED--dot--active {
  color: #b8c4ce;
  border-radius: 14px;
  animation-name: DISABLED--pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
/*********** Status Filters **********/
.Campaign--StatusFilter {
  padding: 0;
}
.Campaign--StatusFilter__item {
  padding: 12px;
  text-align: center;
  cursor: pointer;
}
.Campaign--StatusFilter__item:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.Campaign--StatusFilter__count {
  font-size: 28px;
  font-weight: 600;
}
.Campaign--StatusFilter__status {
  font-size: 12px;
  letter-spacing: 1px;
  color: #6e767c;
}
.Campaign--StatusFilter__clear {
  padding: 12px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s;
}
.Campaign--StatusFilter__clear:hover {
  background: #f7fbfe;
}
/*********** Loading Wrapper Styles to display loading/error states **************/
.Campaign--LoadingWrapper {
  opacity: 1;
  transition: opacity 300ms;
}
.Campaign--LoadingWrapper--loading {
  opacity: 0.25;
}
.Campaign--LoadingWrapper__outer {
  position: relative;
}
.Campaign--LoadingWrapper__display {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
/*********** AudienceListItem styles **************/
.Campaigns--AudienceListItem {
  color: #555a5f !important;
}
.Campaigns--AudienceListItem__offers {
  margin-top: 2px;
}
.Campaigns--AudienceListItem__item {
  text-align: center;
  color: #7f919e !important;
}
.Campaigns--AudienceListItem__item:hover {
  cursor: pointer;
  color: #657885 !important;
}
.Campaigns--AudienceListItem__title {
  font-size: 16px;
  font-weight: 600;
}
.Campaigns--AudienceListItem__icon {
  font-size: 16px;
  font-weight: 600;
}
.Campaigns--AudienceListItem__count {
  font-size: 24px;
}
.Campaigns--AudienceListItem__count.setup {
  color: #57c559 !important;
}
.Campaigns--AudienceListItem__count.notsetup {
  color: #eb5252 !important;
}
.Campaigns--RuleItemBucketListItem {
  color: #555a5f !important;
}
.Campaigns--RuleItemBucketListItem__item {
  text-align: center;
}
.Campaigns--RuleItemBucketListItem__items {
  text-align: center;
  font-size: 24px;
}
.Campaigns--RuleItemBucketListItem__items.red {
  color: #eb5252;
}
.Campaigns--RuleItemBucketListItem__items.green {
  color: #57c559;
}
.Campaigns--RuleItemBucketListItem__name {
  text-align: center;
  text-transform: uppercase;
}
.Campaign--AnalyticsAudiencesView__clinicStats {
  color: #8a939b;
}
.Campaign--RightProgressBar .Campaign--ProgressBarItem__numbers {
  color: #e91e63;
}
.Campaigns--CampaignFamilyLinks__campaigns {
  background-color: white;
  position: relative;
  border-bottom: 1px solid #eff2f4;
}
.Campaigns--CampaignFamilyLinks__campaigns .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  border-right: 1px dashed #cdd6dd;
  z-index: 1;
}
.Campaigns--CampaignFamilyLinks__Campaign {
  position: relative;
  padding: 8px 0;
  padding-left: 5px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: all 200ms;
}
.Campaigns--CampaignFamilyLinks__Campaign .status {
  height: 100%;
  margin-right: 10px;
  z-index: 6;
}
.Campaigns--CampaignFamilyLinks__Campaign .status .dot {
  font-size: 16px;
  z-index: 6;
}
.Campaigns--CampaignFamilyLinks__Campaign:hover {
  background-color: #f4f8fe;
  border-top: 1px solid #dfeafc;
  border-bottom: 1px solid #dfeafc;
}
.Campaigns--CampaignFamilyLinks__Campaign:hover .name,
.Campaigns--CampaignFamilyLinks__Campaign:hover .dates,
.Campaigns--CampaignFamilyLinks__Campaign:hover .statusText,
.Campaigns--CampaignFamilyLinks__Campaign:hover .link {
  opacity: 0.8;
}
.Campaigns--CampaignFamilyLinks__Campaign.active {
  background-color: #f4f8fe;
  border-top: 1px solid #dfeafc;
  border-bottom: 1px solid #dfeafc;
}
.Campaigns--CampaignFamilyLinks__Campaign.active .name,
.Campaigns--CampaignFamilyLinks__Campaign.active .dates,
.Campaigns--CampaignFamilyLinks__Campaign.active .statusText,
.Campaigns--CampaignFamilyLinks__Campaign.active .link {
  opacity: 1;
}
.Campaigns--CampaignFamilyLinks__Campaign .link {
  opacity: 0.6;
}
.Campaigns--CampaignFamilyLinks__Campaign .name {
  font-size: 16px;
  font-weight: 600;
  color: #6e767c;
  opacity: 0.6;
}
.Campaigns--CampaignFamilyLinks__Campaign .dates {
  color: #a2acb5;
  opacity: 0.6;
}
.Campaigns--CampaignFamilyLinks__Campaign .statusText {
  opacity: 0.6;
}
.Campaigns--CampaignFamilyLinks__Campaign .statusText--CREATED,
.Campaigns--CampaignFamilyLinks__Campaign .statusText--STAGING {
  color: #eb5252;
}
.Campaigns--CampaignFamilyLinks__Campaign .statusText--ACTIVE {
  color: #e0c437;
}
.Campaigns--CampaignFamilyLinks__Campaign .statusText--COMPLETED,
.Campaigns--CampaignFamilyLinks__Campaign .statusText--FINALIZED {
  color: #57c559;
}
/************ The Vendor Search styles ***************/
.VendorSearch__results {
  border-bottom: 0;
  padding-top: 0;
}
.VendorSearch__header {
  padding: 20px;
  background: #eef2f4;
}
.VendorSearch__resultLabel {
  max-width: 100px;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 15px;
  padding-right: 30px;
}
.VendorSearch__count {
  font-size: 16px;
  padding-left: 24px;
  border-bottom: 0;
}
.VendorSearch__pagination {
  border-top: 0;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.VendorSearch__result {
  background-color: white;
  cursor: pointer;
  padding: 20px 5px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  color: #555;
  font-size: 16px;
  transition: all 0.2s ease;
  border-bottom: 1px solid #eaeaea;
}
.VendorSearch__result:hover {
  color: #555;
  text-decoration: none;
  background: #f8f8f8;
  border: 1px solid #eaeaea;
  border-top: 1px solid transparent;
}
.VendorSearch__result h2 {
  font-weight: normal;
  font-size: 20px;
  color: #2e9fff;
  line-height: 1.3;
  padding-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorSearch__result h2:hover {
  text-decoration: underline;
}
.VendorSearch__result .highlighted {
  font-weight: 600;
  color: #333;
  background: none;
}
@media (max-width: 900px) {
  .VendorSearch__result {
    display: block;
  }
  .VendorSearch__result .VendorSearch__resultLabel {
    margin-bottom: 10px;
    padding-left: 0;
  }
  .VendorSearch__result .VendorSearch__header {
    padding: 10px;
  }
}
.Creatives--Preview {
  margin: auto;
  position: relative;
  max-width: 650px;
  transition: all 0.3s;
  padding: 0;
}
.Creatives--Preview__content {
  transition: opacity 0.2s;
  margin: 0;
  text-align: left;
}
.Creatives--Preview:hover .Creatives--Preview__content {
  opacity: 0.3;
  cursor: not-allowed;
}
.Creatives--Preview__previewText {
  transition: visibility 0.2s;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: 600;
  color: #00000091;
  font-size: 46px;
  white-space: nowrap;
}
.Creatives--Preview:hover .Creatives--Preview__previewText {
  z-index: 2;
  visibility: visible;
}
.Creatives--Preview__markdown {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.Creatives--Preview__markdown img {
  max-width: 600px;
  display: block;
}
.Creatives--Preview__video_container {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.Creatives--Preview__video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.Creatives--Preview__video__timer {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
  background-color: rgba(255, 255, 255, 0.9);
}
.Creatives--Create__inputs > div {
  margin-bottom: 8px;
}
.Creatives--Heading__menu {
  background-color: white;
}
.Creatives--CreativeListItem {
  position: relative;
  padding: 0;
  transition: all 0.3s;
  overflow: hidden;
}
.Creatives--CreativeListItem__sizer {
  height: 200px;
}
.Creatives--CreativeListItem__text {
  position: relative;
  z-index: 2;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.Creatives--CreativeListItem__title {
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Creatives--CreativeListItem__info {
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
}
.Creatives--CreativeListItem__img {
  transition: all 0.3s;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: white;
  background-position: center center;
  background-size: cover;
}
.Creatives--CreativeListItem__icon {
  background-color: #4f8cf1;
  color: white;
  font-size: 12px;
  width: 38px;
  height: 38px;
  border-radius: 32px;
  display: block;
  transition: all 0.3s;
  position: relative;
}
.Creatives--CreativeListItem__icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Creatives--CreativeListItem__icon-container {
  z-index: 3;
  position: absolute;
  top: 6px;
  right: 6px;
}
.Creatives--CreativeListItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Creatives--CreativeListItem:hover .Creatives--CreativeListItem__icon {
  transform: scale(1.1);
}
.Creatives--CreativeListItem:hover .Creatives--CreativeListItem__img {
  transform: scale(1.05);
}
.Creative--Kind--VIDEO {
  transition: all 200ms;
  color: #e91e63;
}
.Creative--Kind--VIDEO:hover {
  background-color: #fde9ef;
}
.Creative--Kind--VIDEO--active {
  background-color: #fdedf3;
}
.Creative--Kind--VIDEO--icon {
  background-color: #e91e63;
}
.Creative--Kind--STATIC {
  transition: all 200ms;
  color: #4f8cf1;
}
.Creative--Kind--STATIC:hover {
  background-color: #edf4fe;
}
.Creative--Kind--STATIC--active {
  background-color: #f1f6fe;
}
.Creative--Kind--STATIC--icon {
  background-color: #4f8cf1;
}
.Creative--Kind--NONE {
  transition: all 200ms;
  color: #68d0e3;
}
.Creative--Kind--NONE:hover {
  background-color: #f0fafc;
}
.Creative--Kind--NONE--active {
  background-color: #f3fbfd;
}
.Creative--Kind--NONE--icon {
  background-color: #68d0e3;
}
/************ The Top bar styles ***************/
.Buyers--BuyerTopBar {
  margin-bottom: 20px;
  min-height: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Buyers--BuyerTopBar hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #eaeaea;
}
.Buyers--BuyerTopBar div {
  margin: 0;
}
/************ The Sidebar Buyer details styles ***************/
.Buyers--BuyerDetailsSidebar {
  padding: 0;
  margin-bottom: 20px;
  min-height: 120px;
}
.Buyers--BuyerDetailsSidebar__map {
  height: 250px;
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  position: relative;
  border-top: 2px solid #eaeaea;
}
.Buyers--BuyerDetailsSidebar__map-icon {
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #4f8cf1;
  border: 2px solid white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.Buyers--BuyerDetailsSidebar__map-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.Buyers--BuyerDetailsSidebar__map-tags {
  position: absolute;
  bottom: 4px;
  left: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.Buyers--BuyerDetailsSidebar__map-tag {
  margin-right: 4px;
  margin-top: 4px;
  font-weight: 600;
}
.Buyers--BuyerDetailsSidebar__animal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: -25px;
  position: relative;
  z-index: 3;
}
.Buyers--BuyerDetailsSidebar__animal-icon {
  border-radius: 50px;
  border: 2px solid #eaeaea;
}
.Buyers--BuyerDetailsSidebar__content {
  padding: 12px;
}
.Buyers--BuyerDetailsSidebar__content-icon {
  margin-right: 4px;
}
.Buyers--BuyerDetailsSidebar__content h2 {
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
}
.Buyers--BuyerDetailsSidebar__content h3 {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
}
.Buyers--BuyerDetailsSidebar__stats {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
}
.Buyers--BuyerDetailsSidebar__stats h4,
.Buyers--BuyerDetailsSidebar__stats h5 {
  line-height: 1;
  font-size: 16px;
  margin-bottom: 6px;
}
.Buyers--BuyerDetailsSidebar__stats h5 {
  text-transform: uppercase;
}
/************ Loading Wrapper styles ***************/
.Buyers--LoadingWrapper {
  opacity: 1;
  transition: opacity 300ms;
}
.Buyers--LoadingWrapper__loading {
  opacity: 0.25;
}
.Buyers--LoadingWrapper__outer {
  position: relative;
}
.Buyers--LoadingWrapper__display {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.Buyers--Analytics__barChartContainer {
  max-width: 99%;
}
.Buyers--Analytics__showMoreLess {
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
}
.Buyers--Analytics__revenueBox {
  border-top: 1px dashed #eaeaea;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 40px;
}
.Buyers--Analytics__revenueBox--leftCol {
  border-right: 1px dashed #eaeaea;
  margin-top: 8px;
}
.Buyers--Analytics__revenueBox--rightCol {
  margin-top: 8px;
}
.Buyers--Analytics__revenueBox h2 {
  font-size: 2.5rem;
  color: #467bd4;
  font-weight: 400;
}
.Buyers--Analytics__revenueBreakdown__SuppliersCol {
  border-bottom: 1px dashed #eaeaea;
  margin-bottom: 20px;
  margin-right: 5px;
}
.Buyers--Analytics__revenueBreakdown__ProductsCol {
  border-bottom: 1px dashed #eaeaea;
  margin-bottom: 20px;
  margin-left: 5px;
}
.Buyers--Analytics__progressBarItem {
  color: #555a5f;
  margin-bottom: 30px;
}
.Buyers--Analytics__progressBarItem:hover {
  color: #467bd4;
}
.Buyers--BuyerListItem {
  color: #555a5f;
  margin-bottom: 12px;
  transition: all 0.3s;
}
.Buyers--BuyerListItem__icon {
  transition: all 0.3s;
}
.Buyers--BuyerListItem__quickStats {
  text-align: right;
  margin-right: 40px;
  margin-top: auto;
  margin-bottom: auto;
}
.Buyers--BuyerListItem__divider {
  background-color: #eff2f4;
  height: 40px;
  width: 1px;
}
.Buyers--BuyerListItem h2 {
  font-size: 16px;
}
.Buyers--BuyerListItem h3 {
  text-transform: capitalize;
  color: #a2acb5;
  font-size: 14px;
}
.Buyers--BuyerListItem__stat {
  text-align: center;
}
.Buyers--BuyerListItem__stat h2 {
  font-size: 18px;
  color: #555a5f;
}
.Buyers--BuyerListItem__stat h3 {
  font-size: 16px;
  font-weight: 600;
  color: #555a5f;
}
.Buyers--BuyerListItem__stat h4 {
  font-size: 14px;
  color: #a2acb5;
}
.Buyers--BuyerListItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Buyers--BuyerListItem:hover .Buyers--BuyerListItem__icon {
  transform: scale(1.1);
}
.VendorProfileSettings {
  min-height: 800px;
}
.VendorProfileSettings__header {
  padding: 20px 12px;
  border-bottom: 1px solid #eaeaea;
}
.VendorProfileSettings__header h1 {
  font-weight: bold;
}
.VendorProfileSettings__content {
  padding: 16px;
}
.VendorProfileSettings__help {
  padding: 20px;
  max-width: 300px;
  background-color: #fafafa;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-left: 1px solid #eaeaea;
}
.VendorProfileSettings__emailSettings,
.VendorProfileSettings__passwordSettings {
  margin-bottom: 40px;
  max-width: 600px;
}
.VendorProfileSettings__error {
  margin: -6px -6px 10px -6px;
}
.VendorProfileSettings__error h4 {
  font-weight: 600;
}
.VendorProfileSettings__error p {
  max-width: 600px;
  margin: auto;
}
.VendorProfileSettings__paymentsTip {
  margin-top: 15px;
  padding: 0 16px;
}
.VendorProfileSettings__card {
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
}
.VendorProfileSettings__card__name {
  font-weight: 700;
}
.VendorProfileSettings__card__logo {
  margin-right: 10px;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  font-size: 60px;
  line-height: 1;
  color: #b8c4ce;
}
.VendorProfileSettings__card__delete {
  min-width: 150px;
}
.VendorProfileSettings__cardsImage {
  border: 1px solid #eaeaea;
  margin-top: 10px;
}
.VendorProfileSettings--StripeAccount__check {
  font-size: 18px;
  color: #57c559;
}
.VendorProfileSettings--StripeAccount__times {
  font-size: 18px;
  color: #eb5252;
}
.VendorProfileSettings--StripeAccount__rightCol {
  text-align: right;
}
.VendorProfileSettings--StripeAccount__row {
  padding: 12px 0;
  font-size: 16px;
  border-top: 1px dashed #eaeaea;
}
.VendorProfileSettings--StripeAccount__unsyncConfirm {
  max-width: 400px;
  text-align: center;
}
.VendorProfileSettings--StripeAccount__unsyncConfirm .ant-popover-title {
  font-weight: 600;
}
.VendorProfileSettings--StripeAccount__unsyncConfirm .barnyard-Popconfirm__content {
  margin: auto;
}
.VendorProfileSettings--StripeAccountSync {
  max-width: 600px;
}
.VendorProfileSettings--StripeAccountSync__cards {
  margin: 20px 0;
  padding: 0 20px;
}
.VendorProfileSettings--CardCreateForm h1 {
  text-align: center;
}
.VendorProfileSettings--CardCreateForm__fields {
  padding-bottom: 10px;
}
.VendorProfileSettings--CardCreateForm__buttons {
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.VendorProfileSettings--Ledger__tabs {
  padding-bottom: 20px;
}
.VendorProfileSettings--Ledger__tab {
  cursor: pointer;
}
.VendorProfileSettings--Ledger__balance {
  font-weight: 700;
  font-size: 28px;
  margin-left: 8px;
}
.VendorProfileSettings--Ledger__SubComponent {
  padding: 0 35px 10px 35px;
}
.VendorProfileSettings--Ledger__SubComponent__header {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  color: #555a5f;
}
.VendorProfileSettings--Ledger__SubComponent__info {
  font-size: 14px;
  padding-left: 15px;
  color: #6e767c;
}
.VendorProfileSettings--Ledger__SubComponent__icon {
  font-size: 13px;
}
.VendorProfileSettings--PaymentOverlay__overlay {
  width: 400px;
}
.VendorProfileSettings--PaymentOverlay h1 {
  text-align: center;
}
.VendorProfileSettings--PaymentOverlay__info {
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  text-align: center;
  padding: 10px 0;
  margin: 10px 0;
}
.VendorProfileSettings--PaymentOverlay__info p {
  color: #8a939b;
  margin: auto;
  max-width: 350px;
}
.VendorProfileSettings--PaymentOverlay__cardInfo {
  margin-top: 20px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #eaeaea;
}
.VendorProfileSettings--PaymentOverlay__card {
  padding: 10px;
  border-radius: 3px;
  background-color: #f9fafb;
  border: 1px solid #b8c4ce;
}
.VendorProfileSettings--PaymentOverlay__logo {
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  font-size: 42px;
  line-height: 1;
  color: #b8c4ce;
}
.VendorProfileSettings--PaymentOverlay__name {
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-weight: 600;
  color: #555a5f;
  letter-spacing: 0.5px;
}
.VendorProfileSettings--PaymentOverlay__expiration {
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  text-align: right;
  text-transform: uppercase;
  color: #999;
}
.VendorProfileSettings--PaymentOverlay__link {
  transition: color 0.5s;
  margin-bottom: 10px;
}
.VendorProfileSettings--PaymentOverlay__link:hover {
  color: #467bd4;
}
.VendorProfileSettings--PaymentForm__buttons {
  border-top: 1px solid #eaeaea;
  margin-top: 20px;
  padding-top: 10px;
}
.VendorProfileSettings--PaymentForm__error {
  text-align: center;
  font-weight: 600;
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.VendorProfileSettings--PaymentForm__error p {
  font-weight: 600;
  color: #eb5252;
  margin: auto;
  max-width: 350px;
}
.VendorProfileSettings--ReferralView {
  padding: 20px;
  background-color: #f4f8fe;
}
.VendorProfileSettings--ReferralView.barnyard-Table .ReactTable .rt-td {
  padding: 6px;
  font-size: 15px;
}
#map {
  width: 100%;
  height: 800px;
}
.Vendor--Analytics__DetailsSidebar {
  padding: 0;
  text-align: center;
}
.Vendor--Analytics__DetailsSidebar h2 {
  text-align: center;
  font-weight: 600;
}
.Vendor--Analytics__DetailsSidebar__background {
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  height: 100px;
}
.Vendor--Analytics__DetailsSidebar__header {
  height: 80px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  padding: 20px;
  margin-bottom: 40px;
  transition: background-color 2s;
}
.Vendor--Analytics__DetailsSidebar h1 {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
}
.Vendor--Analytics__DetailsSidebar__image {
  border-radius: 8px;
  margin-bottom: -50px;
  background: white;
  max-height: 100px;
  padding: 6px;
}
.Vendor--Analytics__DetailsSidebar__content {
  padding: 12px;
}
.Vendor--Analytics__mapWrapper {
  margin-top: 20px;
  margin-bottom: 50px;
}
.Vendor--Analytics__mapWrapper.hide {
  display: none;
}
.Vendor--Analytics__mapAnalytics {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eaeaea;
  overflow: hidden;
  position: relative;
}
.Vendor--Analytics__mapAnalytics__infoBox {
  opacity: 0.85;
  position: absolute;
  width: 100%;
  max-width: 1520px;
  bottom: 0;
  z-index: 3;
}
.Vendor--Analytics__mapAnalytics__mapInfo {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: 10px;
  pointer-events: none;
}
.Vendor--Analytics__mapAnalytics__radioGroup,
.Vendor--Analytics__mapAnalytics__resetButton {
  pointer-events: all;
}
.Vendor--Analytics__sideBar__productList {
  position: relative;
  background-color: white;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 10px;
}
.Vendor--Analytics__sideBar__showMoreLoader {
  position: absolute;
  right: 55px;
}
.Vendor--Analytics__revenueBreakdown__leftCol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px dashed #eaeaea;
  margin-right: 5px;
}
.Vendor--Analytics__revenueBreakdown__rightCol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px dashed #eaeaea;
  margin-left: 5px;
}
.Vendor--Analytics__revenueBreakdown__progressbar {
  margin-bottom: 30px;
  cursor: pointer;
}
.Vendor--Analytics__revenueBreakdown__progressbar .Campaign--ProgressBarItem:hover .Campaign--ProgressBarItem__title {
  transition: color 200ms;
  color: #467bd4;
}
.Vendor--Analytics__revenueAnalytics__tab {
  cursor: pointer;
}
.Vendor--Analytics__revenueAnalytics__tagsContainer {
  margin-top: 15px;
  margin-bottom: 15px;
}
.Vendor--Analytics__revenueAnalytics__revenueBox {
  border-top: 1px dashed #eaeaea;
  margin-top: 10px;
  text-align: center;
}
.Vendor--Analytics__revenueAnalytics__revenueBox--leftCol {
  border-right: 1px dashed #eaeaea;
  margin-top: 8px;
}
.Vendor--Analytics__revenueAnalytics__revenueBox--centerCol {
  margin-top: 8px;
  border-right: 1px dashed #eaeaea;
}
.Vendor--Analytics__revenueAnalytics__revenueBox--rightCol {
  margin-top: 8px;
}
.Vendor--Analytics__revenueAnalytics__revenueBox h2 {
  font-size: 2.5rem;
  color: #467bd4;
  font-weight: 400;
}
.Vendor--Analytics__revenueAnalytics__productTag {
  margin-right: 5px;
  margin-bottom: 5px;
}
.Vendor--Analytics__revenueAnalytics__infoRow {
  margin-bottom: 10px;
  height: 40px;
}
.Vendor--Analytics__productCard {
  cursor: pointer;
  transition: background-color 0.5s, box-shadow 0.5s;
  border-bottom: 1px dashed #eaeaea;
  min-height: 62px;
}
.Vendor--Analytics__productCard--product {
  padding: 12px 4px 12px 0;
  font-size: 16px;
}
.VendorAnalytics--MapKey {
  color: white;
  pointer-events: all;
  background-color: rgba(85, 90, 95, 0.8);
  padding: 12px;
  box-shadow: 0 -5px 13px -7px rgba(0, 0, 0, 0.75);
}
.VendorAnalytics--MapKey:hover {
  cursor: pointer;
}
.VendorAnalytics--MapKey__key__active {
  background-color: #e6e6e6;
  transition: background-color 0.2s;
  color: #555a5f;
}
.VendorAnalytics--MapKey__key__avian {
  border-radius: 50%;
  background-color: #4f98ba;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__bovine {
  border-radius: 50%;
  background-color: #bf5b60;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__canine {
  border-radius: 50%;
  background-color: #42b1a7;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__cattle {
  border-radius: 50%;
  background-color: #bf5b60;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__equine {
  border-radius: 50%;
  background-color: #7e69b3;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__feline {
  border-radius: 50%;
  background-color: #bd75c7;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__porcine {
  border-radius: 50%;
  background-color: #f39f1c;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__poultry {
  border-radius: 50%;
  background-color: #fff;
  padding: 7px;
  border: 1px solid #fff;
}
.VendorAnalytics--MapKey__key__bovine-equine {
  border-radius: 50%;
  background-color: #7e69b3;
  padding: 5px;
  border: 3px solid #bf5b60;
}
.VendorAnalytics--MapKey__key__canine-feline {
  border-radius: 50%;
  background-color: #42b1a7;
  padding: 5px;
  border: 3px solid #bd75c7;
}
.VendorAnalytics--MapKey__key__mixed {
  border-radius: 50%;
  background-color: #7e69b3;
  padding: 5px;
  border: 3px solid #42b1a7;
}
.VendorAnalytics--MapKey__key__unknown {
  border-radius: 50%;
  background-color: #bbbbbb;
  padding: 7px;
  border: 1px solid #fff;
}
.Vendor--MapCard {
  background-color: rgba(25, 26, 26, 0.9);
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  border-top: 1px solid #343332;
}
.Vendor--MapCard__content {
  padding: 12px;
  position: relative;
}
.Vendor--MapCard__close {
  color: white;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.Vendor--MapCard__close:hover {
  opacity: 1;
}
.VendorAnalytics--BuyerCardImage {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.VendorAnalytics--BuyerCard__top {
  max-width: 900px;
}
.VendorAnalytics--BuyerCard__divider {
  width: 100%;
  margin-top: 12px;
  border-top: 1px dashed #757575;
}
.VendorAnalytics--BuyerCardDetails {
  padding-left: 12px;
}
.VendorAnalytics--BuyerCardDetails h2 {
  font-weight: 600;
  font-size: 21px;
  color: white;
}
.VendorAnalytics--BuyerCardDetails h3 {
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  opacity: 0.8;
}
.VendorAnalytics--BuyerCardDetails__contact {
  padding-left: 12px;
}
.VendorAnalytics--BuyerCardDetails__tags {
  margin-top: 8px;
}
.VendorAnalytics--BuyerCardTrend {
  height: 80px;
}
.VendorAnalytics--BuyerCardTrend > svg {
  height: 80px;
}
.VendorAnalytics--BuyerCardStats {
  padding-top: 20px;
  padding-bottom: 8px;
  max-width: 900px;
}
.VendorAnalytics--BuyerCardStats__loading {
  height: 59px;
}
.VendorAnalytics--BuyerCardStats__loading > div {
  padding: 20px;
}
.VendorAnalytics--BuyerCardStat {
  text-align: center;
}
.VendorAnalytics--BuyerCardStat h4 {
  font-weight: normal;
  font-size: 32px;
  line-height: 1.2;
  color: #8eb5f6;
}
.VendorAnalytics--BuyerCardStat h5 {
  font-weight: 200;
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.VendorAnalytics--BuyerCard__products {
  padding: 16px 10px 4px;
}
.VendorAnalytics--BuyerCardProduct {
  margin-right: 18px;
  font-size: 16px;
}
.VendorAnalytics--BuyerCardProduct__number {
  background-color: white;
  padding: 4px 8px;
  margin-right: 8px;
  font-size: 14px;
  border: 1px solid #5969e2;
  color: #5969e2;
  border-radius: 12px;
}
.VendorAnalytics--BuyerCardProduct__percent {
  margin-left: 4px;
}
.VendorAnalytics--BuyerCardTag {
  padding: 2px 6px;
  background-color: #5969e2;
  color: white;
  font-weight: 600;
  border-radius: 3px;
  margin-right: 4px;
}
.Vendor--StateCard {
  max-width: 900px;
  margin: 0 auto;
}
.Vendor--StateCard__icon {
  font-size: 86px;
  opacity: 0.7;
}
.Vendor--StateCard__titles {
  padding-left: 16px;
}
.Vendor--StateCard__titles h2 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 1;
}
.Vendor--StateCard__titles h3 {
  font-size: 18px;
  line-height: 1.8;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 200;
}
.Vendor--StateCard__close {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.7;
  transition: all 0.3s;
  cursor: pointer;
}
.Vendor--StateCard__close:hover {
  opacity: 1;
}
.Vendor--StateCardStat {
  text-align: center;
  width: 120px;
  margin-right: 50px;
}
.Vendor--StateCardStat__number {
  color: #5cb8e6;
  font-size: 32px;
  line-height: 1;
}
.Vendor--StateCardStat__label {
  font-size: 18px;
  line-height: 1.8;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 200;
}
.Vendor--StateCardTrend > svg {
  height: 100%;
}
.VendorAnalyticsHeader .barnyard-Check {
  margin-bottom: 0;
}
.VendorAnalyticsHeader .barnyard-Check .barnyard-Check__content {
  color: unset;
}
.VendorProducts {
  padding: 20px 0;
}
.VendorProducts h1 {
  font-weight: bold;
}
.VendorProducts--ItemsView__box {
  padding: 0 12px;
}
.VendorProducts--ItemsView__action {
  margin: -4px 0;
  color: #7f919e;
  transition: color 0.2s;
  font-size: 16px;
  font-weight: 600;
}
.VendorProducts--ItemsView__action:hover {
  cursor: pointer;
  color: #4f5e68;
}
.VendorProducts--ItemsView__action .title {
  margin-left: 5px;
}
.VendorProducts--AddItemOverlay {
  max-width: 500px;
}
.VendorProducts--AddItemOverlay h1 {
  text-align: center;
}
.VendorProducts--AddItemForm__instructions {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
}
.VendorProducts--AddItemForm__instructions p {
  color: #8a939b;
  font-size: 15px;
}
.VendorProducts--AddItemForm__buttons {
  border-top: 1px solid #eaeaea;
  margin-top: 10px;
  padding-top: 10px;
}
.VendorProducts--ListItem {
  cursor: pointer;
  color: #555a5f;
  transition: all 0.3s;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.VendorProducts--ListItem:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.VendorProducts--ListItem:last-child {
  border-top: 1px solid #eaeaea;
}
.VendorProducts--ListItem__imageInfo {
  padding: 15px;
  text-align: center;
}
.VendorProducts--ListItem__image {
  max-height: 40px;
}
.VendorProducts--ListItem__content {
  padding-left: 15px;
  border-left: 1px dashed #eaeaea;
}
.VendorProducts--ListItem__link {
  text-align: center;
  transition: transform 150ms ease-in-out;
  color: #b8c4ce;
  padding-right: 20px;
}
.VendorProducts--ListItem h2 {
  font-weight: 600;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorProducts--ListItem h4 {
  font-weight: normal;
  font-size: 16px;
}
.VendorProducts--ListItem h5 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #6e767c;
}
.VendorProducts--ListItem h5 em {
  color: #b8c4ce;
}
.VendorProducts--ListItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.VendorProducts--ListItem:hover .VendorProducts--ListItem__link {
  transform: translateX(6px);
}
.VendorProducts--ListItem:hover .VendorProducts--ListItem__productName {
  color: #467bd4;
}
.VendorProducts--DetailsView__helpButton {
  background-color: #fff;
  border: 1px solid #eaeaea;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  color: #2e9fff;
  transition: background 0.2s;
  margin-bottom: 8px;
}
.VendorProducts--DetailsView__helpButton h5 {
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  line-height: 1;
  color: #4f8cf1;
}
.VendorProducts--DetailsView__helpButton svg {
  font-size: 42px;
}
.VendorProducts--DetailsView__helpButton p {
  padding-left: 5px;
  color: #6e767c;
}
.VendorProducts--DetailsView__helpButton__icon {
  padding-right: 8px;
}
.VendorProducts--UpdateProductInfo > div {
  margin-bottom: 15px;
}
.VendorProducts--UpdateProductInfo__buttons {
  margin-top: 10px;
}
.VendorProducts--UpdateItemInfo__productName {
  width: 250px;
}
.VendorProducts--ContentPreview__header {
  text-align: center;
  margin-bottom: 10px;
}
.VendorProducts--ContentPreview__noContent {
  text-align: center;
}
.VendorProducts--CheckList {
  padding: 0;
  margin-bottom: 10px;
}
.VendorProducts--CheckList h5 {
  padding: 5px 0 5px 12px;
  font-weight: 700;
  font-size: 14px;
}
.VendorProducts--CheckList__statIcon {
  margin-left: 6px;
  font-size: 10px;
  color: #b8c4ce;
  cursor: help;
}
.VendorProducts--CheckList__content {
  border-top: 1px solid #eaeaea;
  padding: 8px 12px;
}
.VendorProducts--CheckList__item {
  margin-bottom: 5px;
}
.VendorProducts--CheckList__item.disabled {
  opacity: 0.3;
}
.VendorProducts--CheckList__icon {
  font-size: 15px;
}
.VendorProducts--CheckList__icon.check {
  color: #57c559;
}
.VendorProducts--CheckList__icon.times {
  color: #eb5252;
}
.VendorProducts--ProductDetailsBox {
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
}
.VendorProducts--ProductDetailsBox__header {
  height: 80px;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
  background-size: 20px 20px;
  background-color: #e2e7eb;
  padding: 20px;
  margin-bottom: 40px;
}
.VendorProducts--ProductDetailsBox__stats {
  margin-top: 20px;
  padding-bottom: 20px;
}
.VendorProducts--ProductDetailsBox__statIcon {
  margin-left: 6px;
  margin-bottom: 2px;
  font-size: 10px;
  color: #b8c4ce;
  cursor: help;
}
.VendorProducts--ProductDetailsBox__stat {
  text-align: center;
  margin: 0 15px;
}
.VendorProducts--ProductDetailsBox__stat h5 {
  font-weight: 600;
  line-height: 1;
  font-size: 28px;
}
.VendorProducts--ProductDetailsBox__stat h5.quality-1 {
  color: #eb5252;
}
.VendorProducts--ProductDetailsBox__stat h5.quality-2 {
  color: #eea314;
}
.VendorProducts--ProductDetailsBox__stat h5.quality-3 {
  color: #eea314;
}
.VendorProducts--ProductDetailsBox__stat h5.quality-4 {
  color: #57c559;
}
.VendorProducts--ProductDetailsBox__stat p {
  line-height: 1;
  color: #a2acb5;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.VendorProducts--ProductDetailsBox h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  line-height: 1.2;
}
.VendorProducts--ProductDetailsBox h2 {
  font-size: 14px;
  font-weight: normal;
  color: #8a939b;
}
.VendorProducts--ProductDetailsBox__image {
  border-radius: 8px;
  margin-bottom: -50px;
  background: white;
  height: 100px;
  padding: 6px;
}
.VendorProducts--ProductDetailsBox__qIcon {
  margin-left: 8px;
  cursor: help;
  font-size: 10px;
}
.VendorProducts--ProductOverview__deleteAction {
  color: #7f919e;
  transition: color 0.2s;
  font-size: 16px;
  font-weight: 600;
}
.VendorProducts--ProductOverview__deleteAction:hover {
  cursor: pointer;
  color: #4f5e68;
}
.VendorProducts--ProductOverview__productUpdate {
  padding-right: 16px;
  border-right: 1px solid #eaeaea;
}
.VendorProducts--ProductOverview__contentPreview {
  padding-left: 16px;
}
.VendorProducts--TwoPaneContent {
  padding: 0;
}
.VendorProducts--TwoPaneContent__sideContent {
  border-left: 1px solid #eaeaea;
  width: 300px;
  background-color: #fbfbfb;
  padding: 10px 20px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  min-height: 600px;
}
.VendorProducts--TwoPaneContent__sideContent .question {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.VendorProducts--TwoPaneContent__sideContent .answer {
  font-size: 14px;
  margin-bottom: 30px;
}
.VendorProducts--TwoPaneContent__sideContent .info {
  font-size: 14px;
  font-style: italic;
  margin-bottom: 30px;
}
.VendorProducts--TwoPaneContent__mainContent {
  padding: 10px;
}
.VendorProducts--TagsView__tagsContainer {
  padding: 10px 20px;
}
.VendorProducts--TagsView__tag {
  margin-top: 10px;
  margin-right: 10px;
}
.VendorProducts--TagsView__tagExamples {
  font-size: 14px;
  color: #a2acb5;
  margin: 10px 0;
}
.VendorProducts--TagsView__tagCreate {
  margin-left: 16px;
}
.VendorProducts--TagsView__tagDelete {
  margin-right: 25px;
}
.VendorProducts--FactsView__factsContainer {
  padding: 10px 20px;
}
.VendorProducts--FactsView__fact {
  background-color: #f9fafb;
  margin: 15px 0;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  font-weight: 500;
  font-size: 18px;
}
.VendorProducts--FactsView__factsExamples {
  font-size: 14px;
  color: #a2acb5;
  margin: 10px 0;
}
.VendorProducts--FactsView__deleteLoading {
  max-width: 30px;
  padding-right: 10px;
  transition: color 0.2s;
  color: #eb5252;
}
.VendorProducts--FactsView__delete {
  max-width: 30px;
  text-align: right;
  transition: color 0.2s;
  color: #b8c4ce;
}
.VendorProducts--FactsView__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.VendorProducts--ItemListItem {
  color: #555a5f;
  position: relative;
  padding: 8px 0;
}
.VendorProducts--ItemListItem:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.VendorProducts--ItemListItem__images {
  display: -ms-flexbox;
  display: flex;
}
.VendorProducts--ItemListItem__thumb {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  margin-right: 20px;
}
.VendorProducts--ItemListItem__itemName {
  cursor: pointer;
}
.VendorProducts--ItemListItem__itemName:hover {
  color: #467bd4;
}
.VendorProducts--ItemListItem__itemManuName {
  font-size: 14px;
  font-weight: normal;
  color: #8a939b;
}
.VendorProducts--ItemListItem__confirm {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}
.VendorProducts--ItemListItem__imageInfo {
  padding: 15px;
  text-align: center;
}
.VendorProducts--ItemListItem__image {
  max-height: 150px;
  cursor: zoom-in;
}
.VendorProducts--ItemListItem__header {
  margin-top: -4px;
}
.VendorProducts--ItemListItem__content {
  padding-left: 15px;
  border-left: 1px dashed #eaeaea;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.VendorProducts--ItemListItem__buttons {
  padding: 10px 0;
  margin: 0;
}
.VendorProducts--ItemListItem__itemInfo {
  text-align: left;
  padding-right: 30px;
  padding-bottom: 10px;
}
.VendorProducts--ItemListItem__itemInfo h6 {
  color: #315795;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.3;
  transition: color 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorProducts--ItemListItem__itemInfo h5 {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.8px;
  font-size: 11px;
  color: #8a939b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorProducts--ItemImage {
  padding: 6px;
  margin: 9px 4px;
  cursor: pointer;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  transition: border-color 0.2s, box-shadow 0.2s;
  text-align: center;
  width: 180px;
}
.VendorProducts--ItemImage__primaryTextContainer {
  display: -ms-flexbox;
  display: flex;
}
.VendorProducts--ItemImage__primaryText {
  font-size: 12px;
  color: #4f8cf1;
  background: white;
  margin: 0 auto -19.5px auto;
  text-align: center;
  padding: 0 4px;
}
.VendorProducts--ItemImage.primary {
  border-color: #4f8cf1;
}
.VendorProducts--ItemImage__imageContainer {
  cursor: zoom-in;
}
.VendorProducts--ItemImage__image {
  height: 100px;
}
.VendorProducts--ItemImage__image-size {
  text-align: right;
  font-size: 12px;
  cursor: zoom-in;
}
.VendorProducts--ItemImage__actions {
  border-top: 1px solid #eaeaea;
  padding-top: 5px;
}
.VendorProducts--ItemImage__actions p {
  font-weight: 600;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: 0.08em;
  transition: all 0.2s;
  border-radius: 4px;
}
.VendorProducts--ItemImage__main {
  color: #4f8cf1;
}
.VendorProducts--ItemImage__main:hover {
  background: #f4f8fe;
}
.VendorProducts--ItemImage__main.primary {
  opacity: 0.5;
}
.VendorProducts--ItemImage__main.primary:hover {
  cursor: not-allowed;
}
.VendorProducts--ItemImage__delete {
  color: #eb5252;
}
.VendorProducts--ItemImage__delete:hover {
  background: #fef3f3;
}
.VendorProducts--ItemImage:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.VendorProducts--AddImage {
  height: 173px;
  width: 179px;
  border-radius: 4px;
  margin: 14px 4px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  transition: all 0.2s;
}
.VendorProducts--AddImage__imageUploader {
  height: 155px;
}
.VendorProducts--AddImage__uploader {
  height: 140px;
}
.VendorProducts--AddImage__plus {
  font-size: 35px;
  margin: auto;
  color: #57c559;
}
.VendorProducts--AddImage:hover {
  background-color: #f9fafb;
  border-color: #57c559;
}
.VendorProducts--AddImage__popover {
  width: 170px;
  width: 250px;
}
.VendorProducts--ResourcesView__fileUpload {
  margin-top: 20px;
  height: 245px;
}
.VendorProducts--ResourcesView__uploader {
  height: 140px;
}
.VendorProducts--ResourcesView__divider {
  border-top: 1px solid #eaeaea;
  width: 50%;
}
.VendorProducts--ResourcesView__flexOr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.VendorProducts--ResourcesView__or {
  margin-top: -18px;
  padding: 0px 4px;
  background: white;
}
.VendorProducts--ResourcesView__urlInput {
  width: 50%;
}
.VendorProducts--ResourcesView__resource {
  background-color: #f9fafb;
  margin: 15px 0;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  font-weight: 500;
  font-size: 18px;
}
.VendorProducts--ResourcesView__resource span {
  width: 20px;
}
.VendorProducts--ResourcesView__deleteLoading {
  max-width: 30px;
  text-align: right;
  padding-right: 10px;
  transition: color 0.2s;
  color: #eb5252;
}
.VendorProducts--ResourcesView__delete {
  max-width: 30px;
  text-align: right;
  transition: color 0.2s;
  color: #b8c4ce;
}
.VendorProducts--ResourcesView__resourceDelete {
  width: 44px;
}
.VendorProducts--ResourcesView__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.VendorProducts--ResourcesView__videoTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorProducts--ResourcesView__videoThumb {
  max-height: 70px;
}
.VendorProducts--ResourcesView__resourceHeader {
  border-bottom: 1px solid #eaeaea;
}
.VendorProducts--CreateView {
  background-color: #fff;
  border: 1px solid #eaeaea;
  margin-bottom: 80px;
}
.VendorProducts--CreateView__header {
  padding: 10px 12px;
  padding-right: 0;
}
.VendorProducts--CreateView__header h1 {
  font-weight: bold;
}
.VendorProducts--CreateView__leftCol {
  padding: 20px 100px 20px 20px;
}
.VendorProducts--CreateView__rightCol {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #eaeaea;
  width: 500px;
  background-color: #fbfbfb;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.VendorProducts--CreateView__rightCol.active {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  opacity: 1;
}
.VendorProducts--CreateView__rightCol.active.noTop {
  border-top: 1px solid transparent;
}
.VendorProducts--CreateView__rightCol.active.noBottom {
  border-bottom: 1px solid transparent;
}
.VendorProducts--CreateView__rightCol .question {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.VendorProducts--CreateView__rightCol .answer {
  font-size: 14px;
}
.VendorProducts--CreateView__labels {
  margin-top: 5px;
  margin-bottom: -5px;
}
.VendorProducts--CreateView__product {
  width: 150px;
}
.VendorProducts--CreateView__productLabel {
  width: 150px;
  margin-right: 15px;
}
.VendorProducts--CreateView__addItem {
  color: #4f8cf1;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
}
.VendorProducts--CreateView__addItem:hover {
  text-decoration: underline;
}
.VendorProducts--CreateView__lastCol {
  width: 85px;
  text-align: center;
}
.VendorProducts--UploadOverlay__overlay {
  padding: 0;
}
.VendorProducts--UploadOverlay__overlay h1 {
  padding: 12px;
  border-bottom: 1px solid #eaeaea;
}
.VendorProducts--UploadOverlay__instructions {
  padding: 20px;
}
.VendorProducts--UploadOverlay__instructions p {
  line-height: 1.8;
  font-size: 16px;
  color: #6e767c;
}
.VendorProducts--UploadOverlay__buttons {
  padding: 12px;
  border-top: 1px solid #eaeaea;
}
.VendorProducts--UploadTable__content {
  margin-bottom: 20px;
}
.VendorProducts--UploadTable__content .errors {
  background-color: #fef3f3;
  color: #eb5252;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid #eaeaea;
  padding: 6px;
}
.VendorProducts--UploadTable__table {
  padding: 12px;
}
.VendorProducts--UploadTable__table .barnyard-Table__Nav {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.VendorProducts--UploadTable__table .barnyard-Table__Pagination {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
}
.VendorProducts--UploadTable__table .rt-tr-group {
  font-size: 15px;
}
.VendorProducts--UploadTable__table .rt-td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.VendorProducts--UploadTable__table .rt-th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.VendorProducts--UploadTable__table .error {
  color: #eb5252;
  font-weight: 600;
}
.VendorProducts--UploadTable__row-error {
  background: #fef3f3 !important;
}
.VendorProducts--UploadTable__buttons {
  padding: 12px 12px 0 12px;
  margin-top: 12px;
  border-top: 1px solid #eaeaea;
}
.VendorMerchants--DetailsBox {
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}
.VendorMerchants--DetailsBox__switchContainer {
  margin: 0 10px 20px 10px;
}
.VendorMerchants--DetailsBox__switchContainer p {
  margin-top: 10px;
  color: #8a939b;
}
.VendorMerchants--DetailsBox__activate {
  max-width: 350px;
  text-align: center;
}
.VendorMerchants--DetailsBox__inactive {
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: #eb5252;
}
.VendorMerchants--DetailsBox__active {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #57c559;
}
.VendorMerchants--DetailsBox__pending {
  color: #eea314;
  font-weight: 700;
}
.VendorMerchants--DetailsBox__live {
  color: #57c559;
  font-weight: 700;
}
.VendorMerchants--DetailsBox__notlive {
  color: #eb5252;
  font-weight: 700;
}
.VendorMerchants--UpdateSellerDetails .divider {
  border-top: 1px dashed #eaeaea;
}
.VendorMerchants--SellerInvoicingForm__container {
  padding: 20px 0;
}
.VendorMerchants--SellerInvoicingForm__addCard {
  text-align: center;
  margin-top: 5px;
}
.VendorMerchants--SellerInvoicingForm__addCard p {
  font-weight: 600;
}
.VendorMerchants--SellerInvoicingForm__buttons {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px dashed #eaeaea;
}
.VendorMerchants--TaxesView__inputs {
  margin-bottom: 40px;
  height: 282px;
}
.VendorMerchants--TaxesView__shipping {
  margin-top: 27px;
}
.VendorMerchants--TaxesView__taxRate {
  background-color: #f9fafb;
  margin: 15px 0;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  font-weight: 500;
  font-size: 18px;
}
.VendorMerchants--TaxesView__taxRate span {
  width: 20px;
}
.VendorMerchants--TaxesView__delete {
  max-width: 30px;
  text-align: right;
  transition: color 0.2s;
  color: #b8c4ce;
}
.VendorMerchants--TaxesView__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.VendorMerchants--TaxesView__titles {
  margin: 15px 0;
  padding-left: 20px;
}
.VendorMerchants--TaxesView__titles p {
  font-weight: 600;
  font-size: 17px;
}
.VendorMerchants--ShippingView__inputs {
  margin-bottom: 40px;
}
.VendorMerchants--ShippingView__shippingOption {
  background-color: #f9fafb;
  margin: 15px 0;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  font-weight: 500;
  font-size: 18px;
}
.VendorMerchants--ShippingView__shippingOption span {
  width: 20px;
}
.VendorMerchants--ShippingView__delete {
  max-width: 30px;
  text-align: right;
  transition: color 0.2s;
  color: #b8c4ce;
}
.VendorMerchants--ShippingView__delete:hover {
  cursor: pointer;
  color: #eb5252;
}
.VendorMerchants--ShippingView__titles {
  margin: 15px 0;
  padding-left: 20px;
}
.VendorMerchants--ShippingView__titles p {
  font-weight: 600;
  font-size: 17px;
}
.VendorMerchants--Checklist {
  margin-top: 20px;
  padding: 0;
}
.VendorMerchants--Checklist__header {
  border-bottom: 1px solid #eaeaea;
  padding: 12px;
}
.VendorMerchants--Checklist__header p {
  font-size: 16px;
}
.VendorMerchants--ChecklistItem {
  padding: 12px;
}
.VendorMerchants--ChecklistItem:not(:last-child) {
  margin-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
}
.VendorMerchants--ChecklistItem__item {
  color: #8a939b;
  transition: color 0.2s;
}
.VendorMerchants--ChecklistItem__item:hover {
  color: #4f8cf1;
}
.VendorMerchants--ChecklistItem__item:hover .VendorMerchants--ChecklistItem__arrow {
  transform: translateX(3px);
}
.VendorMerchants--ChecklistItem h3 {
  font-weight: 700;
}
.VendorMerchants--ChecklistItem p {
  font-size: 16px;
}
.VendorMerchants--ChecklistItem__icon {
  transition: transform 0.2s;
  font-size: 28px;
}
.VendorMerchants--ChecklistItem__arrow {
  transition: transform 0.5s;
  font-size: 24px;
}
.VendorMerchants--RecentOrders {
  margin-top: 15px;
  margin-bottom: 100px;
}
.VendorMerchants--RecentOrders__header {
  padding: 12px;
  background-color: #ffff;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.VendorMerchants--RecentOrders__header p {
  color: #8a939b;
  font-size: 18px;
}
.VendorMerchants--RecentOrders__returnIcon {
  color: #eb5252;
  margin-right: 10px;
  font-size: 16px;
}
.VendorMerchants--RecentOrders__viewAll {
  font-size: 17px;
  transition: color 0.2s;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #eaeaea;
}
.VendorMerchants--RecentOrders__viewAll:hover {
  color: #467bd4;
}
.VendorMerchants--RecentOrders__viewAll:hover .VendorMerchants--RecentOrders__icon {
  transform: translateX(3px);
}
.VendorMerchants--RecentOrders__icon {
  transition: transform 0.5s;
  margin-left: 5px;
  font-size: 18px;
}
.VendorInventory--ListView {
  padding: 20px 0;
}
.VendorInventory--ListView h1 {
  font-weight: bold;
}
.VendorInventory--ProductInventoryListItem {
  padding: 0;
  margin-bottom: 5px;
}
.VendorInventory--ProductInventoryListItem h2 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorInventory--ProductInventoryListItem h5 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #6e767c;
}
.VendorInventory--ProductInventoryListItem h5 em {
  color: #b8c4ce;
}
.VendorInventory--ProductInventoryListItem.collapsed {
  border-bottom: none;
}
.VendorInventory--ProductInventoryListItem__headers {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}
.VendorInventory--ProductInventoryListItem__headers p {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.VendorInventory--ProductInventoryListItem__activeCol {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  text-align: center;
}
.VendorInventory--ProductInventoryListItem__licenseCol {
  text-align: center;
}
.VendorInventory--ProductInventoryListItem__allocationCol {
  text-align: center;
}
.VendorInventory--ProductInventoryListItem__503aCol {
  text-align: center;
}
.VendorInventory--ProductInventoryListItem__edit {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  text-align: center;
}
.VendorInventory--ProductInventoryListItem__collapsedProduct {
  text-align: right;
}
.VendorInventory--ProductInventoryListItem__collapsedProduct p {
  font-size: 18px;
  padding-right: 40px;
}
.VendorInventory--ProductInventoryListItem__collapser {
  cursor: pointer;
  transition: background-color 200ms;
  padding: 2px 12px;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaeaea;
}
.VendorInventory--ProductInventoryListItem__collapser h2 {
  font-size: 16px;
}
.VendorInventory--ProductInventoryListItem__collapser:hover .VendorInventory--ProductInventoryListItem__productName {
  color: #467bd4;
  transition: color 200ms;
}
.VendorInventory--ProductInventoryListItem__collapseIcon {
  font-size: 16px;
  color: #a2acb5;
}
.VendorInventory--ProductInventoryListItem__inventoryCount {
  width: 200px;
}
.VendorInventory--LineItem {
  min-height: 56px;
  transition: opacity 300ms, background-color 100ms;
  font-size: 16px;
  border-left: 2px solid transparent;
  margin: 0;
}
.VendorInventory--LineItem > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VendorInventory--LineItem:hover {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
  cursor: pointer;
}
.VendorInventory--LineItem:hover .VendorInventory--LineItem__editIcon {
  color: #4f8cf1;
}
.VendorInventory--LineItem.editing {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
}
.VendorInventory--LineItem.updating {
  pointer-events: none;
  opacity: 0.25;
}
.VendorInventory--LineItem__edit {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  text-align: center;
}
.VendorInventory--LineItem__editIcon {
  color: #b8c4ce;
  font-size: 17px;
}
.VendorInventory--LineItem__activeCol {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  text-align: center;
}
.VendorInventory--LineItem__503aCol {
  text-align: center;
}
.VendorInventory--LineItem__licenseCol {
  text-align: center;
}
.VendorInventory--LineItem__allocationCol {
  text-align: center;
}
.VendorInventory--LineItem__check {
  margin: 0 -10px 0 0;
  display: inherit;
}
.VendorInventory--LineItem__activeIcon {
  color: #eb5252;
}
.VendorInventory--LineItem__activeIcon.active {
  color: #57c559;
}
.VendorInventory--InventoryAdd {
  margin: 0;
}
.VendorInventory--InventoryAdd__addInventory {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  text-align: center;
}
.VendorInventory--InventoryAdd p {
  font-size: 16px;
}
.VendorInventory--InventoryAdd__activeCol {
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  text-align: center;
}
.VendorInventory--InventoryAdd__licenseCol {
  text-align: center;
}
.VendorInventory--InventoryAdd__allocationCol {
  text-align: center;
}
.VendorInventory--InventoryAdd__503aCol {
  text-align: center;
}
.VendorInventory--InventoryAdd__check {
  margin: auto;
  display: inherit;
  width: 50px;
}
.VendorInventory--InventoryAddShortDate {
  width: 1220px;
}
.VendorInventory--InventoryAddShortDate h1 {
  padding-bottom: 10px;
  text-align: center;
  font-weight: 600;
}
.VendorInventory--InventoryAddShortDate__content {
  padding: 0;
  padding-bottom: 10px;
}
.VendorOrders--OrdersView {
  padding: 20px 0;
}
.VendorOrders--OrdersView h1 {
  font-weight: bold;
}
.VendorOrders--OrdersView__tableRow {
  cursor: pointer;
}
.VendorOrders--OrdersView__returnIcon {
  color: #eb5252;
  margin-right: 10px;
  font-size: 16px;
}
.VendorOrders--OrdersView__returnText {
  color: #8a939b;
  font-size: 18px;
}
.VendorOrders--OrdersView__subheaderText {
  font-size: 14px;
}
.VendorOrders--OrderColumns__earnings.invalid {
  color: #eb5252;
}
.VendorOrders--OrderColumns__earnings.valid {
  color: #57c559;
}
.VendorOrders--OrderColumns.shipped,
.VendorOrders--OrderColumns.invoiced {
  color: #57c559;
}
.VendorOrders--OrderColumns.failed_payment,
.VendorOrders--OrderColumns.cancelled,
.VendorOrders--OrderColumns.backordered {
  color: #eb5252;
}
.VendorOrders--OrderColumns.accepted,
.VendorOrders--OrderColumns.pending {
  color: #eea314;
}
.VendorOrders--OrderColumns__returnIcon {
  margin-left: 10px;
  color: #eb5252;
}
.VendorOrders--OrderDetails {
  border: 1px solid #eaeaea;
  border-radius: 3px;
}
.VendorOrders--OrderDetails__orderContent {
  background-color: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.VendorOrders--OrderDetails__contentContainer {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.VendorOrders--OrderDetails__siderContainer {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.VendorOrders--OrderDetails__message {
  margin-top: -8px;
  margin-bottom: 8px;
  font-weight: 600;
}
.VendorOrders--OrderDetails__message__icon {
  font-size: 18px;
  margin-right: 8px;
}
.VendorOrders--OrderReturn h4 {
  font-size: 18px;
  font-weight: 700;
}
.VendorOrders--OrderReturn h3 {
  font-size: 16px;
  font-weight: 700;
}
.VendorOrders--OrderReturn p {
  font-size: 15px;
  color: #6e767c;
}
.VendorOrders--OrderReturn p.strong {
  font-weight: 800;
}
.VendorOrders--OrderReturn__items:not(:last-child) {
  padding-bottom: 10px;
}
.VendorOrders--OrderSider {
  padding: 10px 20px;
  width: 300px;
  border-left: 1px solid #eaeaea;
  background-color: #f4f8fe;
  height: 100%;
}
.VendorOrders--OrderSider__siderActions {
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderSider__orderSummary {
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderSider__orderTotal {
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderSider__orderNumber {
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderSider__orderNumber .title {
  font-weight: 600;
}
.VendorOrders--OrderSider__orderNumber a {
  transition: color 0.2s;
}
.VendorOrders--OrderSider__orderNumber a:hover {
  color: #3a68b2;
}
.VendorOrders--OrderSider__orderNumber .formIcon {
  margin-left: 4px;
  font-size: 13px;
}
.VendorOrders--OrderSider__orderShipping {
  padding: 15px 0;
}
.VendorOrders--OrderSider__orderRefunds {
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderSider__chargeIcon {
  color: #eb5252;
  font-size: 16px;
}
.VendorOrders--OrderSider__chargeIcon.charged {
  color: #57c559;
}
.VendorOrders--OrderSider__refundIcon {
  color: #57c559;
  font-size: 16px;
}
.VendorOrders--OrderSider h4 {
  font-size: 18px;
  font-weight: 700;
}
.VendorOrders--OrderSider h3 {
  font-size: 20px;
  font-weight: 700;
}
.VendorOrders--OrderSider p {
  font-size: 15px;
  color: #6e767c;
}
.VendorOrders--OrderSider p.strong {
  font-weight: 800;
}
.VendorOrders--OrderSider__cancelConfirm {
  max-width: 350px;
  text-align: center;
}
.VendorOrders--OrderSider__earnings {
  border-top: 1px dashed #eaeaea;
  margin-top: 5px;
  padding-top: 5px;
}
.VendorOrders--OrderSider__refundTotal {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dashed #eaeaea;
}
.VendorOrders--OrderModification {
  width: 1000px;
  padding: 20px;
}
.VendorOrders--OrderModification h1 {
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderModification__info {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderModification__header {
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--OrderModification__item {
  margin: 0 -5px;
  font-size: 16px;
  padding: 5px;
  color: #555a5f;
  border-bottom: 1px dashed #eaeaea;
}
.VendorOrders--OrderModification__item .barnyard-BaseInput__icon--pre {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.VendorOrders--OrderModification__item .barnyard-Col:not(:last-child) {
  padding-right: 6px;
}
.VendorOrders--OrderModification__item.touched {
  background-color: #f4f8fe;
}
.VendorOrders--OrderModification__qty.touched .ant-input-number {
  border-color: #4f8cf1;
}
.VendorOrders--OrderModification__price.touched .ant-input-number {
  border-color: #4f8cf1;
}
.VendorOrders--OrderModification__content {
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 20px;
}
.VendorOrders--OrderModification__modifications {
  width: 300px;
  border-right: 1px solid #eaeaea;
  padding-right: 20px;
  padding-top: 10px;
  margin-right: 20px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  overflow: scroll;
}
.VendorOrders--OrderModification__modifications .modification {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.VendorOrders--OrderModification__modifications .modification:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderModification__modifications .name {
  font-weight: 600;
}
.VendorOrders--OrderModification__modifications .info {
  color: #a2acb5;
  font-size: 14px;
}
.VendorOrders--OrderModification__modifications .undo {
  color: #4f8cf1;
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.VendorOrders--OrderModification__modifications .undo:hover {
  text-decoration: underline;
}
.VendorOrders--OrderModification__form {
  padding-top: 10px;
}
.VendorOrders--OrderModification__button {
  width: 100%;
}
.VendorOrders--UploadShipping__popover {
  width: 170px;
  width: 250px;
  text-align: center;
}
.VendorOrders--UploadShipping__tip {
  font-size: 15px;
  font-weight: 600;
  color: #6e767c;
}
.VendorOrders--UploadShipping__error {
  font-weight: 600;
  font-size: 14px;
  margin: 10px 0;
  color: #eb5252;
}
.VendorOrders--OrderRefund__popover {
  width: 170px;
  width: 250px;
  text-align: center;
}
.VendorOrders--OrderRefund__tip {
  font-size: 15px;
  font-weight: 600;
  color: #6e767c;
}
.VendorOrders--OrderRefund__error {
  font-weight: 600;
  font-size: 14px;
  margin: 10px 0;
  color: #eb5252;
}
.VendorOrders--OrderContent {
  position: relative;
  height: 100%;
}
.VendorOrders--OrderContent__status {
  font-size: 24px;
  font-weight: 600;
}
.VendorOrders--OrderContent__status.pending,
.VendorOrders--OrderContent__status.accepted {
  color: #eea314;
}
.VendorOrders--OrderContent__status.cancelled,
.VendorOrders--OrderContent__status.failed_payment,
.VendorOrders--OrderContent__status.backordered {
  color: #eb5252;
}
.VendorOrders--OrderContent__status.shipped,
.VendorOrders--OrderContent__status.invoiced {
  color: #57c559;
}
.VendorOrders--OrderContent__buyer {
  font-size: 24px;
  font-weight: 600;
}
.VendorOrders--OrderContent__date {
  font-size: 16px;
  font-weight: 500;
  color: #8a939b;
}
.VendorOrders--OrderContent__sample {
  font-size: 18px;
  font-weight: 500;
  color: #4f8cf1;
  text-align: right;
}
.VendorOrders--OrderContent__header {
  padding: 10px 20px;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderContent__itemsHeader {
  padding: 10px 20px;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderContent__itemCount {
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--OrderContent__itemLabels {
  padding: 0 20px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
}
.VendorOrders--OrderItem {
  padding: 13px 20px;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderItem__link {
  color: #6e767c;
  font-weight: 800;
}
.VendorOrders--OrderItem__link:hover {
  color: #284679;
  text-decoration: underline;
}
.VendorOrders--OrderItem__image {
  height: 44px;
}
.VendorOrders--OrderItem svg {
  font-size: 16px;
}
.VendorOrders--OrderItem p {
  font-size: 15px;
  color: #6e767c;
}
.VendorOrders--OrderItem p.strong {
  font-weight: 800;
}
.VendorOrders--OrderItem p.border-bottom {
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderItem p.border-top {
  border-top: 1px solid #eaeaea;
}
.VendorOrders--OrderTracking__header {
  padding: 0 20px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
  text-align: center;
}
.VendorOrders--OrderTracking__noTracking {
  text-align: center;
  padding: 20px;
  max-width: 400px;
  margin: auto;
}
.VendorOrders--OrderTracking__trackersText {
  text-align: center;
  padding: 20px;
  max-width: 800px;
  margin: auto;
}
.VendorOrders--Order503a__header {
  padding: 0 20px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
  text-align: center;
}
.VendorOrders--Order503a__itemLabels {
  padding: 0 5px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f9fafb;
  text-align: center;
}
.VendorOrders--Order503a p {
  padding: 0 5px;
  font-size: 14px;
  color: #6e767c;
  text-align: center;
}
.VendorOrders--Order503a p.strong {
  font-weight: 800;
}
.VendorOrders--Order503a p.border-bottom {
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--Order503a p.border-top {
  border-top: 1px solid #eaeaea;
}
.VendorOrders--OrderTracker {
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  transition: background-color 200ms;
}
.VendorOrders--OrderTracker:hover {
  background-color: #f9fafb;
}
.VendorOrders--OrderTracker:hover .VendorOrders--OrderTracker__collapseIcon {
  color: #4f8cf1;
}
.VendorOrders--OrderTracker:hover .VendorOrders--OrderTracker__trackerIcon {
  transform: translateX(4px);
}
.VendorOrders--OrderTracker.expanded {
  background-color: #f9fafb;
}
.VendorOrders--OrderTracker p {
  font-size: 15px;
  color: #6e767c;
}
.VendorOrders--OrderTracker p.strong {
  font-weight: 800;
}
.VendorOrders--OrderTracker__tracker {
  padding: 14px 0;
}
.VendorOrders--OrderTracker .arrow {
  margin-top: 7.5px;
}
.VendorOrders--OrderTracker__collapseIcon {
  font-size: 18px;
  padding: 0 20px;
}
.VendorOrders--OrderTracker__trackerIcon {
  font-size: 28px;
  transition: transform 0.4s;
}
.VendorOrders--OrderTracker__trackerIcon.unknown,
.VendorOrders--OrderTracker__trackerIcon.return_to_sender {
  color: #eea314;
}
.VendorOrders--OrderTracker__trackerIcon.pre_transit,
.VendorOrders--OrderTracker__trackerIcon.in_transit,
.VendorOrders--OrderTracker__trackerIcon.out_for_delivery {
  color: #4f8cf1;
}
.VendorOrders--OrderTracker__trackerIcon.delivered,
.VendorOrders--OrderTracker__trackerIcon.available_for_pickup {
  color: #57c559;
}
.VendorOrders--OrderTracker__trackerIcon.failure,
.VendorOrders--OrderTracker__trackerIcon.cancelled,
.VendorOrders--OrderTracker__trackerIcon.error {
  color: #eb5252;
}
.VendorOrders--OrderTracker__noTrackingContainer {
  background-color: white;
  border-top: 1px solid #eaeaea;
  text-align: center;
  padding: 15px;
}
.VendorOrders--OrderTracker__trackersText {
  text-align: center;
  padding: 20px;
  max-width: 800px;
  margin: auto;
}
.VendorOrders--OrderTracker__noTracking {
  max-width: 400px;
  margin: auto;
}
.VendorOrders--OrderTracker__stepper {
  margin-left: 50px;
  padding-top: 8px;
}
.VendorOrders--OrderTracker__stepper.status-3 .ant-steps-icon-dot {
  background: #57c559 !important;
}
.VendorOrders--OrderTracker__stepper.status-3 .ant-steps-item-tail::after {
  background-color: #57c559;
}
.VendorOrders--OrderTracker__stepper .ant-steps-item-title {
  font-size: 15px;
}
.VendorOrders--OrderTracker__stepper .ant-steps-item-active .ant-steps-icon-dot {
  animation-name: dot-pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes dot-pulse {
  from {
    box-shadow: #4f8cf1;
  }
  50% {
    box-shadow: 0 0 6px #4f8cf1;
  }
  to {
    box-shadow: #4f8cf1;
  }
}
.VendorOrders--OrderTrackingDetails {
  border-top: 1px solid #eaeaea;
  background-color: white;
  cursor: default;
}
.VendorOrders--OrderTrackingDetails__header {
  padding-right: 20px;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
}
.VendorOrders--OrderTrackingDetails__trackerDetail {
  padding: 5px;
  border-bottom: 1px dashed #eaeaea;
}
.VendorOrders--OrderTrackingDetails__trackerDetail .details {
  font-size: 14px;
  color: #a2acb5;
}
.VendorOrders--OrderTrackingDetails__trackerDetailIcon {
  font-size: 22px;
  margin-right: 4px;
  transition: transform 0.4s;
}
.VendorOrders--OrderTrackingDetails__trackerDetailIcon.primary {
  color: #4f8cf1;
}
.VendorOrders--OrderTrackingDetails__trackerDetailIcon.warning {
  color: #eea314;
}
.VendorOrders--OrderTrackingDetails__trackerDetailIcon.danger {
  color: #eb5252;
}
.VendorOrders--OrderTrackingDetails__trackerDetailIcon.success {
  color: #57c559;
}
.VendorOrders--OrderTrackingDetails__detailsList {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-right: 1px solid #eaeaea;
  max-height: 600px;
  max-width: 400px;
  overflow-y: scroll;
}
.VendorOrders--OrderTrackingDetails__map {
  max-height: 600px;
}
.VendorOrders--OrderTrackingDetails__map .mapboxgl-canvas {
  height: 600px;
}
.VendorOrders--OrderTrackingDetails__map p {
  text-align: center;
  padding: 40px;
  color: #8a939b;
}
.VendorOrders--OrderTrackingDetails__items {
  border-top: 1px solid #eaeaea;
}
.VendorOrders--OrderTrackingDetails__items h4 {
  padding: 20px;
  font-weight: 700;
}
.VendorOrders--OrderTrackingDetails__item-labels {
  padding: 0 20px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
}
.VendorOrders--OrderTrackingItem {
  padding: 12px 20px;
}
.VendorOrders--OrderTrackingItem:not(:last-child) {
  border-bottom: 1px solid #eff2f4;
}
.VendorOrders--OrderTrackingItem__image {
  height: 44px;
}
.VendorOrders--OrderTrackingItem__name {
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--OrderFreeSample {
  margin: 40px 0;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--OrderFreeSample__header {
  padding: 0 20px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 700;
  background-color: #f4f8fe;
  text-align: center;
}
.VendorOrders--OrderFreeSample__content {
  padding: 13px;
}
.VendorOrders--LabelDetails {
  margin: 0 20px;
  padding: 10px 0;
  border-top: 1px dashed #eaeaea;
}
.VendorOrders--LabelDetails__divider {
  color: #cdd6dd;
}
.VendorOrders--LabelDetails__bull {
  padding: 0 5px;
}
.VendorOrders--LabelDetails__shipmentInfo {
  color: #8a939b;
}
.VendorOrders--LabelDetails__shipmentLink {
  transition: all 0.2s;
  margin: 0 7px;
}
.VendorOrders--LabelDetails__shipmentLink :last-child {
  margin-right: -7px;
}
.VendorOrders--LabelDetails__shipmentLink:hover {
  color: #467bd4;
  text-decoration: underline;
}
.VendorOrders--LabelDetails__removeTracker {
  max-width: 300px;
  text-align: center;
}
.VendorOrders--LabelDetails__removeTracker .barnyard-Popconfirm__description {
  font-size: 14px;
}
.VendorOrders--ShippingOverlay {
  width: 800px;
}
.VendorOrders--ShippingForm__returnInfo {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
.VendorOrders--ShippingForm__returnInfo p {
  font-size: 16px;
}
.VendorOrders--ShippingForm__infoRow {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0;
}
.VendorOrders--ShippingForm__header {
  padding: 10px 0;
}
.VendorOrders--ShippingForm__header p {
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--ShippingForm__shipTo p {
  font-size: 15px;
}
.VendorOrders--ShippingForm__buttons {
  margin-top: 10px;
  border-top: 1px solid #dadada;
  padding: 20px 0px;
}
.VendorOrders--ShippingForm__button {
  width: 100%;
}
.VendorOrders--ShipToMap__map {
  height: 185px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  background-repeat: no-repeat;
}
.VendorOrders--ShipToMap__map-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.VendorOrders--ShippingPurchase {
  margin-top: 10px;
}
.VendorOrders--ShippingPurchase__returnInfo {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.VendorOrders--ShippingPurchase__returnInfo p {
  font-size: 16px;
}
.VendorOrders--ShippingPurchase__ratesContainer {
  max-height: 400px;
  overflow: auto;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding: 10px;
}
.VendorOrders--ShippingPurchase__rate {
  border-radius: 3px;
  transition: background-color 0.3s;
  font-size: 18px;
  padding: 16px 12px;
}
.VendorOrders--ShippingPurchase__rate:not(:last-child) {
  margin-bottom: 10px;
}
.VendorOrders--ShippingPurchase__rate .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorOrders--ShippingPurchase__rate:hover {
  cursor: pointer;
  background-color: #edf4fe;
  border-color: #4f8cf1;
}
.VendorOrders--ShippingPurchase__rate.selected {
  background-color: #edf4fe;
  border: 1px solid #4f8cf1;
}
.VendorOrders--ShippingPurchase__dimensions {
  margin: 10px 0;
  padding: 15px;
  border-radius: 3px;
  background-color: #f9fafb;
  border: 1px solid #b8c4ce;
}
.VendorOrders--ShippingPurchase__stat {
  text-align: center;
}
.VendorOrders--ShippingPurchase__titles {
  padding: 12px;
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--ShippingPurchase__payment {
  margin-top: 10px;
}
.VendorOrders--ShippingPurchase__payment p {
  font-size: 16px;
  font-weight: 600;
}
.VendorOrders--ShippingPurchase__card {
  margin-top: 10px;
  padding: 15px;
  border-radius: 3px;
  background-color: #f9fafb;
  border: 1px solid #b8c4ce;
}
.VendorOrders--ShippingPurchase__logo {
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  font-size: 42px;
  line-height: 1;
  color: #b8c4ce;
}
.VendorOrders--ShippingPurchase__name {
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-weight: 600;
  color: #555a5f;
  letter-spacing: 0.5px;
}
.VendorOrders--ShippingPurchase__expiration {
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  text-align: right;
  text-transform: uppercase;
  color: #999;
}
.VendorOrders--ShippingPurchase__buttons {
  margin-top: 10px;
  padding: 10px 0px;
}
.VendorOrders--ShippingPurchase__button {
  width: 100%;
}
.VendorOrders--ShippingPurchase__link {
  transition: color 0.5s;
  font-size: 16px;
}
.VendorOrders--ShippingPurchase__link:hover {
  color: #467bd4;
}
.VendorOrders--ShippingPurchase__link:hover .VendorOrders--ShippingPurchase__arrow {
  transform: translateX(3px);
}
.VendorOrders--ShippingPurchase__arrow {
  transition: transform 0.5s;
  margin-left: 5px;
}
.VendorOrders--ShippingLabel {
  text-align: center;
  padding: 30px 0;
}
.VendorOrders--ShippingLabel h1 {
  margin-bottom: 10px;
}
.VendorOrders--ShippingLabel h4 {
  color: #8a939b;
}
.VendorOrders--CreditCardAdd {
  text-align: center;
  padding-bottom: 20px;
}
.VendorOrders--CreditCardAdd__link {
  transition: color 0.5s;
  font-size: 18px;
}
.VendorOrders--CreditCardAdd__link:hover {
  color: #467bd4;
}
.VendorOrders--CreditCardAdd__link:hover .VendorOrders--CreditCardAdd__arrow {
  transform: translateX(3px);
}
.VendorOrders--CreditCardAdd__arrow {
  transition: transform 0.5s;
  margin-left: 5px;
}
.VendorOrders--CreditCardAdd__info {
  max-width: 450px;
  font-size: 16px;
  margin: auto;
  padding-bottom: 15px;
}
.VendorOrders--CreditCardAdd__info p {
  color: #6e767c;
}
.VendorOrders--CreditCardAdd h1 {
  padding-bottom: 15px;
}
.VendorPilots__header {
  margin-bottom: 20px;
}
.VendorPilots__mainContent {
  margin: -10px;
}
.VendorPilots--ListItem {
  padding: 18px;
  cursor: pointer;
  color: #555a5f;
  transition: all 0.3s;
  border-bottom: 1px solid #eaeaea;
}
.VendorPilots--ListItem h5 {
  color: #8a939b;
  text-transform: uppercase;
}
.VendorPilots--ListItem__imageInfo {
  text-align: center;
}
.VendorPilots--ListItem__image {
  max-height: 100px;
}
.VendorPilots--ListItem__content {
  padding: 0 15px;
  border-left: 1px dashed #eaeaea;
  border-right: 1px dashed #eaeaea;
}
.VendorPilots--ListItem h2 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorPilots--ListItem h2.active {
  color: #57c559;
}
.VendorPilots--ListItem h2.inactive {
  color: #eb5252;
}
.VendorPilots--ListItem__pilotName {
  transition: color 0.2s;
}
.VendorPilots--ListItem__pilot {
  padding: 18px 0 18px 18px;
  cursor: pointer;
  color: #555a5f;
  transition: all 0.3s;
}
.VendorPilots--ListItem__pilot:hover {
  background-color: #f4f8fe;
}
.VendorPilots--ListItem__pilot:hover .VendorPilots--ListItem__pilotName {
  color: #467bd4;
}
.VendorPilots--Overlay__header {
  text-align: center;
}
.VendorPilots--Form__buttons {
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
  padding: 20px 0px;
}
.VendorPilots--Form__button {
  width: 100%;
}
.VendorCoupons__header {
  margin-bottom: 20px;
}
.VendorCoupons__mainContent {
  margin: -10px;
}
.VendorCoupons .expired {
  color: #eb5252;
}
.VendorCoupons--ListItem {
  border-bottom: 1px solid #eaeaea;
}
.VendorCoupons--ListItem__coupon {
  padding: 18px 0 18px 18px;
  cursor: pointer;
  color: #555a5f;
  transition: all 0.3s;
}
.VendorCoupons--ListItem__coupon:hover {
  background-color: #f4f8fe;
}
.VendorCoupons--ListItem__coupon:hover .VendorCoupons--ListItem__itemName {
  color: #467bd4;
}
.VendorCoupons--ListItem h5 {
  color: #8a939b;
  text-transform: uppercase;
}
.VendorCoupons--ListItem__imageInfo {
  text-align: center;
}
.VendorCoupons--ListItem__image {
  max-height: 100px;
}
.VendorCoupons--ListItem__content {
  padding: 0 15px;
  border-left: 1px dashed #eaeaea;
  border-right: 1px dashed #eaeaea;
}
.VendorCoupons--ListItem h2 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VendorCoupons--ListItem h2.active {
  color: #57c559;
}
.VendorCoupons--ListItem h2.inactive {
  color: #eb5252;
}
.VendorCoupons--ListItem__itemName {
  transition: color 0.2s;
}
.VendorCoupons--ListItem__check {
  font-size: 18px;
  color: #57c559;
}
.VendorCoupons--ListItem__cross {
  color: #eb5252;
  font-size: 18px;
}
.VendorCoupons--ListItem__code {
  font-weight: 700;
}
.VendorCoupons--ListItem__display {
  font-size: 16px;
  font-weight: 700;
  color: #4f8cf1;
}
.VendorCoupons--ListItem__buttons {
  margin: auto;
}
.VendorCoupons--ListItem__button {
  margin: 10px 0;
}
.VendorCoupons--ListItem__cancelConfirm {
  max-width: 350px;
  text-align: center;
}
.VendorCoupons--Overlay__header {
  text-align: center;
}
.VendorCoupons--Form__buttons {
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
  padding: 20px 0px;
}
.VendorCoupons--Form__button {
  width: 100%;
}
.VendorCoupons--Form__check {
  margin: 10px 40px;
}
.Upsells--UpsellListItem {
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
  color: #555a5f;
  border-radius: 3px;
  padding: 10px 20px;
}
.Upsells--UpsellListItem__stripe {
  transition: all 0.3s;
  height: calc(102%);
  width: 3px;
  position: absolute;
  left: 0;
  transform-origin: 0 50%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #eb5252;
}
.Upsells--UpsellListItem__stripe__is_active {
  background-color: #57c559;
}
.Upsells--UpsellListItem__image {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.Upsells--UpsellListItem__image-container {
  padding-right: 24px;
  border-right: 1px solid #eeeeee;
}
.Upsells--UpsellListItem h2 {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Upsells--UpsellListItem h4 {
  font-weight: normal;
  font-size: 24px;
}
.Upsells--UpsellListItem h5 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #6e767c;
}
.Upsells--UpsellListItem h5 em {
  color: #b8c4ce;
}
.Upsells--UpsellListItem__number {
  text-align: center;
}
.Upsells--UpsellListItem__link {
  text-align: center;
  transition: transform 150ms ease-in-out;
  color: #b8c4ce;
  padding-right: 20px;
}
.Upsells--UpsellListItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}
.Upsells--UpsellListItem:hover .Upsells--UpsellListItem__link {
  transform: translateX(6px);
}
.Upsells--UpsellListItem:hover .Upsells--UpsellListItem__stripe {
  transform: scaleX(2);
}
.Upsell--Kind--ACTIVE {
  transition: all 200ms;
  color: #57c559;
}
.Upsell--Kind--ACTIVE:hover {
  background-color: #eef9ee;
}
.Upsell--Kind--ACTIVE--active {
  background-color: #f2faf2;
}
.Upsell--Kind--ACTIVE--icon {
  background-color: #57c559;
}
.Upsell--Kind--INACTIVE {
  transition: all 200ms;
  color: #eb5252;
}
.Upsell--Kind--INACTIVE:hover {
  background-color: #fdeeee;
}
.Upsell--Kind--INACTIVE--active {
  background-color: #fdf1f1;
}
.Upsell--Kind--INACTIVE--icon {
  background-color: #eb5252;
}
.Upsells--UpsellItemsView__container {
  border: none !important;
}
.VendorLeads--Detail {
  padding: 20px;
  background: #f9fafb;
  border-top: 1px solid #eff2f4;
}
.VendorLeads--Detail__inner {
  background: #fff;
  padding: 20px;
}
.VendorLeads--Detail__response h6 {
  font-size: 16px;
  font-weight: bold;
}
.VendorLeads--Table__select {
  height: 42px;
}
.VendorLeads--Table__cashback {
  text-align: center;
}
.VendorAdjustmentGroups {
  padding: 20px 0;
}
.VendorAdjustmentGroups__ListView__emptyLabel {
  padding: 10px;
}
.VendorAdjustmentGroups__ListView__emptyLabel > label {
  margin: auto;
}
.VendorAdjustmentGroups__ListView__emptyLabel > .barnyard-Label__labelLeft {
  display: none;
}
.VendorAdjustmentGroups__ListView__headers {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}
.VendorAdjustmentGroups__ListView__headers p {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.VendorAdjustmentGroups__ListItem {
  padding: 0;
  margin-bottom: 20px;
}
.VendorAdjustmentGroups__ListItem.collapsed {
  border-bottom: none;
}
.VendorAdjustmentGroups__ListItem__collapser {
  cursor: pointer;
  transition: background-color 200ms;
  padding: 2px 12px;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaeaea;
}
.VendorAdjustmentGroups__ListItem__collapser button {
  margin: 5px 10px;
}
.VendorAdjustmentGroups__ListItem__hoverableText {
  font-weight: bold;
  color: #4f8cf1;
  margin-right: 100px;
}
.VendorAdjustmentGroups__ListItem__overlay {
  padding: 20px 25px;
}
.VendorAdjustmentGroups__ListItem__RotatingIcon {
  margin-left: 20px;
}
.VendorAdjustmentGroups__ListItem__activeCol {
  min-width: 70px;
  text-align: center;
}
.VendorAdjustmentGroups__ListItem__edit {
  min-width: 75px;
  text-align: center;
}
.VendorAdjustmentGroups__AdjustmentLineItem {
  min-height: 56px;
  transition: opacity 300ms, background-color 100ms;
  font-size: 16px;
  border-left: 2px solid transparent;
  margin: 0;
}
.VendorAdjustmentGroups__AdjustmentLineItem > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VendorAdjustmentGroups__AdjustmentLineItem:hover {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
  cursor: pointer;
}
.VendorAdjustmentGroups__AdjustmentLineItem:hover .VendorAdjustmentGroups__AdjustmentLineItem__EditButton {
  color: #4f8cf1 !important;
}
.VendorAdjustmentGroups__AdjustmentLineItem.editing {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
}
.VendorAdjustmentGroups__AdjustmentLineItem.isUpdating,
.VendorAdjustmentGroups__AdjustmentLineItem.isCreating {
  pointer-events: none;
  opacity: 0.25;
}
.VendorAdjustmentGroups__AdjustmentLineItem__check {
  margin: 0 -10px 0 0;
  max-width: 30px;
}
.VendorAdjustmentGroups__AdjustmentLineItem__activeIcon {
  color: #eb5252;
}
.VendorAdjustmentGroups__AdjustmentLineItem__activeIcon.active {
  color: #57c559;
}
.VendorAdjustmentGroups__AdjustmentLineItem__ButtonGroup {
  margin-left: -8px;
}
.VendorAdjustmentGroups__AdjustmentLineItem__ButtonGroup span {
  margin-left: 0;
}
.VendorAdjustmentGroups__AdjustmentLineItem__SaveButton {
  margin: 0;
  padding: 0 5px;
}
.VendorAdjustmentGroups__AdjustmentLineItem__CloseButton > span {
  pointer-events: none;
}
.VendorAdjustmentGroups__AdjustmentLineItem__EditButton {
  color: #b8c4ce !important;
  transition: opacity 300ms, background-color 100ms;
}
.VendorAdjustmentGroups__AdjustmentLineItem__EditButton:hover {
  background: #eff2f4 !important;
}
.VendorAdjustmentGroups__AdjustmentLineItem__ActionButton {
  margin-left: -10px;
}
.VendorAdjustmentGroups__AdjustmentLineItem__ActionButton span {
  margin-left: 0;
}
.VendorAdjustmentGroups__AdjustmentCreate__ActiveButton {
  margin-top: 30px;
}
.VendorAdjustmentGroups__AdjustmentCreate__AddButton {
  text-align: center;
  padding-bottom: 18px;
}
.VendorAdjustmentGroups__AdjustmentCreate__Header {
  text-align: center;
  padding-bottom: 10px;
}
.VendorAdjustmentGroups__AdjustmentCreate__Row {
  margin-bottom: 10px;
}
.VendorAdjustmentGroups__Details {
  background-color: #fff;
  border: 1px solid #eaeaea;
}
.VendorAdjustmentGroups__Details__header h1 {
  padding: 10px 0 10px 12px;
  font-weight: bold;
}
.VendorAdjustmentGroups__Details h3 {
  padding-bottom: 10px;
  margin-left: -5px;
}
.VendorAdjustmentGroups__Details__Tag {
  margin: 0 5px 5px 0;
}
.VendorAdjustmentGroups__Details__InputRow {
  padding-bottom: 10px;
}
.VendorAdjustmentGroups__Details__leftCol {
  padding: 20px 100px 20px 20px;
}
.VendorAdjustmentGroups__Details__rightCol {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #eaeaea;
  width: 500px;
  background-color: #fbfbfb;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.VendorAdjustmentGroups__Details__rightCol .question {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.VendorAdjustmentGroups__Details__rightCol .answer {
  font-size: 14px;
}
.VendorAdjustmentGroups__Details__rightCol.active {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  opacity: 1;
}
.VendorAdjustmentGroups__Details__rightCol.active.noTop {
  border-top: 1px solid transparent;
}
.VendorAdjustmentGroups__Details__rightCol.active.noBottom {
  border-bottom: 1px solid transparent;
}
.VendorAllocationGroups {
  padding: 20px 0;
}
.VendorAllocationGroups__ListView__emptyLabel {
  padding: 10px;
}
.VendorAllocationGroups__ListView__emptyLabel > label {
  margin: auto;
}
.VendorAllocationGroups__ListView__emptyLabel > .barnyard-Label__labelLeft {
  display: none;
}
.VendorAllocationGroups__ListView__headers {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}
.VendorAllocationGroups__ListView__headers p {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.VendorAllocationGroups__ListItem {
  padding: 0;
  margin-bottom: 5px;
}
.VendorAllocationGroups__ListItem.collapsed {
  border-bottom: none;
}
.VendorAllocationGroups__ListItem__collapser {
  cursor: pointer;
  transition: background-color 200ms;
  padding: 2px 12px;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaeaea;
}
.VendorAllocationGroups__ListItem__collapser button {
  margin: 5px 10px;
}
.VendorAllocationGroups__ListItem__hoverableText {
  font-weight: bold;
  color: #4f8cf1;
  margin-right: 100px;
}
.VendorAllocationGroups__ListItem__overlay {
  padding: 20px 25px;
}
.VendorAllocationGroups__ListItem__RotatingIcon {
  margin-left: 20px;
}
.VendorAllocationGroups__ListItem__activeCol {
  min-width: 70px;
  text-align: center;
}
.VendorAllocationGroups__ListItem__edit {
  min-width: 75px;
  text-align: center;
}
.VendorAllocationGroups__AllocationLineItem {
  min-height: 56px;
  transition: opacity 300ms, background-color 100ms;
  font-size: 16px;
  border-left: 2px solid transparent;
  margin: 0;
}
.VendorAllocationGroups__AllocationLineItem > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VendorAllocationGroups__AllocationLineItem:hover {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
  cursor: pointer;
}
.VendorAllocationGroups__AllocationLineItem:hover .VendorAllocationGroups__AllocationLineItem__EditButton {
  color: #4f8cf1 !important;
}
.VendorAllocationGroups__AllocationLineItem.editing {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
}
.VendorAllocationGroups__AllocationLineItem.isUpdating,
.VendorAllocationGroups__AllocationLineItem.isCreating {
  pointer-events: none;
  opacity: 0.25;
}
.VendorAllocationGroups__AllocationLineItem__check {
  margin: 0 -10px 0 0;
  max-width: 30px;
}
.VendorAllocationGroups__AllocationLineItem__activeIcon {
  color: #eb5252;
}
.VendorAllocationGroups__AllocationLineItem__activeIcon.active {
  color: #57c559;
}
.VendorAllocationGroups__AllocationLineItem__ButtonGroup {
  margin-left: -8px;
}
.VendorAllocationGroups__AllocationLineItem__ButtonGroup span {
  margin-left: 0;
}
.VendorAllocationGroups__AllocationLineItem__SaveButton {
  margin: 0;
  padding: 0 5px;
}
.VendorAllocationGroups__AllocationLineItem__CloseButton > span {
  pointer-events: none;
}
.VendorAllocationGroups__AllocationLineItem__EditButton {
  color: #b8c4ce !important;
  transition: opacity 300ms, background-color 100ms;
}
.VendorAllocationGroups__AllocationLineItem__EditButton:hover {
  background: #eff2f4 !important;
}
.VendorAllocationGroups__AllocationLineItem__ActionButton {
  margin-left: -10px;
}
.VendorAllocationGroups__AllocationLineItem__ActionButton span {
  margin-left: 0;
}
.VendorAllocationGroups__AllocationCreate__ActiveButton {
  margin-top: 30px;
}
.VendorAllocationGroups__AllocationCreate__AddButton {
  text-align: center;
  padding-bottom: 18px;
}
.VendorAllocationGroups__AllocationCreate__Header {
  text-align: center;
  padding-bottom: 10px;
}
.VendorAllocationGroups__AllocationCreate__Row {
  margin-bottom: 10px;
}
.VendorAllocationGroups__Details {
  background-color: #fff;
  border: 1px solid #eaeaea;
}
.VendorAllocationGroups__Details__header h1 {
  padding: 10px 0 10px 12px;
  font-weight: bold;
}
.VendorAllocationGroups__Details h3 {
  padding-bottom: 10px;
  margin-left: -5px;
}
.VendorAllocationGroups__Details__Tag {
  margin: 0 5px 5px 0;
}
.VendorAllocationGroups__Details__InputRow {
  padding-bottom: 10px;
}
.VendorAllocationGroups__Details__leftCol {
  padding: 20px 100px 20px 20px;
}
.VendorAllocationGroups__Details__rightCol {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #eaeaea;
  width: 500px;
  background-color: #fbfbfb;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.VendorAllocationGroups__Details__rightCol .question {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.VendorAllocationGroups__Details__rightCol .answer {
  font-size: 14px;
}
.VendorAllocationGroups__Details__rightCol.active {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  opacity: 1;
}
.VendorAllocationGroups__Details__rightCol.active.noTop {
  border-top: 1px solid transparent;
}
.VendorAllocationGroups__Details__rightCol.active.noBottom {
  border-bottom: 1px solid transparent;
}
.VendorClinics {
  padding: 20px 0;
}
.VendorClinics__ListView__emptyLabel {
  padding: 10px;
}
.VendorClinics__ListView__emptyLabel > label {
  margin: auto;
}
.VendorClinics__ListView__emptyLabel > .barnyard-Label__labelLeft {
  display: none;
}
.VendorClinics__ListView__headers {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
}
.VendorClinics__ListView__headers p {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.VendorClinics__ListView__subheaderText {
  font-size: 14px;
}
.VendorClinics__ClinicLineItem {
  min-height: 56px;
  transition: opacity 300ms, background-color 100ms;
  font-size: 16px;
  border-left: 2px solid transparent;
  margin: 0;
}
.VendorClinics__ClinicLineItem > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.VendorClinics__ClinicLineItem:hover {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
  cursor: pointer;
}
.VendorClinics__ClinicLineItem:hover .VendorClinics__ClinicLineItem__EditButton {
  color: #4f8cf1 !important;
}
.VendorClinics__ClinicLineItem.editing {
  background-color: #f4f8fe;
  border-color: #4f8cf1;
}
.VendorClinics__ClinicLineItem.isUpdating,
.VendorClinics__ClinicLineItem.isCreating {
  pointer-events: none;
  opacity: 0.25;
}
.VendorClinics__ClinicLineItem__check {
  margin: 0 -10px 0 0;
  max-width: 30px;
}
.VendorClinics__ClinicLineItem__activeIcon {
  color: #eb5252;
}
.VendorClinics__ClinicLineItem__activeIcon.active {
  color: #57c559;
}
.VendorClinics__ClinicLineItem__ButtonGroup {
  margin-left: -8px;
}
.VendorClinics__ClinicLineItem__ButtonGroup span {
  margin-left: 0;
}
.VendorClinics__ClinicLineItem__SaveButton {
  margin: 0;
  padding: 0 5px;
}
.VendorClinics__ClinicLineItem__CloseButton > span {
  pointer-events: none;
}
.VendorClinics__ClinicLineItem__EditButton {
  color: #b8c4ce !important;
  transition: opacity 300ms, background-color 100ms;
}
.VendorClinics__ClinicLineItem__EditButton:hover {
  background: #eff2f4 !important;
}
.VendorClinics__ClinicLineItem__ActionButton {
  margin-left: -10px;
}
.VendorClinics__ClinicLineItem__ActionButton span {
  margin-left: 0;
}
.VendorClinics__ClinicCreate__ActiveButton {
  color: #4f8cf1;
  margin-top: 15px;
  font-size: medium;
}
.VendorClinics__ClinicCreate__AddButton {
  text-align: center;
  padding-bottom: 18px;
}
.VendorClinics__ClinicCreate__alignRight {
  text-align: right;
}
.VendorClinics__ClinicCreate__Header {
  text-align: center;
  padding-bottom: 10px;
}
.VendorClinics__ClinicCreate__Row {
  margin-bottom: 10px;
}

//# sourceMappingURL=auth-e63829719a1bd6b91f9b.js.map