@import url(https://rsms.me/inter/inter.css);
.initial-avatar-20px {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  height: 20px;
  text-align: center;
  width: 20px;
}

.initial-avatar-20px .initials {
  color: #fff;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 7px;
  letter-spacing: 0.7px;
  line-height: 20px;
}

.initial-avatar-40px {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  height: 40px;
  text-align: center;
  width: 40px;
}

.initial-avatar-40px .initials {
  color: #fff;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 40px;
}

.initial-avatar-60px {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  height: 60px;
  text-align: center;
  width: 60px;
}

.initial-avatar-60px .initials {
  color: #fff;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 21px;
  letter-spacing: 0.7px;
  line-height: 60px;
}

.initial-avatar-90px {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  height: 90px;
  text-align: center;
  width: 90px;
}

.initial-avatar-90px .initials {
  color: #fff;
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 31.5px;
  letter-spacing: 0.7px;
  line-height: 90px;
}

.fill-gray-color {
  fill: #a0a4af;
}

.fill-blue-color {
  fill: #36aeea;
}

.hashtag,
.blue {
  color: #36aeea !important;
}

.blue-gray {
  color: #b8c4da !important;
}

.blue-gray-md {
  color: #869ac0 !important;
}

.ez-gray {
  color: #a0a4af !important;
}

.ez-gray-md {
  color: #6f7584 !important;
}

.ez-blue-md {
  color: #6280a7 !important;
}

.dark-gray {
  color: #333 !important;
}

.yellow {
  color: #ffc107 !important;
}

.teal {
  color: #18d2ba !important;
}

.pink {
  color: #f45b93 !important;
}

.coral {
  color: #f99183 !important;
}

.purple {
  color: #7e57c2 !important;
}

.purple-dark {
  color: #836bfa !important;
}

.purple-light {
  color: #e6e1ff !important;
}

.purple-dark-card {
  color: #4d2c91 !important;
}

.purple-light-md {
  color: #9884fb !important;
}

@font-face {
  font-family: 'Aller Display';
  src: url(/static/media/AllerDisplay.78e276c3.eot);
  src: url(/static/media/AllerDisplay.78e276c3.eot) format("embedded-opentype"),url(/static/media/AllerDisplay.d5f495a8.woff2) format("woff2"),url(/static/media/AllerDisplay.5f3fcfc3.woff) format("woff"),url(/static/media/AllerDisplay.ea931551.ttf) format("truetype"),url(/static/media/AllerDisplay.f1d47811.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url(/static/media/BebasNeue.eee80502.eot);
  src: url(/static/media/BebasNeue.eee80502.eot) format("embedded-opentype"),url(/static/media/BebasNeue.3c935d23.woff2) format("woff2"),url(/static/media/BebasNeue.cf23d37b.woff) format("woff"),url(/static/media/BebasNeue.f04c456f.ttf) format("truetype"),url(/static/media/BebasNeue.0efb2bb8.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

::-moz-selection {
  background: #41495f;
  color: #fff;
}

::selection {
  background: #41495f;
  color: #fff;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

label,
b,
strong {
  font-weight: 500;
}

.text-lg {
  font-size: 16px;
}

.text-md {
  font-size: 14px;
}

.text-sm {
  font-size: 13px;
}

.text-xs {
  font-size: 85%;
}

.with-newlines {
  white-space: pre-line;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.row-eq-height:before,
.row-eq-height:after {
  display: none;
}

.hide {
  display: none;
}

.row-eq-height>[class*='col-'] {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.box-2cols {
  overflow: hidden;
}

.box-2cols>[class^='col-'] {
  padding: 0;
}

.box-2cols>[class^='col-']+[class^='col-'] {
  border-left: 1px solid #ebebeb;
}

[class^='col-ez'] {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-ez-6 {
  width: 61.5%;
}

.col-ez-4 {
  width: 38.5%;
}

.row.form-inline,
.row.row-space-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.row.form-legend {
  margin-left: -20px;
  margin-right: -20px;
}

.form-inline [class*='col'],
.row-space-20 [class*='col'] {
  padding-left: 10px;
  padding-right: 10px;
}

.border-bottom {
  border-bottom: 1px solid #ebebeb;
}

.border-top {
  border-top: 1px solid #ebebeb;
}

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

.border-right {
  border-right: 1px solid #ebebeb;
}

.no-border {
  border: 0 !important;
}

.margin-top-2 {
  margin-top: 2px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15.03759px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

@media (max-width: 767px) {
  .margin-top-25 {
    margin-top: 0 !important;
  }
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-none {
  margin-top: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

@media (max-width: 767px) {
  .margin-bottom-30 {
    margin-bottom: 20px !important;
  }
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-horizontal-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.margin-horizontal-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin-auto {
  margin: auto !important;
}

.margin-none {
  margin: 0 !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-horizontal-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.padding-horizontal-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.padding-horizontal-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.padding-horizontal-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.no-horizontal-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-none {
  padding: 0 !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.flex {
  display: flex;
}

.full-width {
  width: 100%;
}

@font-face {
  font-family: 'ezrirx-icon-font';
  src: url(/static/media/ezrirx-icon-font.16bbd5cc.eot);
  src: url(/static/media/ezrirx-icon-font.16bbd5cc.eot) format("embedded-opentype"),url(/static/media/ezrirx-icon-font.7a91a2b2.woff) format("woff"),url(/static/media/ezrirx-icon-font.beada3d0.ttf) format("truetype"),url(/static/media/ezrirx-icon-font.90f96e72.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before {
  font-family: 'ezrirx-icon-font' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^='icon-']::before,
[class*=' icon-']::before {
  font-family: 'ezrirx-icon-font' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ask:before {
  content: '\61';
}

.icon-megaphone:before {
  content: '\62';
}

.icon-attachment:before {
  content: '\63';
}

.icon-bill:before {
  content: '\64';
}

.icon-billings:before {
  content: '\65';
}

.icon-block:before {
  content: '\66';
}

.icon-order:before {
  content: '\67';
}

.icon-box:before {
  content: '\68';
}

.icon-lock:before {
  content: '\69';
}

.icon-logout:before {
  content: '\6a';
}

.icon-message:before {
  content: '\6b';
}

.icon-notification:before {
  content: '\6c';
}

.icon-paperplane:before {
  content: '\6d';
}

.icon-calendar:before {
  content: '\6e';
}

.icon-phone:before {
  content: '\6f';
}

.icon-cancel:before {
  content: '\70';
}

.icon-print:before {
  content: '\71';
}

.icon-cart:before {
  content: '\72';
}

.icon-trend-arrow:before {
  content: '\73';
}

.icon-product:before {
  content: '\74';
}

.icon-cart2:before {
  content: '\75';
}

.icon-refunded:before {
  content: '\76';
}

.icon-settings:before {
  content: '\77';
}

.icon-time:before {
  content: '\78';
}

.icon-trash:before {
  content: '\79';
}

.icon-user:before {
  content: '\7a';
}

.icon-write:before {
  content: '\41';
}

.icon-doc:before {
  content: '\42';
}

.icon-download:before {
  content: '\43';
}

.icon-drag:before {
  content: '\44';
}

.icon-edit:before {
  content: '\45';
}

.icon-email:before {
  content: '\46';
}

.icon-expand:before {
  content: '\47';
}

.icon-reply:before {
  content: '\48';
}

.icon-report:before {
  content: '\4b';
}

.icon-eyeball:before {
  content: '\4c';
}

.icon-completed:before {
  content: '\4d';
}

.icon-search:before {
  content: '\4e';
}

.icon-favorite:before {
  content: '\4f';
}

.icon-invoice-outstanding:before {
  content: '\50';
}

.icon-invoice-open:before {
  content: '\51';
}

.icon-pedigree:before {
  content: '\52';
}

.icon-invoice-history:before {
  content: '\53';
}

.icon-arrow-up:before {
  content: '\54';
}

.icon-arrow-down:before {
  content: '\55';
}

.icon-open-orders:before {
  content: '\56';
}

.icon-plus:before {
  content: '\58';
}

.icon-favorite-1:before {
  content: '\5a';
}

.icon-info:before {
  content: '\30';
}

.icon-home:before {
  content: '\31';
}

.icon-sent:before {
  content: '\32';
}

.icon-user-list:before {
  content: '\33';
}

.icon-box-1:before {
  content: '\34';
}

.icon-home-1:before {
  content: '\35';
}

.icon-truck:before {
  content: '\36';
}

.icon-address:before {
  content: '\37';
}

.icon-favorit-3:before {
  content: '\38';
}

.icon-favorite-4:before {
  content: '\39';
}

.icon-creditcard:before {
  content: '\21';
}

.icon-refresh:before {
  content: '\22';
}

.icon-forward:before {
  content: '\23';
}

.icon-help:before {
  content: '\24';
}

.icon-seen:before {
  content: '\25';
}

.icon-menu:before {
  content: '\26';
}

.icon-money:before {
  content: '\27';
}

.icon-bag-circle:before {
  content: '\28';
}

.icon-smile:before {
  content: '\29';
}

.icon-check:before,
.icon-tick:before {
  content: '\2a';
}

.icon-cart-close:before {
  content: '\2b';
}

.icon-cart-up:before {
  content: '\2c';
}

.icon-upload-icon:before {
  content: '\2d';
}

.icon-pin-icon:before {
  content: '\2e';
}

.icon-list-view-icon:before {
  content: '\3a';
}

.icon-info-icon:before {
  content: '\3b';
}

.icon-grid-view-icon:before {
  content: '\3d';
}

.icon-add-payment:before {
  content: '\3e';
}

.icon-arrow-up-icon:before {
  content: '\3f';
}

.icon-arrow-right-icon:before {
  content: '\40';
}

.icon-arrow-left-icon:before {
  content: '\5b';
}

.icon-arrow-down-icon:before {
  content: '\5d';
}

.icon-warning:before {
  content: '\5e';
}

.icon-link-icon:before {
  content: '\60';
}

.icon-invite-colleagues:before {
  content: '\7b';
}

.icon-apply-wholesaler:before {
  content: '\7c';
}

.icon-cart-with-box:before {
  content: '\2f';
}

.icon-chart:before {
  content: '\7d';
}

.icon-dashboard:before {
  content: '\7e';
}

.icon-fav-profile:before {
  content: '\5c';
}

.icon-store:before {
  content: '\e001';
}

.icon-tag:before {
  content: '\e002';
}

.icon-video-icon:before {
  content: '\49';
}

.icon-snowflake-icon:before {
  content: '\4a';
}

.icon-pill-line:before {
  content: '\57';
}

.icon-pill-filled:before {
  content: '\59';
}

.icon-shopfront-around-fill:before {
  content: '\3c';
}

.icon-real-time:before {
  content: '\5f';
}

.icon-controlled-substances:before {
  content: '\e003';
}

.icon-hazmat:before {
  content: '\e004';
}

.icon-quick-link:before {
  content: '\e005';
}

.icon-save-for-later-1:before {
  content: '\e006';
}

.icon-paper:before {
  content: '\e000';
}

.icon-union:before {
  content: '\e007';
}

.icon-required:before {
  content: '\e009';
}

.icon-external-page:before {
  content: '\e008';
}

.icon-sort:before {
  content: '\e00a';
}

.icon-filter:before {
  content: '\e00b';
}

.icon-code:before {
  content: '\e00c';
}

.icon-mobile:before {
  content: '\e00d';
}

.icon-text-message:before {
  content: '\e00e';
}

.icon-key:before {
  content: '\e00f';
}

.icon-filter-icon:before {
  content: '\e010';
}

.icon-barcode:before {
  content: '\e011';
}

.icon-close-small:before {
  content: '\e012';
}

.icon-p2p-icon:before {
  content: '\e013';
}

.icon-order-delivered:before {
  content: '\e014';
}

.icon-ach:before {
  content: '\e015';
}

.icon-business-info:before {
  content: '\e016';
}

.icon-credit-info:before {
  content: '\e017';
}

.icon-select-wholesaler:before {
  content: '\e018';
}

.icon-pay-offline:before {
  content: '\e019';
}

.icon-getting-started:before {
  content: '\e01a';
}

.icon-review-and-assign:before {
  content: '\e01b';
}

.icon-arrow-right:before {
  content: '\e01c';
}

.icon-arrow-left:before {
  content: '\e01d';
}

body {
  background: #e9effb;
  color: #6280a7;
  font-family: "Inter",-apple-system,BlinkMacSystemFont,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}

body.visibility {
  overflow: hidden;
}

@supports (font-variation-settings: normal) {
  body {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Roboto",Helvetica,Arial,sans-serif;
  }
}

a {
  color: #36aeea;
}

a:hover,
a:focus {
  color: #1fa5e8;
  text-decoration: none;
  outline: 0;
}

a.order-link {
  color: #f45b93;
}

a.order-link:hover {
  color: #f24383;
}

a.gray-dark-link {
  color: #333;
}

a.gray-dark-link:hover {
  color: #262626;
}

a.blue {
  color: #36aeea;
}

a.sm {
  font-size: 13px;
}

i {
  vertical-align: middle;
  display: inline-block;
}

i.margin-left {
  margin-left: 4px;
}

i.margin-left-lg {
  margin-left: 8px;
}

i.margin-right {
  margin-right: 4px;
}

i .margin-right-lg {
  margin-right: 8px;
}

i.margin-bottom {
  margin-bottom: 4px;
}

i:before {
  display: block;
}

.clearfix::before,
.subheading-box::before,
.info-list ul li::before,
.signup-wizard__form__content .form-button::before,
.site-header::before,
.notifs .floating-pane-content .notification::before,
.clearfix::after,
.subheading-box::after,
.info-list ul li::after,
.signup-wizard__form__content .form-button::after,
.site-header::after,
.notifs .floating-pane-content .notification::after {
  content: ' ';
  display: table;
}

.clearfix::after,
.subheading-box::after,
.info-list ul li::after,
.signup-wizard__form__content .form-button::after,
.site-header::after,
.notifs .floating-pane-content .notification::after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cursor-pointer {
  cursor: pointer !important;
}

.unread-blip {
  background: #f45b93;
  border-radius: 64px;
  position: relative;
  height: 8px;
  width: 8px;
}

.border-radius {
  border-radius: 50%;
  position: relative;
}

.back,
.forward {
  color: #334770;
}

.back i,
.forward i {
  color: #36aeea;
}

.back i {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -khtml-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.RpH2RpH-icon {
  font-size: 10px;
  background-color: #4d2c91;
  border-radius: 50%;
  position: relative;
  padding: 3px;
}

.purple-border {
  border-color: #836bfa !important;
}

.first-offer-label {
  background: #fde9e6;
  color: #f99183;
}

.new-customer-label {
  background: #e0e6ed;
  color: #6680a4;
}

.customer-cart-label {
  background: #cef1eb;
  color: #5dcfbb;
}

.customer-order-label {
  background: #ddeffa;
  color: #36aeea;
}

.mass-offer-label {
  background: #333;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .profiler-results {
    display: none;
  }
}

.fade-enter {
  opacity: 0.01;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0.01;
  transition: opacity 500ms ease-in;
}

.layout-default {
  min-height: 100vh;
  background: #192745;
  padding: 60px 0 40px;
  overflow: hidden;
}

.layout-default.loading {
  background: #192745;
}

.layout-default .logo {
  margin: 0;
}

.layout-default .logo a {
  background: url(/static/media/logo.8c4f095e.png) no-repeat center center;
  display: block;
  width: 73px;
  height: 40px;
  margin: 0 auto 30px;
  -khtml-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

.layout-default .contents {
  width: 100%;
  max-width: 570px;
  padding: 0 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.layout-default .content-block {
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 40px;
}

.layout-default .content-block .logo {
  border-radius: 8px 8px 0 0;
  position: relative;
  background: #192745;
  padding: 25px 0;
}

.layout-default .content-block .content-block-container {
  background: #e9effb;
  padding: 30px;
  border-radius: 0 0 8px 8px;
  position: relative;
}

.layout-default .content-block p {
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
}

.layout-default .content-block .button {
  font-size: 18px;
  line-height: 30px;
  display: block;
  width: 100%;
}

.layout-default .content-block .button i {
  font-size: 28px;
  line-height: 30px;
  vertical-align: top;
}

.layout-default .content-block .button i.fa-angle-right {
  margin-left: 3px;
}

.layout-default .content-block .button i.fa-angle-left {
  margin-right: 3px;
}

.layout-default .content-block label {
  color: #6280a7;
}

.layout-default .content-block .radio {
  display: block;
  margin-bottom: 5px;
}

.layout-default .content-block .radio:last-child {
  margin-bottom: 0;
}

.layout-default .content-block .radio input[type='radio'] {
  vertical-align: top;
  margin: 2px 5px 0 0;
}

.layout-default .content-block .radio label {
  color: #41495f;
}

.layout-default .footer-text {
  color: #bac4da;
  margin: 25px 0 0;
  text-align: center;
}

.layout-default .footer-text a {
  font-weight: 500;
}

.floating-pane {
  background: #fff;
  border-radius: 8px;
  position: relative;
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1001;
  transition: -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  display: none;
}

.floating-pane.open {
  display: block;
  margin: 0;
}

.floating-pane .floating-pane-wrapper {
  height: 100%;
  min-height: 100%;
  position: relative;
}

.floating-pane .floating-pane-header {
  background: #fff;
  clear: both;
  border-radius: 8px 8px 0 0;
  position: relative;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 20px;
}

.floating-pane .floating-pane-header h2 {
  color: #1c2c4c;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
}

.floating-pane .floating-pane-header .menu-close {
  background: url(/static/media/floating-pane-close-icon.07ae400a.svg) no-repeat left center;
  cursor: pointer;
  display: block;
  height: 18px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 18px;
}

.floating-pane .floating-pane-content {
  height: 100%;
  max-height: 82%;
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.floating-pane .floating-pane-content .container-fluid {
  padding: 0;
  height: 100%;
  min-height: 100%;
}

.floating-pane .floating-pane-content .section {
  background: #f8f8f8;
  color: #333;
  cursor: default;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 20px;
  text-align: left;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .floating-pane {
    bottom: 10px;
    top: 10px;
    right: 30px;
    width: 450px;
  }

  .floating-pane.open {
    height: auto;
  }

  .floating-pane .floating-pane-content {
    max-height: 92%;
  }
}

.site-sidebar {
  position: fixed;
  width: 100%;
  z-index: 998;
  background: #e9effb;
  border-bottom: 1px solid #cfdcf6;
}

.site-sidebar.static {
  position: static;
}

.site-sidebar.screen-lg-pane {
  background: #fff;
}

.site-sidebar .side-nav {
  border-bottom: 1px solid #cfdcf6;
  overflow-x: scroll;
  padding: 20px 0 0;
  margin: 0;
  white-space: nowrap;
  scrollbar-width: none;
}

.site-sidebar .side-nav::-webkit-scrollbar {
  display: none;
}

.site-sidebar .side-nav:last-child {
  border-bottom: 0;
}

.site-sidebar .side-nav li {
  display: inline;
}

.site-sidebar .side-nav li>a {
  color: #6280a7;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  margin: 0 10px;
  padding: 0 0 10px 0;
  position: relative;
  vertical-align: middle;
  line-height: 22px;
}

.site-sidebar .side-nav li>a.active {
  border-bottom: 3px solid #f45b93;
  color: #36aeea;
  font-size: 16px;
}

.site-sidebar .side-nav li>a.active i {
  color: #36aeea;
}

.site-sidebar .side-nav li>a i {
  padding-right: 5px;
  color: #6280a7;
  font-size: 16px;
}

.site-sidebar .side-nav li>a i::before {
  line-height: 22px;
}

.site-sidebar .side-nav li>a:hover {
  color: #36aeea;
  transition: color .1s ease-in;
}

.site-sidebar .side-nav li>a:hover i {
  color: #36aeea;
  transition: color .1s ease-in;
}

.site-sidebar .side-nav li.important>a i {
  color: #f45b93;
}

.site-sidebar .side-nav li.important>a:hover i {
  color: #f45b93;
}

.site-sidebar .side-nav li>a.button {
  font-size: 15px;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
}

.site-sidebar .side-nav li>a.button:hover {
  font-weight: normal;
}

.site-sidebar .side-nav:first-child {
  padding-left: 15px;
}

.site-sidebar .side-nav:last-child {
  padding-right: 15px;
}

.site-sidebar .sub-nav {
  list-style: none;
  margin: 15px 0 0;
}

.site-sidebar .sub-nav li {
  margin-bottom: 15px;
  padding-left: 26px;
}

.site-sidebar .sub-nav li a {
  font-size: 15px;
  color: #6280a7;
  font-weight: normal;
}

.site-sidebar .sub-nav li a:hover {
  color: #36aeea;
  transition: color .1s ease-in;
}

.site-sidebar .sub-nav li.active a {
  font-weight: bold;
}

.site-sidebar .sub-nav li:last-child {
  margin-bottom: 0;
}

.site-sidebar .sub-nav li:last-child a {
  margin: 0;
}

.site-sidebar .filters {
  padding: 30px 10px 30px 30px;
}

.category-sidenav {
  border-bottom: 1px solid #cfdcf6;
  padding-bottom: 25px;
}

.category-sidenav__title {
  padding: 10px 20px;
}

.category-sidenav__title h4 {
  font-weight: 500;
  font-size: 13px;
  color: #334770;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0;
}

.category-sidenav__list {
  margin: 0;
}

.category-sidenav .sidenav-toggle__title {
  padding: 10px 20px;
}

.sidenav-toggle {
  margin-top: 5px;
  margin-bottom: 15px;
}

.sidenav-toggle__title {
  color: #1c2c4c;
  display: block;
  font-size: 13px;
  line-height: 1.35em;
  padding: 5px;
  overflow: hidden;
  position: relative;
}

.sidenav-toggle__title strong,
.sidenav-toggle__title span,
.sidenav-toggle__title label {
  float: left;
}

.sidenav-toggle__title strong {
  font-size: 14px;
}

.sidenav-toggle__title::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.sidenav-toggle__title>i {
  color: rgba(43,70,106,0.7);
  font-size: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 20px;
}

.sidenav-toggle__title .label {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  margin: 0 0 0 6px;
  padding: 0 6px;
  text-transform: uppercase;
  border-radius: 2px;
  position: relative;
}

.sidenav-toggle__nested>a {
  position: relative;
}

.sidenav-toggle__nested>a i {
  color: rgba(43,70,106,0.7);
  font-size: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: rotate(-90deg);
  -khtml-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sidenav-toggle__content,
.sidenav-toggle__content .sidenav-toggle__subcontent {
  display: none;
}

.sidenav-toggle__content .sidenav-toggle__nested.show .sidenav-toggle__subcontent,
.sidenav-toggle.show .sidenav-toggle__content {
  display: block;
}

.sidenav-toggle.show .sidenav-toggle__title>i {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  transform: rotate(180deg);
}

.category-sidenav__list .sidenav-toggle__content>li {
  padding: 1px 0 0;
  position: relative;
}

.category-sidenav__list .sidenav-toggle__content>li>a {
  border-left: 4px solid transparent;
  color: #334770;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 20px;
}

.category-sidenav__list .sidenav-toggle__content>li>a:hover,
.category-sidenav__list .sidenav-toggle__content>li>a.active {
  background: #fff;
  border-color: #36aeea;
  color: #36aeea;
  font-weight: 500;
}

.category-sidenav__list .sidenav-toggle__nested:hover>a {
  background: #fff;
  border-color: #36aeea;
  color: #36aeea;
  font-weight: 500;
  position: relative;
  z-index: 1000;
}

.category-sidenav__list .sidenav-toggle__content .sidenav-toggle__subcontent {
  border: 1px solid #cfdcf6;
  background: #fff;
  margin-left: -1px;
  padding: 8px 20px 12px;
  width: 440px;
  border-radius: 0 4px 4px 0;
  position: relative;
  -ms-box-shadow: 2px 2px #cfdcf6;
  -o-box-shadow: 2px 2px #cfdcf6;
  box-shadow: 2px 2px #cfdcf6;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 999;
}

.category-sidenav__list .sidenav-toggle__subcontent ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

.category-sidenav__list .sidenav-toggle__subcontent li {
  padding: 3px 10px;
  width: 50%;
}

.category-sidenav__list .sidenav-toggle__subcontent li a {
  color: #1c2c4c;
  display: block;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 0;
}

.category-sidenav__list .sidenav-toggle__subcontent li a:hover {
  color: #f45b93;
}

.category-sidenav__list .sidenav-toggle__subcontent li a.active {
  color: #f45b93;
  font-weight: 500;
}

.filters-sidenav {
  padding: 20px;
  margin-top: 20px;
}

.filters-sidenav__title h4 {
  font-size: 13px;
  font-weight: 400;
  color: #6280a7;
  line-height: 1.25em;
  margin: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.filters-sidenav .sidenav-toggle {
  border-bottom: 1px solid #cfdcf6;
}

.filters-sidenav .sidenav-toggle__title {
  font-weight: 500;
  line-height: 1em;
  margin: 0;
  padding: 12px 25px 12px 0;
  position: relative;
}

.filters-sidenav .sidenav-toggle__title i {
  right: 8px;
}

.filters-sidenav .sidenav-toggle__content {
  padding: 4px 0 10px;
}

.filters-sidenav .sidenav-toggle__content ul {
  margin: 0;
}

.filters-sidenav .sidenav-toggle__content ul li {
  overflow: hidden;
  padding: 5px 0;
}

.filters-sidenav .sidenav-toggle__content ul li input {
  float: left;
  margin: 2px 6px 0 0;
}

.filters-sidenav .sidenav-toggle__content ul li label {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
  margin: 0;
  overflow: hidden;
}

.filters-sidenav__search {
  margin-bottom: 10px;
}

.filters-sidenav__search:before {
  color: #1c2c4c;
  font-size: 12px;
  line-height: 30px;
}

.filters-sidenav__search>input {
  background: none;
  font-size: 11px;
  line-height: 16px;
  height: 30px;
  padding-left: 28px;
  padding-right: 5px;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.filters-sidenav__search>input::-moz-placeholder {
  color: #1c2c4c;
  opacity: 1;
}

.filters-sidenav__search>input:-ms-input-placeholder {
  color: #1c2c4c;
}

.filters-sidenav__search>input::-webkit-input-placeholder {
  color: #1c2c4c;
}

.filters-sidenav__search>input:focus {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.filters-sidenav .button {
  font-weight: 500;
  font-size: 11px;
  padding: 6px;
  text-transform: uppercase;
}

.filters-sidenav__buttons {
  padding-top: 25px;
}

.filters-sidenav__buttons .button {
  margin-top: 10px;
}

.filters-sidenav__buttons .button:first-child {
  margin-top: 0;
}

.support-center-box {
  padding: 20px;
}

.support-center-box__inner {
  background: #fff;
  border: 1px solid #cfdcf6;
  padding: 15px;
  border-radius: 4px;
  position: relative;
  font-size: 13px;
}

.support-center-box h4 {
  font-size: 13px;
  line-height: 1em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.support-center-box p {
  color: rgba(43,70,106,0.7);
  font-size: 13px;
  line-height: 1.3em;
}

.support-center-box .styled-list {
  margin: 0;
}

.support-center-box .styled-list li {
  padding-top: 10px;
}

@media only screen and (min-width: 768px) {
  .site-sidebar {
    padding: 0 15px;
    position: static;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .site-sidebar.screen-lg-pane {
    float: left;
    height: 100vh;
    width: 250px;
  }

  .site-sidebar .side-nav>li {
    float: left;
  }
}

@media only screen and (min-width: 1200px) {
  .site-sidebar {
    position: static;
  }
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='file'],
input[type='date'],
textarea,
select {
  background: #fff;
  border: 1px solid #dbdbdb;
  color: #1c2c4c;
  display: block;
  font-weight: 400;
  font-family: "Inter",-apple-system,BlinkMacSystemFont,"Roboto",Helvetica,Arial,sans-serif;
  line-height: 20px;
  padding: 8px;
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  outline: none;
  outline-width: 0;
  height: 38px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='file']:focus,
input[type='date']:focus,
textarea:focus,
select:focus {
  background: #f8f9fb;
  border-color: #36aeea;
  color: #41495f;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

input[type='text'].full-width,
input[type='email'].full-width,
input[type='password'].full-width,
input[type='search'].full-width,
input[type='number'].full-width,
input[type='tel'].full-width,
input[type='file'].full-width,
input[type='date'].full-width,
textarea.full-width,
select.full-width {
  width: 100%;
}

input[type='text'].inline-datepicker-display,
input[type='email'].inline-datepicker-display,
input[type='password'].inline-datepicker-display,
input[type='search'].inline-datepicker-display,
input[type='number'].inline-datepicker-display,
input[type='tel'].inline-datepicker-display,
input[type='file'].inline-datepicker-display,
input[type='date'].inline-datepicker-display,
textarea.inline-datepicker-display,
select.inline-datepicker-display {
  display: inline;
}

input[type='text'].short,
input[type='text'].md,
input[type='email'].short,
input[type='email'].md,
input[type='password'].short,
input[type='password'].md,
input[type='search'].short,
input[type='search'].md,
input[type='number'].short,
input[type='number'].md,
input[type='tel'].short,
input[type='tel'].md,
input[type='file'].short,
input[type='file'].md,
input[type='date'].short,
input[type='date'].md,
textarea.short,
textarea.md,
select.short,
select.md {
  width: 65px;
}

input[type='text'].sm,
input[type='email'].sm,
input[type='password'].sm,
input[type='search'].sm,
input[type='number'].sm,
input[type='tel'].sm,
input[type='file'].sm,
input[type='date'].sm,
textarea.sm,
select.sm {
  width: 50px;
}

input[type='text'].lg,
input[type='email'].lg,
input[type='password'].lg,
input[type='search'].lg,
input[type='number'].lg,
input[type='tel'].lg,
input[type='file'].lg,
input[type='date'].lg,
textarea.lg,
select.lg {
  font-size: 17px;
  line-height: 1.25em;
  height: 47px;
  padding: 12px 15px;
}

input[type='text'].inline-block,
input[type='email'].inline-block,
input[type='password'].inline-block,
input[type='search'].inline-block,
input[type='number'].inline-block,
input[type='tel'].inline-block,
input[type='file'].inline-block,
input[type='date'].inline-block,
textarea.inline-block,
select.inline-block {
  display: inline-block;
}

input[type='text'].blue,
input[type='email'].blue,
input[type='password'].blue,
input[type='search'].blue,
input[type='number'].blue,
input[type='tel'].blue,
input[type='file'].blue,
input[type='date'].blue,
textarea.blue,
select.blue {
  color: #36aeea !important;
}

input[type='text'].transparent,
input[type='email'].transparent,
input[type='password'].transparent,
input[type='search'].transparent,
input[type='number'].transparent,
input[type='tel'].transparent,
input[type='file'].transparent,
input[type='date'].transparent,
textarea.transparent,
select.transparent {
  background: none;
  border-color: #bed0f3;
  line-height: 16px;
  padding-right: 5px;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

input[type='text'].transparent::-moz-placeholder,
input[type='email'].transparent::-moz-placeholder,
input[type='password'].transparent::-moz-placeholder,
input[type='search'].transparent::-moz-placeholder,
input[type='number'].transparent::-moz-placeholder,
input[type='tel'].transparent::-moz-placeholder,
input[type='file'].transparent::-moz-placeholder,
input[type='date'].transparent::-moz-placeholder,
textarea.transparent::-moz-placeholder,
select.transparent::-moz-placeholder {
  color: #1c2c4c;
  opacity: 1;
}

input[type='text'].transparent:-ms-input-placeholder,
input[type='email'].transparent:-ms-input-placeholder,
input[type='password'].transparent:-ms-input-placeholder,
input[type='search'].transparent:-ms-input-placeholder,
input[type='number'].transparent:-ms-input-placeholder,
input[type='tel'].transparent:-ms-input-placeholder,
input[type='file'].transparent:-ms-input-placeholder,
input[type='date'].transparent:-ms-input-placeholder,
textarea.transparent:-ms-input-placeholder,
select.transparent:-ms-input-placeholder {
  color: #1c2c4c;
}

input[type='text'].transparent::-webkit-input-placeholder,
input[type='email'].transparent::-webkit-input-placeholder,
input[type='password'].transparent::-webkit-input-placeholder,
input[type='search'].transparent::-webkit-input-placeholder,
input[type='number'].transparent::-webkit-input-placeholder,
input[type='tel'].transparent::-webkit-input-placeholder,
input[type='file'].transparent::-webkit-input-placeholder,
input[type='date'].transparent::-webkit-input-placeholder,
textarea.transparent::-webkit-input-placeholder,
select.transparent::-webkit-input-placeholder {
  color: #1c2c4c;
}

input[type='text'].code,
input[type='email'].code,
input[type='password'].code,
input[type='search'].code,
input[type='number'].code,
input[type='tel'].code,
input[type='file'].code,
input[type='date'].code,
textarea.code,
select.code {
  font-size: 20px;
  letter-spacing: 7px;
  text-align: center;
}

input[type='text'].error,
input[type='email'].error,
input[type='password'].error,
input[type='search'].error,
input[type='number'].error,
input[type='tel'].error,
input[type='file'].error,
input[type='date'].error,
textarea.error,
select.error {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVVSURBVHgBzVpdUttIEO4eyVRRS7LmBCtOgHMCnBuYN9ZQhXnc2hDwCSxOYIizz3GqNmyq9gH2BDEnwJwgygniwvxUWT+z3fJP7NFYtiVB/FXZsntGo+6Z7p6ebiFkgO+Vet7oQQnBLAiA3yTKgkTMo4T8j17SAUBHSrhBxGs3516tN6sOpARCQjDTKz3zSCIU6W8RkqFNLJymEWZhAYaMBwKOJ2c4LbBJgpwsKshCAtyXG7XsGZ8EjW3/cn54Mnf/eTrRrFs5N3dBelyYp78E2aGBOzQ8ffgqLQmQR8B5BXfcnPd6ntWYKcDj7vt9D+Vp3KwzwyDxI13buSDXWv38h6Prd1f+qxCIwKIbSkLKLUC0YDo6QQAHL/85vISkAtzvNWrkNeyYLi0y4pMXfx+2IAFuy+8q5LVqcYLMUqmpAsQyL6UjBR4kZVzFLEHihNAKcPt7oyQEXOjaSKgz78Gz1y+rHcgQ4V7imqckyL6u3QCsrH5681Glo2Ygy/TMa53OE/MnL84PbXhCdPcaNj27pmnqkGG/Ug1bqL1yrvlFa7BSHDw18wxSSzuQ8kDTlCfeIloxIQDrPV0stRPP/Nr5n014Jrw8f9tk56BpKnTLZ/Y4YaRCfV9vfo3eg821T290MxKLu913dYqHKuEIMhyjCguC1Ind95FCZlXaIFUKbXC0AmRAdmQE8jbuvbvwg2/3GiViO9yx++ooj9nTwILwTM9mHhRy3uyJ4+GfUACefa31o0jmbQKZSajBs8zuWqUjiiP2Wvw7FMDoGcXI3ST5msZtPTcGe01LIY9WIRRAIB5F7qTZhyWBzqBpFbb4Klh96DoZpC3J7A8xWAVVlYusRkKrPihasGSQMohMKPFeEqgJkdGA2AjwZ0ACtlUa807qLzYjnR/db7Bk8AO/FaUie09pKdTO2r/VNiwZ1j+HMdCEHVByYFOwFErfTKPMbCFV3vJC08uBpQXOJcCTHdgzQEQ7hIaYWoDQ4MZjGPqtN8JFEbFXFkBmLgAbnBv4rwOEbY7t3Qf/1cAIUwItheBgt9y4QITSONXwvY3VTB6YHb6X64UcmtcKuUUrEER8vis0u3MCPO7UrUGokhqGMC2VRrvzjZi2w0FK0IHmg2+YX/mQdLf7vg5pISe1hIFoXAt/xb+MNoh9SIHBgaYy9vTj7k6jCClAqrKl0lzfvRKDo1lLacuneqDmQCNW8FdIiMFpzlLIbXYM4T4gMbhSb6KArgYJEa6q4kZ7PfcGEoICNg0veBq28ZdnBvwnEm8nXQVeVXajnATjD/9O6kanzH6oPnwdZSW6e2eUUBKqpM4gmfRT4iM+sJATYNdpTbb8yJSMQokpq8Bp9cSqlBacagT97I+OmCMBwgwABmfRYeQxFzbgmcFJNl2mhJNs4+oYyY3e7TZ4ySL7wLTk6lOAaxI+yGakgc/q5283xkmRaNT1vW3QRH084HOsBM+8jnkuorAzUOn69Drn6xE/gBZhMa6atWH3DdaocUZP107Vmm1dtUZ3HohLrhJkhT0DhQepdutxdHfqxb630TPPej+t1BRbYorJ1Q/h0BB20hwSM46GyeMXp/WZVZOYWeTjuIYiPlanuHOCQ0O1gsD9T3jgTEsKcHTqCihyRZ/Wfn9W4RClUZ2V1p+vzEoPzgnjy4yqosqCw68WQCi4zEdfPYi7Fdpu4G3Ps3svVOieQ6VSISzXIp5xlWbeexZ/1YBWwzBMe1oxLgmGjHt33umi6fzkL3uwIHRyG2S2kx6AuM58lYTxIRILMI6hMAhYoPP1Zj97gNawffjqAWXS2uTPv3FF33/wL7Mo1f4Px/2SFfYOEpgAAAAASUVORK5CYII=) no-repeat 98% center;
  background-size: 16px;
  border-color: #f45b93;
  color: #41495f;
}

input[type='text'].valid,
input[type='email'].valid,
input[type='password'].valid,
input[type='search'].valid,
input[type='number'].valid,
input[type='tel'].valid,
input[type='file'].valid,
input[type='date'].valid,
textarea.valid,
select.valid {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVXSURBVHgBxVrNcts2EN4FndbT5sAekuhW5t7G0hOEnmmd6c1+AttPYPsJLL+B/ARWnsDpodOxnRnLT0Ap7b3MzW0P0aFp5aYEugtRMkmAFClR1jejIbkEgd3FAvsDIdQANzh3150vt5WSTUDxNQI0FaCLoNxEs5B/1GaAzloAnz7d3LZ+CGFBIMwJzfTa4wNQyqdHH+aAQugjis4iwlQWYMK4UnCY0fCi6EIUnVQVpJIAjV+ujpfAeBqI7dtvvz8p3bxMo0bws6fWnHNU0CzTnoQcIsJwciWSR/cu3ZcVPKTZ2CwzGzMFaAze7ipUnSKtM6MA8jXZc58G7uUN/CS4bFI/nhCwTY8vSdtebp9ACgC1/8eLV29gXgHYZIi7dkGTXmy3PZgDjXeXe9T/cZEgs0wqV4BC5pUKQcr9eRk3xpolSIEQVgGevrvYFoDntne0j5/eyX/aw9bOEGqEG1y76+LfDjG7C/aB9243Xr3Okg0B9IIlR2O1eaVOqJM2LBGNwUWbhDjO0nlNYBS1sutLGD04zrWV+Qj2l808Q48RRftZOmna5Z0wS08JoO2etjyjV9Z8a6sLDwTScpfHzNJ5G9czlKRNbth0SPu/Wfrr3r7Y2ocV4NngskO+4yBJY1O6iz4+n6zB+xkQom30QLvNKPp4BCvCnXzU1jteAmxK6+KLw8RzgfZzVv5DgnjzeV0maclZGM+A4/jGlyT5qplnxL6ml6QlZ0ELoDJ2FqMNSwbPPIcXMxuStzdoiC/1xWo+Y+0/hyUi4+lnbhTPBlcfENPbO63Pr4TVfBB7sERYwpQ9HU4UQhnmzFmgUJYQmdLBwghwEeTFWBSiFIbatJ32Ld80Bb3YyL6QkXoPS0A+8xQmSFWsNArTTSJ6vIi9VGe0Rf3Z2upDSXCKWaZdEfNSwszkhd8rhakAEhE3DAFoiyodZZLdXpMdfqCrisOQuZgvqzBaxCneSNmusLQLoQTiRecnuGnbhKiLef0NppXL/mDN0nG5vJXLKYhZGgsBo//+OuXHz53HzPwh1MC8ZliZ1iFMuyopgJRdK52EYLPiH4XltTEfw8sShM2uoAS0i7eEvEVYkHmGl3kOBWX+qc7YrrR3LgGdfJQUYlHmnwQ/2UKOUNDKMPd8m3fOQRkhatA8UD3VM/uVA5Hn4aACioSog3kGmcp2loaAgRhFj0wPiGIXKoKFIMGPUgkI3dfB/JincfSZgpQ344SGHBJkK8yIm1SL6UFF6OIvrDcjcIa1MA5Tn3OWpNHM9n/f2GqtxU83xLAP6RbslHpQEXGu2oN6YThI2qI7fNWeeCQ/62T9AcEnp+TDihFr3zNekPnwRQswbG0OEeSp0Uips7LB2jIQj22LsbqT4G8aC+XMgqfDgRWB8l42E894kUgxpwLkzQKHA0WR5rKgx7TVSXWR7T70NmqjVEwKyDc0LR8+WImFzyQALbGWJVc3wmmU0Y7FlHhb7T7ETIw1bzKvD1Gk3MzSreV1ioX2KJw4Azu6XK2rv7x+7vJ6s0WwDAlqx3ZaY0tocourMfYoVA4av76t7K3z0AiufO4zj3nmJe+oqfiIKadWn0DINdXbb76ba20w4+Boh+nnNppxJlEoAONpcLGNQpxli0oZhPTr0TT/qCIM80KIuIjmj0/0nd1ZB4co4WhWWX+mANOBhbguPIwzEfKP8liXUkHX8teDXCil+ijlTi3HrEmUMKmFoLUO6rTKSVAlARjxbLRzD+PmwITxkfy7U3V3qyzABPf2DAdWx1cOnFffzMP4BHMLkERycdJpPZcqPUjEMNO/HgBlf0q+5xN98iVv6vAl/wNx+BCWlZFJjwAAAABJRU5ErkJggg==) no-repeat 98% center;
  background-size: 16px;
  border-color: #18d2ba;
}

input[disabled],
textarea[disabled],
select[disabled],
input.disabled,
textarea.disabled,
select.disabled,
input[readonly],
textarea[readonly],
select[readonly] {
  background: #f8f8f8 !important;
  color: #a0a4af !important;
}

textarea {
  height: 100px;
  resize: none;
}

textarea.auto-height {
  height: auto !important;
}

select {
  color: #41495f;
  display: inline-block;
  padding: 5px;
  min-width: 60px;
}

select.full-height {
  height: 38px;
  padding: 8px 5px;
}

input[type='file'] {
  height: auto;
}

input:focus:invalid {
  border-color: #f45b93;
}

input[type='submit'],
button,
.button {
  background: #36aeea;
  border: 0;
  border-radius: 4px;
  position: relative;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  line-height: 18px;
  outline: none;
  outline-width: 0;
  padding: 9px 10px;
  text-align: center;
}

input[type='submit']:hover,
input[type='submit']:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
  background: #179de0;
  color: #fff;
  outline: none;
}

input[type='submit']:hover i,
input[type='submit']:focus i,
button:hover i,
button:focus i,
.button:hover i,
.button:focus i {
  color: #fff;
}

input[type='submit'].disabled,
input[type='submit'][disabled],
button.disabled,
button[disabled],
.button.disabled,
.button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

input[type='submit'].success,
button.success,
.button.success {
  background: #18d2ba;
  color: #fff;
}

input[type='submit'].success:hover,
input[type='submit'].success:focus,
button.success:hover,
button.success:focus,
.button.success:hover,
.button.success:focus {
  background: #14ad9a;
  outline: 0;
}

input[type='submit'].neutral,
button.neutral,
.button.neutral {
  background: #eef6fc;
  color: #179de0;
}

input[type='submit'].neutral:hover,
input[type='submit'].neutral:focus,
button.neutral:hover,
button.neutral:focus,
.button.neutral:hover,
.button.neutral:focus {
  background: #cbe4f6;
  color: #179de0;
  outline: 0;
}

input[type='submit'].neutral:hover i,
input[type='submit'].neutral:focus i,
button.neutral:hover i,
button.neutral:focus i,
.button.neutral:hover i,
.button.neutral:focus i {
  color: #179de0;
}

input[type='submit'].blue,
button.blue,
.button.blue {
  background: #6280a7;
  color: #fff !important;
}

input[type='submit'].blue:hover,
input[type='submit'].blue:focus,
button.blue:hover,
button.blue:focus,
.button.blue:hover,
.button.blue:focus {
  background: #5a78a0;
  outline: 0;
}

input[type='submit'].pink,
button.pink,
.button.pink {
  background: #f45b93;
  color: #fff !important;
}

input[type='submit'].pink:hover,
input[type='submit'].pink:focus,
button.pink:hover,
button.pink:focus,
.button.pink:hover,
.button.pink:focus {
  background: #f1357a;
  outline: 0;
}

input[type='submit'].seafoam,
button.seafoam,
.button.seafoam {
  background: #18d2ba;
}

input[type='submit'].seafoam:hover,
input[type='submit'].seafoam:focus,
button.seafoam:hover,
button.seafoam:focus,
.button.seafoam:hover,
.button.seafoam:focus {
  background: #14ad9a;
  outline: 0;
}

input[type='submit'].seafoam-reverse,
button.seafoam-reverse,
.button.seafoam-reverse {
  background: rgba(93,207,187,0.2);
  color: #18d2ba;
}

input[type='submit'].seafoam-reverse:hover,
input[type='submit'].seafoam-reverse:focus,
button.seafoam-reverse:hover,
button.seafoam-reverse:focus,
.button.seafoam-reverse:hover,
.button.seafoam-reverse:focus {
  background: #18d2ba;
  color: #fff;
  outline: 0;
}

input[type='submit'].white,
button.white,
.button.white {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #41495f;
}

input[type='submit'].white i,
button.white i,
.button.white i {
  color: #b8c4da;
}

input[type='submit'].white:hover,
input[type='submit'].white:focus,
button.white:hover,
button.white:focus,
.button.white:hover,
.button.white:focus {
  border-color: #36aeea;
  outline: 0;
}

input[type='submit'].white-opaque,
button.white-opaque,
.button.white-opaque {
  background: rgba(255,255,255,0.3);
  color: #fff;
}

input[type='submit'].white-opaque:hover,
button.white-opaque:hover,
.button.white-opaque:hover {
  background: #fff;
  color: #36aeea;
  outline: 0;
}

input[type='submit'].outline,
button.outline,
.button.outline {
  background: transparent;
  border: 1px solid #6280a7;
  color: #6280a7;
}

input[type='submit'].outline:hover,
input[type='submit'].outline:focus,
button.outline:hover,
button.outline:focus,
.button.outline:hover,
.button.outline:focus {
  background: #fff;
  outline: 0;
}

input[type='submit'].clear,
input.link[type='submit'],
button.clear,
button.link,
button.button.link,
.button.clear,
.button.link {
  background: transparent;
  box-shadow: none;
}

input[type='submit'].link,
button.link,
.button.link {
  color: #36aeea;
}

input[type='submit'].link:hover,
input[type='submit'].link:focus,
button.link:hover,
button.link:focus,
.button.link:hover,
.button.link:focus {
  background: transparent !important;
  color: #1697d7;
  outline: 0;
}

input[type='submit'].link:hover i,
input[type='submit'].link:focus i,
button.link:hover i,
button.link:focus i,
.button.link:hover i,
.button.link:focus i {
  color: #1697d7;
}

input[type='submit'].link.pink,
button.link.pink,
.button.link.pink {
  color: #f45b93 !important;
}

input[type='submit'].purple-light,
button.purple-light,
.button.purple-light {
  background: #e6e1ff !important;
  color: #836bfa !important;
  border-color: transparent;
  border: none;
}

input[type='submit'].purple-light:hover,
input[type='submit'].purple-light:focus,
button.purple-light:hover,
button.purple-light:focus,
.button.purple-light:hover,
.button.purple-light:focus {
  background: #efebff;
}

input[type='submit'].purple-light i,
button.purple-light i,
.button.purple-light i {
  color: #836bfa !important;
}

input[type='submit'].purple-dark,
button.purple-dark,
.button.purple-dark {
  background: #836bfa !important;
  color: #e6e1ff !important;
  border-color: transparent;
  border: none;
}

input[type='submit'].purple-dark:hover,
input[type='submit'].purple-dark:focus,
button.purple-dark:hover,
button.purple-dark:focus,
.button.purple-dark:hover,
.button.purple-dark:focus {
  background: #8b75fa;
}

input[type='submit'].purple-outline,
button.purple-outline,
.button.purple-outline {
  background: transparent;
  border: 1px solid #E5E5E5 !important;
  color: #836bfa !important;
}

input[type='submit'].purple-outline:hover,
input[type='submit'].purple-outline:focus,
button.purple-outline:hover,
button.purple-outline:focus,
.button.purple-outline:hover,
.button.purple-outline:focus {
  background: #E5E5E5 !important;
  color: #836bfa !important;
}

input[type='submit'].purple-dark-outline,
button.purple-dark-outline,
.button.purple-dark-outline {
  background: transparent;
  border: 1px solid #836bfa;
  color: #836bfa;
}

input[type='submit'].purple-dark-outline:hover,
input[type='submit'].purple-dark-outline:focus,
input[type='submit'].purple-dark-outline:active,
button.purple-dark-outline:hover,
button.purple-dark-outline:focus,
button.purple-dark-outline:active,
.button.purple-dark-outline:hover,
.button.purple-dark-outline:focus,
.button.purple-dark-outline:active {
  background: #e6e1ff;
  color: #836bfa;
  outline: none;
  box-shadow: none;
}

input[type='submit'].xs,
button.xs,
.button.xs {
  font-size: 12px;
  padding: 4px 10px;
}

input[type='submit'].sm,
button.sm,
.button.sm {
  font-size: 12px;
  padding: 6px 8px;
}

input[type='submit'].lg,
button.lg,
.button.lg {
  font-size: 16px;
}

input[type='submit'].xl,
button.xl,
.button.xl {
  font-size: 17px;
  padding: 15px 45px;
}

input[type='submit'].back i,
button.back i,
.button.back i {
  color: #fff;
}

input[type='submit'].no-cursor,
button.no-cursor,
.button.no-cursor {
  cursor: not-allowed;
}

input[type='submit'].pill,
button.pill,
.button.pill {
  border-radius: 64px;
  position: relative;
}

input[type='submit'].fab,
button.fab,
.button.fab {
  transition: .5s cubic-bezier(0.2, 1, 0.2, 1);
}

input[type='submit'].fab:hover,
button.fab:hover,
.button.fab:hover {
  -webkit-transform: scale(1.02) translateY(-1px);
  -khtml-transform: scale(1.02) translateY(-1px);
  transform: scale(1.02) translateY(-1px);
}

input[type='submit'].datepicker-ranger,
button.datepicker-ranger,
.button.datepicker-ranger {
  padding: 0;
  -ms-box-shadow: 0 0 15px rgba(184,196,218,0.7);
  -o-box-shadow: 0 0 15px rgba(184,196,218,0.7);
  box-shadow: 0 0 15px rgba(184,196,218,0.7);
}

input[type='submit'].datepicker-ranger input,
button.datepicker-ranger input,
.button.datepicker-ranger input {
  background: #b8c4da;
  border-color: #b8c4da;
  color: #fff;
}

input[type='submit'].datepicker-ranger input:hover,
input[type='submit'].datepicker-ranger input:focus,
button.datepicker-ranger input:hover,
button.datepicker-ranger input:focus,
.button.datepicker-ranger input:hover,
.button.datepicker-ranger input:focus {
  background: #a7b6d1;
  border-color: #a7b6d1;
  outline: 0;
}

input[type='submit'].datepicker-ranger input::-moz-placeholder,
button.datepicker-ranger input::-moz-placeholder,
.button.datepicker-ranger input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

input[type='submit'].datepicker-ranger input:-ms-input-placeholder,
button.datepicker-ranger input:-ms-input-placeholder,
.button.datepicker-ranger input:-ms-input-placeholder {
  color: #fff;
}

input[type='submit'].datepicker-ranger input::-webkit-input-placeholder,
button.datepicker-ranger input::-webkit-input-placeholder,
.button.datepicker-ranger input::-webkit-input-placeholder {
  color: #fff;
}

input[type='submit'].datepicker-ranger::before,
button.datepicker-ranger::before,
.button.datepicker-ranger::before {
  color: #fff;
}

input[type='submit'].btn-file,
button.btn-file,
.button.btn-file {
  position: relative;
  overflow: hidden;
}

input[type='submit'].btn-file input[type='file'],
button.btn-file input[type='file'],
.button.btn-file input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: right;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  outline: none;
  background: transparent;
  cursor: pointer;
  display: block;
  padding: 0;
}

input[type='submit'].no-padding,
button.no-padding,
.button.no-padding {
  padding: 0;
}

input[type='submit'].block,
button.block,
.button.block {
  width: 100%;
}

input[type='submit'].only-icon,
button.only-icon,
.button.only-icon {
  padding: 0;
}

input[type='submit'].only-icon i,
button.only-icon i,
.button.only-icon i {
  font-size: 16px;
}

input[type='submit'].only-icon i::before,
button.only-icon i::before,
.button.only-icon i::before {
  display: block;
  line-height: 38px;
}

button.show-more-nub {
  border-radius: 4px;
  position: relative;
  transition: margin-top 0.2s ease;
  background: #ebebeb;
  border-color: #ebebeb;
  color: #192745;
  height: 60px;
  left: 50%;
  margin-top: -30px;
  padding: 25px 0 0;
  position: absolute;
  top: 0;
  width: 60px;
}

button.show-more-nub:focus i {
  color: inherit;
  outline: 0;
}

button.show-more-nub:hover {
  background: #36aeea;
  border-color: #ebebeb;
  margin-top: -27px;
}

button.show-more-nub:hover i {
  color: #fff !important;
}

.input-has-icon {
  position: relative;
}

.input-has-icon>input[type='text'],
.input-has-icon>input[type='email'],
.input-has-icon>input[type='password'],
.input-has-icon>input[type='search'],
.input-has-icon>input[type='number'],
.input-has-icon>input[type='tel'] {
  padding-left: 32px;
}

.input-has-icon>input[type='text']:hover,
.input-has-icon>input[type='text']:focus,
.input-has-icon>input[type='email']:hover,
.input-has-icon>input[type='email']:focus,
.input-has-icon>input[type='password']:hover,
.input-has-icon>input[type='password']:focus,
.input-has-icon>input[type='search']:hover,
.input-has-icon>input[type='search']:focus,
.input-has-icon>input[type='number']:hover,
.input-has-icon>input[type='number']:focus,
.input-has-icon>input[type='tel']:hover,
.input-has-icon>input[type='tel']:focus {
  color: #41495f;
}

.input-has-icon>input[type='text'].error,
.input-has-icon>input[type='email'].error,
.input-has-icon>input[type='password'].error,
.input-has-icon>input[type='search'].error,
.input-has-icon>input[type='number'].error,
.input-has-icon>input[type='tel'].error {
  background: #fef7f9;
  border-color: #fccdde;
  color: #41495f;
}

.input-has-icon>input[type='text'].error ~ i,
.input-has-icon>input[type='email'].error ~ i,
.input-has-icon>input[type='password'].error ~ i,
.input-has-icon>input[type='search'].error ~ i,
.input-has-icon>input[type='number'].error ~ i,
.input-has-icon>input[type='tel'].error ~ i {
  color: #f45b93;
}

.input-has-icon>i:before {
  line-height: inherit;
}

.input-has-icon>i,
.input-has-icon:before {
  color: #b8c4da;
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 2;
  font-size: 16px;
  line-height: 38px;
}

.input-has-icon:hover>i,
.input-has-icon:hover:before {
  color: #41495f;
}

label {
  color: #41495f;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
}

label small {
  color: #a6a6a6;
  float: right;
  font-weight: normal;
}

label .required {
  color: #f45b93;
}

label.error {
  font-weight: 400;
  font-style: italic;
  color: #f45b93;
  font-size: 12px;
  line-height: 1.3em;
  margin: 8px 0 0;
}

label.sm {
  font-size: 13px;
}

label .no-bold {
  font-weight: normal;
}

label.inline-block {
  display: inline-block;
}

.form-legend {
  background: #f8f8f8;
  padding: 20px 0;
}

.form-legend h5 {
  font-size: 14px;
  margin: 0;
}

.form-legend [class*='col'] {
  padding-left: 20px;
  padding-right: 20px;
}

.form-group p {
  margin-bottom: 0;
}

input[type='checkbox'],
input[type='radio'] {
  vertical-align: middle;
}

em {
  color: #a0a4af;
  margin-top: 8px;
}

em.error {
  color: #f45b93;
}

.badge {
  background: #f7f9fa;
  border: 1px solid #aebdcf;
  color: #6680a4;
  font-size: 11px;
  font-weight: normal;
  padding: 4px 8px;
}

.badge.badge-success {
  background: #fafefe;
  border-color: #18d2ba;
  color: #18d2ba;
}

.badge.badge-warning {
  border-color: #ffc107;
  color: #ffc107;
}

.badge.badge-danger {
  background: #fffefe;
  border-color: #f45b93;
  color: #f45b93;
}

.badge.badge-highlight {
  border-color: #f99183;
  color: #f99183;
}

.badge.capitalize {
  text-transform: capitalize;
}

.badge.capitalize {
  text-transform: capitalize;
}

.badge.cardBadge {
  border-left: 0;
  position: absolute;
  top: 10px;
  border-radius: 0 0.25rem 0.25em 0;
  padding-left: 20px;
}

.badge.badge-P2P {
  border-color: #836bfa;
  background: transparent;
  color: #836bfa;
}

.page-header {
  border-bottom: 1px solid #cfdcf6;
  margin: 0;
  padding: 20px 20px 20px;
}

.page-header::before,
.page-header::after {
  content: ' ';
  display: table;
}

.page-header::after {
  clear: both;
}

.page-header.no-border {
  border-bottom: 0;
}

.page-header h1 {
  font-size: 28px;
  line-height: 1.2em;
  color: #41495f;
  margin: 0 0 15px;
}

.page-header h2 {
  font-size: 22px;
  line-height: 1.2em;
  color: #41495f;
  margin: 0 0 10px;
}

.page-header h3 {
  font-size: 16px;
  line-height: 1.2em;
  color: #41495f;
  font-weight: 400;
  margin: 0 0 10px;
}

.page-header p {
  color: #333;
}

.page-header p:last-child {
  margin-bottom: 0;
}

.page-header p.showing {
  color: #6280a7;
}

.page-header .filters {
  padding-top: 15px;
}

.page-header .filters.padding-top-5 {
  padding-top: 5px;
}

.page-header .filters select {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.page-header .progress-wrapper span {
  color: #41495f;
}

.page-header .progress-wrapper .progress {
  background: #d1ddf6;
}

.page-header .progress-wrapper+.button {
  margin-top: 15px;
}

.page-header>.button {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
}

.page-header>.button i {
  font-size: 18px;
  vertical-align: top;
}

.page-header .inline-buttons .button.only-icon {
  padding: 5px 15px;
}

.page-header .inline-buttons .button.only-icon i {
  font-size: 28px;
  line-height: 1em;
}

.page-header .inline-buttons .button.only-icon i:before {
  line-height: inherit;
}

.page-header .nav-buttons .button i {
  font-size: 21px;
}

.page-header .inline-list {
  margin: 10px 0 15px;
}

.page-header .inline-list li {
  color: #333;
  margin-right: 20px;
}

.page-header .inline-list li:last-child {
  margin-right: 0;
}

.page-header .inline-list li strong {
  color: #41495f;
}

.page-header .well h2 {
  font-size: 15px;
}

.page-header.no-border {
  border: 0;
}

.page-header.fixed {
  position: fixed;
  width: 100%;
  background: #e9effb;
  z-index: 998;
  padding: 20px;
}

.content {
  clear: both;
  color: #1c2c4c;
  overflow: hidden;
  position: relative;
  top: 106px;
}

.content .main-content {
  overflow: hidden;
  width: auto;
  margin-top: 51px;
}

.content .main-content.full-width {
  width: 100%;
}

.content .main-content.with-horizontal-padding {
  padding: 0 20px 40px;
}

.content .main-content .page-header h2 {
  font-size: 22px;
  color: #1c2c4c;
}

.content .main-content .page-header p {
  font-size: 14px;
  color: rgba(43,70,106,0.7);
}

.content .main-content .page-header h2,
.content .main-content .page-header p {
  font-weight: 500;
}

@media screen and (max-width: 1300px) {
  .content .main-content table td,
  .content .main-content table th {
    padding-left: 12px;
  }

  .content .main-content table td.last,
  .content .main-content table td:last-child,
  .content .main-content table th.last,
  .content .main-content table th:last-child {
    padding-right: 12px;
  }

  .content .main-content table td .date,
  .content .main-content table th .date {
    white-space: normal;
  }
}

.content .with-horizontal-padding {
  padding: 0 20px;
}

.heading-box {
  margin-bottom: 25px;
}

.heading-box h2 {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35em;
  margin-top: 30px;
}

.heading-box p {
  color: #6280a7;
  font-size: 14px;
  line-height: 1.35em;
  margin: 0;
}

.subheading-box {
  margin: 25px 0;
}

.subheading-box h2 {
  font-size: 17px;
  line-height: 1.25em;
  float: left;
  margin: 0;
}

.subheading-box>a {
  float: right;
  line-height: 1.85em;
}

.subheading-box>a i {
  font-size: 10px;
  float: right;
  margin-left: 6px;
}

.subheading-box>a i::before {
  line-height: 28px;
}

@media only screen and (min-width: 768px) {
  .content .main-content {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .page-header {
    padding: 20px 0;
  }

  .content {
    margin-left: 25%;
    overflow: visible;
    top: 0;
  }

  .content .main-content {
    float: left;
    width: 98%;
    padding: 0 20px;
    margin-top: 0;
  }

  .content .main-content.with-horizontal-padding {
    padding: 0 20px 40px;
  }

  .content .with-horizontal-padding {
    padding: 0;
  }
}

.modal {
  border-radius: 4px;
  position: relative;
  color: #333;
  position: fixed;
}

.modal.modal-overflow {
  top: 30px;
}

.modal.modal-overflow.fade {
  top: -100%;
}

.modal.modal-overflow.fade.in {
  top: 30px;
}

.modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.modal .modal-dialog.with-styled-header .modal-header {
  background: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
  padding: 20px;
  position: relative;
}

.modal .modal-dialog.with-styled-header .modal-header h4 {
  font-size: 15px;
  display: inline-block;
  margin: 0;
}

.modal .modal-dialog.with-styled-header .modal-header .btn-close {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: transparent;
  color: #b8c4da;
  margin-top: -11px;
  padding: 0;
  position: absolute;
  right: 20px;
  text-shadow: none;
  top: 50%;
}

.modal .modal-dialog.with-styled-header .modal-header .btn-close:hover i,
.modal .modal-dialog.with-styled-header .modal-header .btn-close:focus i {
  color: inherit;
}

.modal .modal-dialog.with-styled-header .modal-header .btn-close i {
  font-size: 22px;
}

.modal .modal-dialog.with-styled-header .modal-header .btn-close i::before {
  display: block;
}

.modal .modal-content .ez-modal-scrollbar {
  max-height: 350px;
}

.modal .modal-content {
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 0 30px rgba(25,39,69,0.3);
  -o-box-shadow: 0 0 30px rgba(25,39,69,0.3);
  box-shadow: 0 0 30px rgba(25,39,69,0.3);
  border: 0;
  overflow: hidden;
}

.modal .modal-content .ez-modal-scrollbar {
  overflow-y: auto;
}

.modal .modal-content .ez-modal-scrollbar .mCS-ez-scrollbar-dark.mCSB_inside>.mCSB_container {
  margin-right: 20px;
}

.modal .modal-content .ez-modal-scrollbar .mCS-ez-scrollbar-dark.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y {
  margin-right: 0;
}

.modal .modal-header {
  border-bottom: 0;
  padding: 30px 30px 20px;
  margin: 0 auto;
  width: 100%;
}

.modal .modal-header::before,
.modal .modal-header::after {
  content: ' ';
  display: table;
}

.modal .modal-header::after {
  clear: both;
}

.modal .modal-header>i {
  font-size: 26px;
  color: #b1bed7;
}

.modal .modal-header>i.yellow {
  color: #ffc107;
}

.modal .modal-header>i.pink {
  color: #f45b93;
}

.modal .modal-header>i.teal {
  color: #18d2ba;
}

.modal .modal-header>i+h4,
.modal .modal-header>svg+h4 {
  margin-top: 20px;
}

.modal .modal-header .close {
  margin: -7px -14px;
  padding: 0;
  line-height: 0;
}

.modal .modal-header button.close:hover,
.modal .modal-header button.close:focus {
  background: transparent !important;
  color: inherit !important;
}

.modal .modal-title {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  line-height: 1.25em;
  text-align: center;
  flex: 1 1;
}

.modal .modal-title>img,
.modal .modal-title>i {
  font-size: 20px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.modal .modal-body {
  font-size: 14px;
  text-align: center;
  padding: 0 30px;
}

.modal .modal-body::before,
.modal .modal-body::after {
  content: ' ';
  display: table;
}

.modal .modal-body::after {
  clear: both;
}

.modal .modal-body>p {
  color: #6f7584;
  line-height: 1.7em;
  margin: 0 0 20px;
}

.modal .modal-body>p:last-child {
  margin-bottom: 0;
}

.modal .modal-body.no-padding {
  padding: 0;
}

.modal .modal-body .content-block {
  border: 1px solid #ebebeb;
}

.modal .modal-body .content-block .content-block-container p {
  color: #333;
}

.modal .modal-body .content-block.blue {
  border-color: #6280a7;
}

.modal .modal-body .form-legend {
  margin-left: 0;
  margin-right: 0;
}

.modal .modal-body .radio-group {
  margin-left: -30px;
  margin-right: -30px;
}

.modal .modal-body .radio-group li {
  padding: 15px 30px;
}

.modal .modal-body.with-pane {
  position: relative;
}

.modal .modal-body .left-pane {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #f8f8f8;
  border-right: 1px solid #ebebeb;
  overflow-y: auto;
  width: 25%;
}

.modal .modal-body .left-pane ul {
  margin: 0;
}

.modal .modal-body .left-pane ul li a {
  font-size: 15px;
  background: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
  color: #a6a6a6;
  cursor: pointer;
  display: block;
  font-weight: 500;
  line-height: 1.2em;
  padding: 18px 20px;
  text-decoration: none;
}

.modal .modal-body .left-pane ul li a:hover {
  color: #36aeea;
  transition: color .1s ease-in;
}

.modal .modal-body .left-pane ul li.active a {
  background: #fff;
  color: #333;
}

.modal .modal-body .pane-body {
  float: left;
  padding: 25px;
  width: 75%;
  margin-left: 25%;
}

.modal .modal-body .pane-body.no-padding {
  padding: 0;
}

.modal .modal-body .pane-body.scrollable {
  min-height: 575px;
  overflow-y: scroll;
}

.modal .modal-footer {
  border-top: 0;
  padding: 30px;
  text-align: center;
}

.modal .modal-footer button,
.modal .modal-footer .button {
  font-size: 14px;
}

.modal .modal-footer button i,
.modal .modal-footer .button i {
  font-size: 16px;
}

.modal .modal-footer .split-buttons {
  font-size: 0;
}

.modal .modal-footer .split-buttons button,
.modal .modal-footer .split-buttons .button {
  font-size: 14px;
  margin-right: 4%;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  width: 48%;
}

.modal .modal-footer .split-buttons button:last-child,
.modal .modal-footer .split-buttons .button:last-child {
  margin-right: 0;
}

.modal .modal-dialog {
  margin: 0;
  width: 100%;
}

.modal .modal-dialog.with-styled-form .payment-methods {
  margin: 0px -30px;
}

.modal.prefs-modal .modal-header button,
.modal.prefs-modal .modal-header .button {
  margin-top: -8px;
  margin-bottom: -8px;
}

.modal.prefs-modal .modal-body {
  padding: 0;
  text-align: left;
}

.modal.prefs-modal .modal-body .content-block-heading {
  border-radius: 0;
}

.modal.prefs-modal .modal-footer {
  border-top: 1px solid #ebebeb;
  padding: 25px;
}

.modal .well {
  text-align: left;
}

.modal .well h2 {
  font-size: 16px;
}

.modal-backdrop {
  background-color: #192745;
}

.modal-backdrop.in {
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-opacity: .3;
  -khtml-opacity: .3;
  -moz-opacity: .3;
  -ms-opacity: .3;
  -o-opacity: .3;
  opacity: .3;
}

.add-item,
.modal-scroll {
  height: 98%;
}

@media only screen and (max-width: 768px) {
  .full-screen {
    min-height: auto;
    align-items: flex-start;
    height: 90%;
  }

  .add-item .modal-content {
    height: 100vh;
    overflow-y: scroll;
  }

  .modal-content {
    left: auto;
    right: auto;
    width: 95%;
    margin: 10px auto;
  }
}

@media only screen and (min-width: 1200px) {
  .modal-dialog.modal-sm {
    max-width: 400px;
  }

  .modal-dialog.modal-md {
    max-width: 600px;
  }

  .modal-dialog.modal-lg {
    max-width: 1000px;
  }
}

.popover {
  max-width: 100%;
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 4px;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  box-shadow: 0 10px 20px rgba(31,45,73,0.05);
}

.popover-content-section {
  margin: 25px 0;
}

.popover-content-section h3 {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.popover-content-section h3 small {
  line-height: 1.5em;
}

.popover-content-section li {
  margin-bottom: 5px;
}

.popover-content-section li.margin-md {
  margin-bottom: 10px;
}

.popover-content-section.heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popover-content-section.heading>.avatar {
  float: left;
  margin-right: 10px;
}

.popover-content-section.heading>h3 {
  font-size: 16px;
  margin-bottom: 0;
}

.popover-content-section:first-child {
  margin-top: 5px;
}

.popover-content-section:last-child {
  margin-bottom: 0;
}

.product-cart-indicator-popover {
  padding: 12px;
  max-width: 300px;
}

.tooltip {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.4em;
}

.tooltip.bs-tooltip-top {
  padding: 4px 0;
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #6280a7;
}

.tooltip.bs-tooltip-bottom {
  padding: 4px 0;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #6280a7;
}

.tooltip.bs-tooltip-right {
  padding: 0 4px;
}

.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #6280a7;
}

.tooltip.bs-tooltip-left {
  padding: 0 4px;
}

.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #6280a7;
}

.tooltip.in {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.tooltip.xl .tooltip-inner {
  max-width: 100%;
  width: 700px;
}

.tooltip.lg .tooltip-inner {
  max-width: 100%;
  width: 400px;
}

.tooltip.md .tooltip-inner {
  max-width: 100%;
  width: 200px;
}

.tooltip.pink .tooltip-inner {
  background: #f45b93;
}

.tooltip.pink.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f45b93;
}

.tooltip.pink.bs-tooltip-top .arrow::before {
  border-top-color: #f45b93;
}

.tooltip.pink.bs-tooltip-right .arrow::before {
  border-right-color: #f45b93;
}

.tooltip.pink.bs-tooltip-left .arrow::before {
  border-left-color: #f45b93;
}

.tooltip-inner {
  background: #6280a7;
  border-radius: 4px;
  position: relative;
  padding: 8px 10px;
}

.red-outline-tooltip.bs-tooltip-top .arrow::before,
.red-outline-tooltip+.bs-tooltip-top.tooltip .arrow::before {
  border-top-color: #b71c1c;
}

.red-outline-tooltip.bs-tooltip-bottom .arrow::before,
.red-outline-tooltip+.bs-tooltip-bottom.tooltip .arrow::before {
  border-bottom-color: #b71c1c;
}

.red-outline-tooltip.bs-tooltip-right .arrow::before,
.red-outline-tooltip+.bs-tooltip-right.tooltip .arrow::before {
  border-right-color: #b71c1c;
}

.red-outline-tooltip.bs-tooltip-left .arrow::before,
.red-outline-tooltip+.bs-tooltip-left.tooltip .arrow::before {
  border-left-color: #b71c1c;
}

.red-outline-tooltip .tooltip-inner,
.red-outline-tooltip+.tooltip .tooltip-inner {
  background: white;
  color: #b71c1c;
  border: 1px solid #b71c1c;
}

.no-results {
  margin: 5% auto;
  padding: 0 20px;
  text-align: center;
}

.no-results h2 {
  color: #1c2c4c;
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 0 20px;
}

.no-results p {
  color: #41495f;
  font-size: 17px;
  line-height: 1.6em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-results svg,
.no-results .svg {
  fill: #334770;
  height: 250px;
  margin: 50px 0;
  width: 250px;
}

.no-results .actions {
  margin: 25px 0 0;
}

.no-results.sm {
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0 0 40px;
  padding: 20px;
}

.no-results.sm i {
  font-size: 32px;
  color: #6280a7;
  margin-bottom: 10px;
}

.no-results.sm h2 {
  font-size: 16px;
  margin: 10px 0;
}

.no-results.sm p {
  font-size: 14px;
}

.nav-tabs {
  border-bottom-color: #b4c2d5;
  margin-bottom: 30px;
}

.nav-tabs>li {
  margin-right: 30px;
}

.nav-tabs>li.active>a {
  background: transparent;
  border: 0;
  border-bottom: 4px solid #36aeea;
  color: #647eae;
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background: transparent;
  border: 0;
  border-bottom: 4px solid #36aeea;
  color: #647eae;
}

.nav-tabs>li>a {
  border: 0;
  color: #a7b6d1;
  font-size: 20px;
  padding: 5px 0 13px;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  background: transparent;
  color: #647eae;
  transition: color .1s ease-in;
}

.nav-tabs>li:last-child {
  margin-right: 0;
}

.nav-tabs.sm {
  margin-bottom: 20px;
}

.nav-tabs.sm>li {
  margin-right: 20px;
}

.nav-tabs.sm>li.active>a {
  border-bottom-width: 3px;
}

.nav-tabs.sm>li a {
  font-size: 14px;
  padding: 5px 0 10px;
}

.nav-tabs.no-bottom-border {
  border-bottom: none;
}

.tabs-heading {
  position: relative;
}

.tabs-heading .buttons {
  position: absolute;
  right: 0;
  top: 0;
}

.tabs-heading .buttons .button {
  margin-left: 10px;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list.with-button-items li {
  border-radius: 4px;
  position: relative;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 15px;
  text-align: left;
}

.list.with-button-items li h3 {
  font-size: 14px;
  line-height: 1.5em;
  margin-right: 5px;
}

.list.with-button-items li p {
  font-size: 13px;
  margin: 0;
}

.list.with-button-items li:hover {
  border-color: #36aeea;
}

.list.with-button-items li.active-location {
  border-color: #18d2ba;
  background-color: #f2fcfb;
  cursor: not-allowed;
}

.list.with-button-items li:last-child {
  margin-bottom: 0;
}

.list.with-button-items li .disclosure-indicator {
  font-size: 15px;
  color: #a0a4af;
  position: absolute;
  right: 15px;
  top: 35%;
}

.info-list {
  margin-bottom: 20px;
}

.info-list h3 {
  color: #1c2c4c;
  font-size: 12px;
  line-height: 1.5em;
  text-transform: uppercase;
}

.info-list ul {
  margin: 0;
}

.info-list ul li span {
  color: #a0a4af;
  float: left;
  padding-right: 20px;
}

.info-list ul li p {
  overflow: hidden;
  text-align: right;
  margin: 0;
}

.info-list ul li p i {
  display: inline-block;
  font-size: 16px;
  margin-right: 4px;
}

.info-list:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .info-list {
    margin-bottom: 0;
  }
}

.dropdown-menu {
  background: #fff;
  border: 0;
  border-radius: 0;
  -ms-box-shadow: 0 0 8px rgba(186,196,218,0.8);
  -o-box-shadow: 0 0 8px rgba(186,196,218,0.8);
  box-shadow: 0 0 8px rgba(186,196,218,0.8);
  padding: 0;
}

.dropdown-menu.dropdown-menu-transparent {
  background: transparent;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.dropdown-menu .dropdown-item {
  font-size: 13px;
  padding: 10px 20px;
}

.dropdown-menu>ul {
  background: #fff;
  border-radius: 3px;
  position: relative;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.1);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.1);
  box-shadow: 0 10px 20px rgba(31,45,73,0.1);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.dropdown-menu>ul li {
  border-top: 1px solid #ebebeb;
  color: #192745;
}

.dropdown-menu>ul li:first-child {
  border: 0;
  line-height: 20px;
  padding: 13px 10px 13px 20px;
}

.dropdown-menu>ul li a {
  color: #6f7584;
  cursor: pointer;
  display: block;
  line-height: 46px;
  padding: 0 10px 0 50px;
  position: relative;
}

.dropdown-menu>ul li a:hover {
  background: #f8f8f8;
}

.dropdown-menu>ul li a i:first-child,
.dropdown-menu>ul li a .reward-icon {
  font-size: 18px;
  color: #6f7584;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -9px;
}

.dropdown-menu>ul li a strong {
  font-weight: 700;
}

.dropdown-menu>.caret {
  border-width: 0 9px;
  border-bottom: 10px solid;
  color: #fff;
  display: block;
  position: absolute;
  top: -2px;
  right: 30px;
  margin: 0;
}

.dropdown-menu .button {
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

.alert button.close:hover {
  background: transparent;
  outline: none;
}

.alert {
  border: 0;
  border-radius: 4px;
  position: relative;
  padding: 15px;
}

.alert.alert-success {
  background: #f3fdfc;
  border: 1px dashed #18d2ba;
  color: #333;
}

.alert.alert-warning {
  background: #fef5ed;
  border: 1px solid #F2994A;
  color: #333;
}

.alert.alert-info {
  background: #f8f8f8;
  border: 1px dashed #ccc;
  color: #333;
}

.alert.alert-danger {
  background: #fcf0f4;
  border: 1px solid #f45b93;
  color: #f45b93;
}

.alert.alert-link {
  font-size: 15px;
  cursor: pointer;
  display: block;
}

.alert h4 {
  font-size: 15px;
  font-weight: 500;
}

.alert p {
  line-height: 1.5em;
  margin-bottom: 0;
}

.loading-state {
  margin: 5% 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.loading-state.overlay {
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  z-index: 11111;
  top: 0;
  margin: 0;
}

.loading-state.overlay div {
  top: 50%;
  left: 40%;
  position: absolute;
}

.account-info {
  display: flex;
  align-items: center;
}

.account-info>.avatar-wrapper {
  border-radius: 50%;
  position: relative;
  display: block;
  height: 48px;
}

.account-name {
  line-height: 18px;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 175px;
  white-space: pre-wrap;
}

.account-info span {
  max-width: 175px;
  word-break: break-all;
}

@media only screen and (min-width: 1200px) {
  .account-info span {
    max-width: 100%;
  }
}

.layout-default.login .content-block__heading {
  margin-bottom: 40px;
  background: transparent;
  border: 0;
  margin-bottom: 30px;
  padding: 0;
}

.layout-default.login .content-block__heading h2 {
  color: #1c2c4c;
  font-weight: 500;
  font-size: 27px;
  line-height: 1.2em;
  margin: 0 0 10px;
}

.layout-default.login .content-block__container__main {
  padding-bottom: 40px;
}

.layout-default.login .content-block__container__bottom a {
  color: #6f7584;
  font-size: 16px;
}

.layout-default.login .content-block__container__bottom a:hover,
.layout-default.login .content-block__container__bottom a:focus,
.layout-default.login .content-block__container__bottom a:active {
  color: #36aeea;
  text-decoration: none;
}

.layout-default.login .content-block p {
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 30px;
}

.layout-default.login .content-block label {
  color: #1c2c4c;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 8px;
}

.layout-default.login .content-block .radio label {
  color: #1c2c4c;
}

.layout-default.signup .contents {
  max-width: none;
}

.signup-wizard__wrapper {
  position: relative;
  z-index: 99;
  float: none;
  margin: 0 auto;
}

.signup-wizard__bg {
  background: #192745;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.signup-wizard__step-image {
  max-width: 100%;
}

.signup-wizard .carousel-indicators {
  bottom: 10px;
}

.signup-wizard .carousel-indicators li,
.signup-wizard .carousel-indicators .active {
  height: 8px;
  width: 8px;
  margin: 1px;
}

.signup-wizard .selectize-control.multi .selectize-input {
  padding-left: 15px !important;
  font-size: 17px;
  line-height: 41px;
  vertical-align: top;
}

.signup-wizard .selectize-control.multi .selectize-input.dropdown-active {
  background: #f8f9fb !important;
  border-color: #36aeea !important;
}

.signup-wizard .selectize-control.multi .selectize-dropdown {
  border-color: #ccc;
  margin-top: 5px;
}

.signup-wizard .selectize-control.multi .selectize-dropdown .option {
  font-size: 17px;
  padding-left: 15px;
}

.signup-wizard .ez-alert {
  margin: 0 auto 20px;
  max-width: 1000px;
  background: #c2e7f9;
  border: 1px solid #91d3f3;
  color: #36aeea;
  text-align: left;
}

.signup-wizard .ez-alert .ez-alert-content {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASwSURBVHgB1VpfchM9DJfdD97ayffGDFA2J6CcgPYElBNQTpDmBE1PkHACwgkIJyCcgHCCuAVmeGMH3mAaIXm9YWNr/28g/GbagNdZS7Ikyz9VQQfojZe9fYBTBXCESj3gTx52PykMjRtE/ABav/+xWr37MuwbaAkFDcFCH2g9IIGO6SXH0AwLUGrSRpnaCqSCA+I5bFq4FRBg+hPxsq4itRQ4fHF10bXgAZQaXQ8eXFaeXmXSnfEyuq3Ua0h8uwri9IcsG9MiEYQxUQTzA/Gkym6UKkBWf0ZWn5QsHtOcVyTsYg9gbnIWjsbLoxv6oEVPydKPIVEs950UX88/DvuzgjnFCjiXGeU9J4HntMjlp2F/Dg1wf7w8U0pdQJEiJS6Vq0CJ8GZF1mkquI9SRQqUUDkvPFWJz4dAfKEBRuQmMXQIcq/eCmBCwj4TJyh1Rkq8Cob9ARew70HyeXKX62F/BFvE4Xg5gmQ3fMQU2I/8wNb+LBL+LQjCc0BtW3gGr8FrCY96twWv2FDA+r3kh2R5ygZT+EOwa9GawqMju0MZrF3Iuc5S+NL0+jySLFIIMsbAJYGYXGJa53Bav2O85JgYeMPxN8R+7GJwvQO3KDCFdxiNOISauDdeHmfOjogVsWM1oROZjDfcOwA4z8xJrK+k6Kf01STbKMENVfGhJYLXXknxQLvCNRn/0ypwS64mjZS2qoBO45kwNocG4LMGw++ud8EqoEI/s9aHhmDLUSZ5yguT5WdkxRPTovZHIaBVUoqAygleQ4Hbhx3C4cR8BS+9UzD/r3PcZw67BioW/SG+Bf6nhBIZlS6sAKuA6xva5yfkoz1M0mijeFrLRJWuXzaw7Jpe/tCfvLe6uYIW4JRJPvqSy2bkHUacNkmjGzLJXhFpIb3FFHALaIGu0mgWLglspnQyPmehyJvbaZXZMXzZekExp8KTb5dQrgBu88LeEih4BysQaAU7CimO/ikFIFSAik1mxzbRo+tdBDuGu8Ro+GMcr1ohBjn/pjlVuDVowX2YZ5V2AFR1AutP4jQYIZJYS6VvLjPwF5FWn1loIoW1LX2Fervt0d8lbF0VutCCT+fkPoD4zv/Snkxt/BUoSRai5flDu1/8n410ykXYLuxCjvWt+9hP/mXvvcS4BZOookzvnjUR1lN67yvUBK+tZE+Ypje8dSkh7QIh2le6titZRjkxSEKzM680OHwDNbGfyBT54zpzxdy4I+TSejWbDl0gl1z26E0VfHFimBcNz4EccnUbcD2JqfAouKsH1Shtz1OQfJhe6KjHrcJZfio8ikm2E38wj15nvv6l9Iybcd+JrYs7ptdt89DGG56L65JhpW6NliYXkKus8dkB0e92mzsCp+sDS+nLwjtyeZYjTz4KuPoUxgV4o9hwl/+Lwj5zSU+iUAGG69awOxWdB8aWI4hvqMtiPueQAlymc6Vri8Wk3ipsHJLbDMto/VIF0oVXSeMjgupI/rTgd3s1/amCBScT00WbNYsKLtUWtiKo0wmqpQDD7gbz9t2W3LFrHk7q0vm1FUix9ueE2W50AbLsNVXCTQRP0ViBLLLByVSlYw+izBRbE9H4ggLzynX0Z120an8B/moobKk2io8AAAAASUVORK5CYII=) no-repeat left center;
  background-size: 16px;
  padding-left: 30px;
}

.signup-wizard__step {
  min-height: 100vh;
}

.signup-wizard__form {
  background: #e9effb;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 30px 27px;
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 20px 30px rgba(41, 56, 85, 0.05);
  -o-box-shadow: 0 20px 30px rgba(41, 56, 85, 0.05);
  box-shadow: 0 20px 30px rgba(41, 56, 85, 0.05);
}

.signup-wizard__form__title {
  margin-bottom: 30px;
}

.signup-wizard__form__title h2 {
  color: #192745;
  font-weight: 500;
  font-size: 27px;
  margin: 0 0 15px;
}

.signup-wizard__form__title p {
  color: #6f7584;
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
}

.signup-wizard__form__content {
  margin: 0 -20px;
  padding: 0 20px;
}

.signup-wizard__form__content .row-legend {
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
  padding: 10px 0 8px;
}

.signup-wizard__form__content .row-legend h4 {
  color: #1c2c4c;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2em;
  margin: 0;
}

.signup-wizard__form__content .row-legend h4 .help-icon {
  margin-top: 2px;
}

.signup-wizard__form__content .row-note {
  color: #1c2c4c;
  margin: 0;
  font-style: italic;
}

.signup-wizard__form__content .help-icon {
  vertical-align: top;
}

.signup-wizard__form__content label {
  color: #1c2c4c;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px;
}

.signup-wizard__form__content .custom-select-box .selectize-input {
  padding-left: 15px !important;
}

.signup-wizard__form__content textarea {
  height: auto;
}

.signup-wizard__form__content em.error {
  font-style: normal;
  font-size: 14px;
}

.signup-wizard__form__content #pobox_notice {
  color: #a0a4af;
  display: block;
  margin-top: 8px;
}

.signup-wizard__form__content .checkbox.with-border {
  display: block;
  border-top: 1px solid #b2c5eb;
  padding-top: 25px;
}

.signup-wizard__form__content .form-note {
  background: #d5e0f5;
  border: 1px solid #b2c5eb;
  color: #1c2c4c;
  padding: 20px;
  border-radius: 3px;
}

.signup-wizard__form__content .form-note p {
  margin-top: 15px;
  padding-top: 10px;
}

.signup-wizard__form__content .form-note p:first-child {
  margin-top: 0;
  padding-top: 0;
}

.signup-wizard__form__content .form-note p.with-border {
  border-top: 1px solid #b2c5eb;
}

.signup-wizard__form__content .form-button {
  padding: 50px 0 23px;
}

.signup-wizard__form__content .form-button .back-link {
  color: #36aeea;
  border: solid 1px #36aeea;
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px;
  background: transparent;
}

.signup-wizard__form__content .form-button .back-link:hover {
  background: transparent;
}

.signup-wizard__loading {
  min-height: 100vh;
  position: relative;
}

.signup-wizard__loading__wrapper {
  max-width: 440px;
  margin: 0 auto;
  padding: 12% 20px 0;
  text-align: center;
}

.signup-wizard__loading__graphic {
  width: 181px;
  margin: 0 auto 30px;
}

.signup-wizard__loading__graphic img {
  display: block;
  max-width: 100%;
}

.signup-wizard__loading h2 {
  color: #1c2c4c;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.2em;
  margin: 0 0 15px;
}

.signup-wizard__loading p {
  color: #9099a0;
  font-size: 20px;
  line-height: 1.35em;
  margin: 0;
}

.signup-wizard__close {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAAG0OVFdAAAABGdBTUEAALGPC/xhBQAAEjRJREFUeAHtXUusHbUZvnlAArm0gQi1QIsgTxouzyJ12bNBsOmy3VU9XYdlN0hdtsqqO7I/UZdddkPVzemmUqW0gXBDyQNKUyCgkAaSG0pepN83mX/k8Xg89oztmTk5lnz8/h+f//F4bM+clRWLu3379mPwL8Lvqqu2SS9A5T3I26nnK+l3Nm3adF3SJQJo/EMpaApB5O+sUxDwaSzESWQzE7nYku8VZhK04S5cMgkkoYXHGtJZ8WZwf0yrKMmXEBEiDJmuuE0g8CJyCzArNe4QMTZmXarwb0MjyRLOIonkF+FmdMXFIlWOSGPmquqUagXrhXdKZB0ThSEhUti2Y9uiWgl9H4Mid1IpERCyNkLSUOpaQxA6CP+UrVJFAht3EtIlKAig4RaUP2/jJmUqEfVicmpMIqqUmQRqhnBxCSkJr8ZHDJWPGPIOG/JWeDWaxkG5eOQqZHoDfqITqSPAekKEcWNjFqggMq064c68iVqgxm0ERGzWV6VR29dKII0nqC2SGIkQg22otFYi65jIuhE/1xzrG6uppmzqTmMjZoo5FwSYWWMTLCo5aczMEgFmNBFRGxsJMNPkQJgm/6iprCZv3QXfigYqsSZt1LpNcV1zqV8RAEydxyUh4hPqgpQECKlxk1AiSCFASuYiHIXIBHBkzjH2R3ljGR6ElhrKkGGrI/Vv+QggjYQB0yoTyd9A/oSFLo5j2UFUvM+lslZHGEq2F2NpxOH8G0l0DFfbtO/SBbrGKiJq11jl8hGAN/WX4XXGOgMRxEWIC5kApOB4JejMOqWLy1CoJBTiMzD/iHwLBEQIhjEFkRFQ+BkFkMKAghQaC20JrQJIJQkhEOe/vFk1uQvQ9FxTJZZ7CSAEIcgOxDk3YHgL/ir8OTC9idDLOQvg2R3XIMy6iySNAngyrvDUjU6vUCsAGPPRjBCHcKVVGpWgUYCuWqsMlPgVoHFaSWfRigCRmAvfryDEPyXBsPRwE5k5+d0PHt9mRFwhAAoekMzI4V6VfiEAMverBTHjKtKZAMjYF5OhjbYg8C1bpbzsVYQu9Q450CpueJwTUogXHBrJRGOKunWj3BxlMjVrnJBwkHJlDrorU/7AzeDXGNHcHGln5mwL5bdIFzDd5Kj1NK80Q6gKMUfaiznq0635CMAGJiHmyG/DnPS22tZ5WKHOUfuZVtjY51r9LOmLgNAgEhuSQPgLJe4VbSvAHFwEdjI8Cv80I76ujQBzMBHmhF20pxDsGi/nK8Ac1FXmZHYSfsoI3AzeR4gNCsD5nIubo5LOXNrRJqZ5YobQSQgMRKe4dfBe3rApqGMu7XQhJN8aZhMS9e5krR24UIZikq1MlQLzqpAjc2ZmRojElUqNuBnFmkRxFYhEcfneoQ5ex4VPIUCe8ZkUxAp1RUsCoJCPzJ2WrxsEP6GXV6blrICrYjeCB/XKHdPHoWDR90LLKAALIQTLuMHZ2emwqwRrBZBKEOQA4jIISbZreAbML9sqNwogjSEIhaAwjc6msd7YWQC9YVMaAtPAucfw3aa6DeW8V33ShGQDjdriYABAYT7buDw21ArjWXAaoHQewFsDAIX5KJvsabIBnK8BBqdF3s4LACjN+kFGJm9J3RvULkiaSDgBAMVbb86amCbKc1omtAIwkh5vwvMSLo8P6irVAgDlQy5R1vFPmf8PAHFbZ2gEAMp7nQLQiQ44/TFA+FSVrwLAAisvem8AhFOSKM3G7wLlqfcq9NwjAGyVSEDluY76G6GLcArPB/a2bo6G6lycazFd3U7ouwpLyJZF+ORRdy6zDaO/ao1mSB+DX9Pym5JzVGA7VfnPmxp5lGfPFdkYELD3Vf5UeKZm5PEpQptFzFGuKo1k4y4967Rxn3F1lrtxvOXFcq5AzCFAKsULXQlAqoeYOiA2+lBcECAArnvw0qZrWAcE6RKMCSOpHG+D3O9P6d6wMOMl0GqZ30LTWkQAXBfHrYQcCueocwyeSopjj8v2guQdRYT11iQjZshLgHOB5yIymYO2qjRZmUydCs9YqLkp0utaXrBkzNvgHFK6KK4rkxKIswIAl7J4NwjhuFP+S42Qqce1KpVkHRAvVWq2zMBM8M4LRohw6TbUivwRRZ6LiFPgiZLnGqXZs+1UafCmEu8UpfIkkFmAUMJ4sKiPwaKihO8BgGzw512gcIJKkbGYEW5WFHe+kgWIvrAE3ou3S3qBwsqqkBEAKgwQ7kXwzIIofwu9/pZJl1oApDKA4No/9wDG6oy7kqJMIwBSEUD8APH7JT2C8AR6/UaTnM4ACCEAwVOPeyU9sLDW1Ovk9AZAJQQwuPEZcjVJJe8a56b7W+jtypK3C4FOAOgMAAgXG3fq+RHSxX28K+2gAJiEAShbkM9t8l3wxSKsqa6Wt4H0p+jZL7X8oMnoAIi0AILKc/yg5y32ntzThK/Dc8D6Cv4LKF1MVJCO6qIBAIX5gCUvWXRRgjs55wFK5YBNF6LSNigAUJq7yHyqZBjD8aTI+ZCEgwAAxTlR4oQplbsMIM6EYNYJACje93SZ48X7XYBoDQCUH9IDU+vzQt4ADKDX6zr8KqzB9fBxQcMLACj/PbT8TtF6mJHKI69NTGcAoPyYngo5NXba73ACAMpzgTLWrc3WQV3KnD7sUFoSM3GD8nwMHpvyVGUNsnMabnVWAEBgN1qPaQ1AV/Z56GC18loA0JBz9tBnxnUBU6StBzuNAOSoDXXRwxs06FN7/sEIADhYUfOWoP8GOwCCcV2zAgAqdj3e3r+6ZgmMzyoVANC27yUus/gBctG5XLEquRIAqHCgVLp4icpyXQkA6KtvZy8cBOjk0i54AYDJPBZO+zsKld5qKQBAWcU8OgBwGG15TiCEo8Dccn81BDHSQGdzkTZz2SotMkKa/jEhjvCn8BMl7RvlM8gsbyTf1gpxRoBrledJVywg1qSHwM7JqIVTlZfmP5FI1xCdnukuADQ+NHgwvKjVbQOCSXmSfV2j3SWZXQb8ZGZI5SnQK/Dc1FCdDwh1yk9BkEd5QrlswkcLKAaEUJRBZwLfBgSb8usB5StIEQBuWcVwExD1ASG58lSaAGR3AiYiuAlouoDQi/K4/HcQgNhuAgY2EHpRPld6J4/KpjoaNwfT1ZyxBARGz2PZFH6dkcjucgoLEB0miJgsQcolnCKSQnnyuyclAGQ4gddBYL64KSKplCfPe1MDQKZ1zwgEJqXylGVzagC4n3iUnA2OY8HckB8z60ZKAGzKi5KpQUgGwBo0NPU83xbRx4SUIFxPYQFUfgavOyp/En4C3xcIX8YGoEl56J65CX77ACEDQGd8R6Tuv3XKT0GaPa+7CTJ0WaJeDthBvkkL4Cms0M6m/LqF2QRlSUHgJ91CH0Rsq7zgkgqEq2QYYwyYkbDmpkjbel6rXjsw1k2i9PYu6U9YSQC44NKiZZ0p2vkoL2wmiOiXA4/oBHGw/Gx1KQMAiXNBqN4h8ieF1hTxNsoLiQki6hpjqDXBa8KgODyQ8LFYePcZFsdn5BKgMN5HzPrUoAtvWHxhAQUAyMxGxS6ER9K29AnPAoBc+CDnb4cMBDr6iipfCQAUcmSMcixdZdpj/B2ddwmAvND4fp3ecIRpfnKPL2aUXAUAVOLLR9G/r1qSIkECepmeP4qJUEkEVP4IGU5HTUsNh5uomL6IWrEAKQAIi3Ip8AOLFdMXPWsByCscl4ojDfknH7TmWmcFAI15RzhR23rYBfyiZOmebxK3mAqbCiUP0+R7EH9W0iMIK/+sUiezEwBsDBBoLS/UERpQvvUTmrqczgBIQwDxPOKhD1UI+a7hWZi91wKPNwCUECAM8dUZr1dlBOlWAOQgsC2twTqQCqOIYeU7oT68WgMgTGANPMdXOn0pZZHD0rdB2/LqDIAwBhA7EK89ly/1AoSdX5ZUZQgGgEoUYDyO9MNqXsc4p+Uc4PQ1wo5ktQ8pdaZmIAAw+OoNj6Rxk8PV8W/8uBbIt8ajPpNEsQBXLUPUA8C8JRPcB+B5GW6Hj3Xwix3zNTxXz7iwwnEoageBR1Q3GgNAR7OTH8r9UOdhNIb/0scYrkA3uBukAaCzeSVz2NwZXON+CH4BtvwczODW3QdhAOhwTiUfgfe5T/bTlWG4cjLD+3u2ORmGZDsqvRgAOpx8+REGdnrfD1LtkAvXiitufHWH65atPgXWRZRkBpB3Ol9IHfrXN7rgGaItt2P4dJ/EGKIbADqej0FPwg914hai02LQ4ITyXzAEr8U9X0GiGAA6ncP6E/AP+gq0rG9E4BJyP4QxBN+yD2oA6HhunOyFH/MHV4w9MJBMfmeRK2I3QskTxADyjj8AobaFEmxJx4oAz3adCmEInQwgH+p5xXMVbunSI8DVSI4IrW8NrQ0AnT/ETcH0XTAMjl7/LaqK7G0A6Ph7QeAg/HJWryLZf5xPDe9iNKg9A2US0csAlle9CcLB5XmNBk4GgI5nPV713GlbuuEjwB1LjgaNi0mNBpAP+U+D4N2+ZDv8bi9LyInhyaZbgtUA0Pl9nfcpq7JMdUGAfyRVu+lUe1Wj8/lo18dhry7KLttWEdiX92W1BDlGA0AD7sfvN7ZYZo4Rgf15n1ZkrxgAKnI1L8Xpxoowy4yoCDyV922JSWUOgEprqDG0Jd3fQqZXSpKvrHyO9K/gu7yIrZFslSRev4PfpbV+E+lfa3l9J/nGTAmvkgGg8x+HhCGP84ZQ+DCIvGwhxNM1r8GXFLPUD1XEjn8DftVC8M8oe91S3kfRBRjBOWFc3ALQ+ZzxD63zKaf1BTeUswNm8HN4dkpsRx5z+Bm8rfNR3Cg766R2D+d9nfEtRgBk8r7Pyd8QHUFvutpE7lgjwhBkEB27hsWfL2UGgM7nqR3u6g3d9dEJffBM0Q/Zq4RiAAfAcTUF10A8UnRKCh6B4GhFJnu5jh/P3Yrmz7Ui0X+jGJ0Ug2b/SJkleJsGwMeXJ8zlo8kN0WkhaIwGsFzQD2kAu5FYlMObbTqRWPQ9wcz7I3lwiQYw5Nl/W0R8DMGFR6wnCxfeMetcpQE8Aw485bOIrqshLGrHS19fpwG8iFSxHiAlCxb6GsKid7x0b/YCR+sTpUJl4CEPs7je40WV1bwN2y6y+4YjAI963beAWrLzjsCzM7s4jgaH4E92ITLQtv+jAeyDcNwHWBTnM9yzc+lcjGQRbwuXaQB8Y5cfYxi78+149ar2GS0WyRA+pQHsQM+P+QBIl47Xjf5uM4T3ZC+AS8FcEh6T8+3416DcuqOCMWk7ihC92k2cC3hbDGBMr3ml7JyUvKL3uMYge4FEDICvefG7l0N2fXZGn7xj9clbGAFuFQtAA54M8gnlD/D6mTsTMLEnaD6G8DkE/Bl87Zl8kwKJ8vjFso/JSzUAHg97Fn5oL33yWV7+Tx1Ro4vd8TpTV0P4Gxoe0hv3nOZLpCdgANkCYHEmMM8427NwJvZ/NGXmeez4KfwE3nWCh6qdHXlN4KfwlKHO2WSvaxM7v/Q9gWIEEK64FfDTbY9KekDhq5Dlx/C8JbwL/3v4oQyvlOnn8FxVpUx/geex8KG5T3Chn1eFqhgAC2EEexAsylc6VX3v5rjxM+PFLUBFBlbyPtJDubpU0Zbxdghczvu00tpoAKyFBmcQ2O5vFWLLjEEiwMOf7EujM94C1JrL24GKxujixmFf1aLRAFgZRsDNIm4aLd14EHD6MxknA6DOMAJ+L2D5yvg4DOA0hv0rLqI6GwCJwQhYny+RcAdx6YaHwFWIxA9INn4bSET3MgBpBEMYy6tkIvLdEGavevkq2soAyCQfDZ5EdFHeKfDFbij1L0EQflXc+apXBW9tAEIEhrAFcc4N7pe8ZZgEAX44mvd6ru23dp0NQDjDELYhzvOFDJcuHgL8UDS//MWwswtmACJJPiJwKZlPDUsXDgHO6t/vesXr4gQ3AGGQzxG4drD8ixgBpV0Y9S9kohmAqiuMga+e7YZfPj6qwNTH+Tj3Aa52rw8/15OrL0liACp7GANvDfwY1XY1fxnP/pH0HDrdaQEnFF7JDUAVPB8Zvo+8u3XrmX8o+Z8UV7qKuxrv1QBUQRjPRwfuO/CAxSI6brHzPF7Sq9wG5KAMQBcUBsFHyofgd8GP7fGSj2kX4fk/wkEe2UAruBu0AZi0hVHwDMMqPOcS9H1PLDlh4xVNz733Ub1tPToDAMiNDkbCt5w4YnCiSc84VyzpaUBqHMkVdhpX1OjVOK/cr3PPz6zeRHyh3P8BfO/vJ4MPYYkAAAAASUVORK5CYII=) no-repeat center center;
  height: 64px;
  width: 64px;
  margin: 30px auto 0;
  -khtml-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

.signup-wizard__second-step .signup-wizard__form__content {
  overflow: hidden;
  position: relative;
}

.signup-wizard__second-step .signup-wizard__form__content.move-next .form-information--first-step {
  position: absolute;
  left: -10000px;
}

.signup-wizard__second-step .signup-wizard__form__content.move-next .form-information--final-step {
  display: block;
  position: relative;
  left: 0;
}

.signup-wizard+footer {
  display: none;
}

.form-information {
  transition: left 0.4s ease;
}

.form-information--first-step {
  position: relative;
  left: 0;
}

.form-information--final-step {
  display: none;
  position: absolute;
  left: 120%;
  top: 0;
}

.form-information__pagination {
  font-size: 0;
  line-height: 0;
  padding-top: 16px;
  text-align: center;
}

.form-information__pagination__dot {
  background: #ccc;
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-left: 10px;
  border-radius: 50%;
  position: relative;
}

.form-information__pagination__dot.active {
  background: #36aeea;
}

.form-information__pagination__dot:first-child {
  margin-left: 0;
}

.site-header {
  background: #1c2c4c;
  color: #688bb3;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.site-header .header-top {
  height: 106px;
}

.site-header .header-top .contents {
  height: 100%;
  overflow: visible;
}

.site-header .contents {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

.site-header .menu-icon {
  background: url(/static/media/menu-icon.8f17e056.svg) no-repeat left center;
  cursor: pointer;
  height: 46px;
  width: 18px;
  position: absolute;
  left: 15px;
  top: 0;
}

.site-header .logo {
  height: 46px;
  left: 0;
  margin: 0 auto;
  padding: 0;
  position: static;
  top: 0;
  width: 50px;
  z-index: 10;
}

.site-header .logo a {
  background: url(/static/media/logo.8c4f095e.png) no-repeat left center;
  -khtml-background-size: 50px 26px;
  -ms-background-size: 50px 26px;
  background-size: 50px 26px;
  display: block;
  height: 100%;
  text-indent: -9999px;
  width: 100%;
}

.site-header .right {
  background: #293756;
  float: right;
  height: 60px;
  position: static;
  width: 100%;
}

.site-header .right .inner-box {
  height: 100%;
  padding: 12px 15px;
  position: static;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.site-header .right .activity-box,
.site-header .right .message-box,
.site-header .right .cart-box,
.site-header .right .recently-purchased-box {
  display: flex;
  flex-direction: row-reverse;
  height: 46px;
  position: absolute;
  top: 0;
  width: auto;
}

.site-header .right .recently-purchased-box {
  right: 117px;
}

.site-header .right .message-box {
  right: 50px;
}

.site-header .right .message-box.only-icon {
  right: 10px;
}

.site-header .right .message-box .activity-icon .unread-blip {
  right: -2px;
}

.site-header .right .activity-box {
  left: 45px;
}

.site-header .right .activity-icon {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.site-header .right .activity-icon>i {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 15px 5px;
  vertical-align: middle;
}

.site-header .right .activity-icon>.unread-blip {
  height: 6px;
  right: 2px;
  width: 6px;
  margin: 0 0 0 6px;
  position: absolute;
  top: 12px;
}

.site-header .right .cart-box {
  right: 10px;
}

.site-header .right .cart-button {
  background: none;
  outline: none;
  padding: 0 5px;
}

.site-header .right .cart-button>label,
.site-header .right .cart-button>span>.cart-total {
  display: none;
}

.site-header .right .cart-button>span>i {
  font-size: 18px;
}

.site-header .right .cart-icon>.counter-blip {
  background: #f45b93;
  color: #fff;
  font-weight: 500;
  font-size: 7px;
  line-height: 11px;
  margin-top: -10px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  position: absolute;
  right: 0;
  top: 50%;
  width: 11px;
}

.site-header .right .username-box {
  display: none;
}

.site-header .nav-menu {
  background: #1c2c4c;
  height: 100%;
  width: 240px;
  position: fixed;
  left: 0;
  top: 0;
  margin-left: -340px;
  transition: margin 0.1s ease-in-out;
  z-index: 9999;
}

.site-header .nav-menu::after {
  display: none;
  background: #1c2c4c;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-opacity: .7;
  -khtml-opacity: .7;
  -moz-opacity: .7;
  -ms-opacity: .7;
  -o-opacity: .7;
  opacity: .7;
  content: '';
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.site-header .nav-menu .contents {
  clear: both;
  z-index: 20;
}

.site-header .nav-menu .username-box {
  display: flex;
  flex-direction: column;
  bottom: 0;
  width: 100%;
}

.site-header .nav-menu .menu-close {
  background: url(/static/media/menu-close-icon.115be200.svg) no-repeat left center;
  cursor: pointer;
  display: block;
  height: 18px;
  position: absolute;
  right: -30px;
  top: 25px;
  transition: opacity 0.3s ease-in-out;
  width: 18px;
  z-index: 21;
}

.site-header .dropdown-username {
  background: #293756;
}

.site-header .dropdown-username .account-info {
  padding: 11px 15px;
}

.site-header .dropdown-username .account-info>.avatar-wrapper {
  border: 4px solid #2a4271;
}

.site-header .dropdown-username .account-wrapper>.avatar-wrapper .rounded-circle {
  background: #fff;
  -o-object-fit: cover;
     object-fit: cover;
}

.site-header .dropdown-username .account-info>.reward-icon {
  right: auto;
  bottom: 10px;
  left: 46px;
}

.site-header .dropdown-username .account-info>i {
  font-size: 12px;
  right: 15px;
  top: 50%;
  margin: -6px 0 0;
  position: absolute;
}

.site-header .dropdown-username .account-info>i::before {
  font-family: 'ezrirx-icon-font';
  content: '\5d';
}

.site-header .dropdown-username .account-name {
  color: #fff;
  font-size: 14px;
}

.site-header .dropdown-username .rewards-icon {
  height: 28px;
}

.site-header .dropdown-username .switch-location i {
  vertical-align: baseline;
  margin: 0 8px;
}

.site-header .dropdown-username .switch-location span {
  vertical-align: text-bottom;
}

.site-header .navbar-nav {
  margin: 5px 0 0;
  max-height: 83%;
  overflow-y: auto;
  width: 100%;
}

.icons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
}

.icons-wrapper .menu-icon {
  background: url(/static/media/menu-icon.8f17e056.svg) no-repeat left center;
  cursor: pointer;
  height: 46px;
  width: 18px;
  position: static;
}

.icons-wrapper .menu-icon.active {
  background: url(/static/media/menu-icon-active.5bec7569.svg) no-repeat left center;
}

.icons-wrapper i {
  color: #fff;
  font-size: 20px;
}

.nav-wrapper {
  height: 90%;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .site-header .nav-menu,
body.menu-open .site-header .supplier-nav {
  margin-left: 0;
}

body.menu-open .site-header .nav-menu::after,
body.menu-open .site-header .supplier-nav::after {
  display: block;
}

@media only screen and (min-width: 992px) {
  .site-header {
    float: left;
    height: 100vh;
    position: fixed;
    width: 25%;
  }

  .site-header .menu-icon {
    display: none;
  }

  .site-header .nav-menu {
    margin-left: 0;
    top: 106px;
    transition: none;
    width: 25%;
  }

  .site-header .nav-menu .username-box {
    border-top: 2px solid #688bb3;
  }

  .site-header .logo {
    margin: 0 auto 0 15px;
  }

  .site-header .right .activity-box {
    left: auto;
    right: 85px;
  }

  .icons-wrapper {
    display: none;
  }

  .nav-wrapper {
    height: auto;
  }
}

.nav-menu>.contents>.nav-wrapper>.navigation>li {
  float: none;
  padding: 3px 0;
  position: relative;
  height: auto;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a {
  color: #6280a7;
  display: block;
  font-weight: 500;
  font-size: 14px;
  height: auto;
  line-height: 40px;
  padding: 0 15px 0 45px;
  position: relative;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a:hover,
.nav-menu>.contents>.nav-wrapper>.navigation>li>a:focus {
  background: none;
  color: #36aeea;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a.active {
  color: #fff;
}

.nav-menu>.contents>.nav-wrapper>.navigation.open>a {
  background: #3e4c66;
  color: #fff;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu {
  border-radius: 0 0 2px 2px;
  position: relative;
  -ms-box-shadow: 0 0 15px rgba(186,196,218,0.3);
  -o-box-shadow: 0 0 15px rgba(186,196,218,0.3);
  box-shadow: 0 0 15px rgba(186,196,218,0.3);
  background: #fff;
  border: 1px solid #ebebeb;
  float: none;
  padding: 0 10px;
  left: 0;
  top: 100%;
  width: 200px;
  z-index: 999;
  position: absolute;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu li {
  border-bottom: 1px solid #ebebeb;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu li:last-child {
  border: 0;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu>li>a {
  font-size: 14px;
  color: #6280a7;
  display: block;
  font-weight: 500;
  line-height: 30px;
  padding: 0 15px 0 45px;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu>li>a:hover,
.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu>li>a:focus {
  background: none;
  color: #36aeea;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu>li>a.active {
  background-color: transparent;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a .caret {
  display: none;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a i {
  display: block;
  font-size: 16px;
  position: absolute;
  left: 15px;
  top: 5px;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a i:before {
  line-height: 30px;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>a.active {
  border: 0;
  color: #36aeea;
}

.nav-menu>.contents>.nav-wrapper>.navigation .open>a {
  background: none;
  color: #36aeea;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu {
  background: none;
  border: 0;
  padding: 0;
  position: static;
  width: 100%;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.nav-menu>.contents>.nav-wrapper>.navigation>li>.dropdown-menu li {
  border: 0;
  padding: 3px 0;
}

@media only screen and (max-width: 991px) {
  .nav-menu .contents {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .nav-menu>.contents>.navigation>li,
  .nav-menu>.contents>.navigation>li>a {
    height: auto;
  }
}

.site-header .search-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.site-header .search-wrapper .input-has-icon {
  height: 100%;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.site-header .search-wrapper .input-has-icon .search-bar {
  width: 100%;
}

.site-header .search-wrapper .input-has-icon .close-wrapper {
  z-index: 20;
  margin-left: -35px;
  margin-top: 2px;
  cursor: pointer;
}

.site-header .search-wrapper .input-has-icon .close-wrapper i {
  font-size: 15px;
  color: #1c2c4c;
  padding: 10px;
}

.site-header .search-wrapper .input-has-icon .scan-wrapper {
  z-index: 20;
  margin-left: -38px;
  margin-top: 0;
}

.site-header .search-wrapper .input-has-icon .scan-wrapper a {
  overflow: auto;
}

.site-header .search-wrapper .input-has-icon .scan-wrapper i {
  font-size: 20px;
  color: #1c2c4c;
  padding: 9px;
}

.site-header .search-wrapper .input-has-icon::before {
  font-size: 14px;
  line-height: 36px;
  color: #1c2c4c;
  left: 10px;
  font-size: 14px;
}

.site-header .search-wrapper .input-has-icon>input {
  border-radius: 4px;
  position: relative;
  font-size: 13px;
  background: #fff;
  border: none;
  color: #1c2c4c;
  line-height: 20px;
  height: 36px;
  outline: none;
  outline-width: 0;
  padding: 8px 10px;
  padding-left: 30px;
  width: 100%;
}

.site-header .search-wrapper .input-has-icon>input::-moz-placeholder {
  color: #1c2c4c;
  opacity: 1;
}

.site-header .search-wrapper .input-has-icon>input:-ms-input-placeholder {
  color: #1c2c4c;
}

.site-header .search-wrapper .input-has-icon>input::-webkit-input-placeholder {
  color: #1c2c4c;
}

.site-header .search-wrapper .search-dropdown {
  position: absolute;
  bottom: auto;
  left: auto;
  top: 15px;
  right: 105px;
  width: 125px;
}

.site-header .search-wrapper .search-dropdown .button {
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  border-radius: 0 2px 2px 0;
  position: relative;
  background: #e9effb;
  color: #1c2c4c;
  font-weight: 500;
  line-height: 36px;
  padding: 0 36px 0 20px;
  position: relative;
  width: 100%;
  text-align: left;
}

.site-header .search-wrapper .search-dropdown .button .caret {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -2px;
  color: #6280a7;
}

.site-header .search-wrapper .search-dropdown .search-dropdown-menu {
  font-size: 13px;
  color: #1c2c4c;
}

.site-header .search-wrapper .search__value-container {
  margin-left: 25px;
}

.site-header .search-wrapper .search__value-container>div {
  width: 100%;
}

.site-header .search-wrapper .search__value-container .search__placeholder {
  color: #1c2c4c;
  font-size: 13px;
}

.site-header .search-wrapper .search__value-container .search__input>input {
  height: 20px;
  overflow-x: hidden;
  width: 90% !important;
}

.site-header .search-wrapper .search__value-container .search__input {
  width: 100%;
}

.site-header .search-wrapper .search__control {
  border-color: transparent !important;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.site-header .search-wrapper .search__menu {
  border: 1px solid #ebebeb;
  background: #fff;
  color: #41495f;
  margin-top: 0;
  border-radius: 0px;
}

.site-header .search-wrapper .search__menu .search__menu-list {
  padding-top: 0;
  padding-bottom: 0;
}

.site-header .search-wrapper .search__menu .search__menu-list .search__menu-notice {
  color: #41495f;
  font-size: 14px;
}

.site-header .search-wrapper .search__menu .search__menu-list .search__option {
  background-color: transparent;
  color: #41495f;
  cursor: pointer;
  display: block;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
}

.site-header .search-wrapper .search__menu .search__menu-list .search__option:hover {
  background-color: #f8f8f8;
}

.floating-action-toolbar {
  background: #1c2c4c;
  border-radius: 64px;
  position: relative;
  bottom: 0;
  left: calc(100% - 150px);
  margin: 0 auto 20px;
  position: fixed;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 99;
}

.floating-action-toolbar ul {
  list-style: none;
  margin: 0;
  padding: 8px 10px;
}

.floating-action-toolbar ul>li {
  border-right: 1px solid #2a4271;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 12px;
  padding: 2px 9px;
}

.floating-action-toolbar ul>li:last-child {
  border-right: 0;
}

.floating-action-toolbar ul>li>i {
  color: #36aeea;
}

@media only screen and (min-width: 992px) {
  .floating-action-toolbar {
    -webkit-transform: none;
            transform: none;
    left: 75%;
  }
}

.toast-alert__body {
  margin-bottom: 20px;
}

.toast-alert__body>img {
  margin-bottom: 20px;
}

.toast-alert__body>h2 {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 1.25em;
}

.toast-alert__body>p {
  font-size: 14px;
  color: #6f7584;
  line-height: 1.7em;
}

.component-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.component-slider .slider-container {
  overflow: hidden;
}

.component-slider .slider-content {
  display: inline-block;
  transition: margin-left 0.15s ease-in;
}

.component-slider .caret {
  width: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.component-slider .caret-right {
  right: 0;
}

.component-slider .caret-left {
  left: 0;
}

#menuItem .component-slider .slider-container {
  margin: 0 15px;
}

.menuItem .component-slider {
  height: 35px;
}

@media only screen and (min-width: 768px) {
  #menuItem .component-slider .slider-container {
    width: 100%;
    margin: 0;
  }
}

.cart-tabs__content .input-has-icon {
  border: 1px solid #ebebeb;
  margin: 10px;
}

.cart-tabs__content .input-has-icon::before {
  left: 20px;
  line-height: 50px;
}

.cart-tabs__content .input-has-icon input.cart-search-input {
  border: none;
  border-radius: 0;
  font-size: 14px;
  padding: 25px 15px;
  padding-left: 45px;
}

.cart-tabs__content .input-has-icon input.full-width.cart-search-input::-webkit-input-placeholder {
  font-size: 13px;
}

.cart-tabs__content .input-has-icon input.full-width.cart-search-input::-moz-placeholder {
  font-size: 13px;
}

.cart-tabs__content .input-has-icon input.full-width.cart-search-input::-ms-input-placeholder {
  font-size: 13px;
}

.cart-tabs__content .input-has-icon input.full-width.cart-search-input::placeholder {
  font-size: 13px;
}

@media only screen and (min-width: 992px) {
  .cart-tabs__content .input-has-icon input.cart-search-input {
    border-top: none;
  }
}

.products-list {
  max-height: 100%;
  overflow-y: scroll;
}

.products-row {
  display: flex;
  border-bottom: 1px solid #ebebeb;
}

.products-row.inactive {
  position: relative;
}

.products-row.inactive .product-col__stock {
  position: relative;
  z-index: 10;
}

.products-row.inactive::before {
  content: '';
  background: #fff;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: .5;
  -khtml-opacity: .5;
  -moz-opacity: .5;
  -ms-opacity: .5;
  -o-opacity: .5;
  opacity: .5;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

.products-row:last-child {
  border-bottom: 0;
}

.product-col__img {
  padding: 0 15px 15px 0;
}

.product-col__img img {
  display: block;
  margin: 0 auto;
  max-height: 90px;
  max-width: 90px;
  width: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 10px;
}

.product-col__content {
  display: block;
  flex-grow: 1;
  padding: 15px 10px 0 10px;
  position: relative;
}

.product-col__content .action-button {
  bottom: 20px;
  color: #1c2c4c;
  float: right;
  font-size: 13px;
  line-height: 1.25em;
  margin-left: 16px;
  right: 0;
  z-index: 10;
}

.product-col__content .action-button>i {
  vertical-align: middle;
}

.product-col__content .action-button.save-item {
  width: 104px;
}

.product-col__content .action-button.save-item:hover {
  color: #36aeea;
}

.product-col__content .action-button.delete-item {
  width: 70px;
}

.product-col__content .action-button.delete-item:hover {
  color: #f45b93;
}

.product-col__content .action-button.require-item {
  width: 144px;
}

.product-col__content .action-button.require-item:hover {
  color: #f99183;
}

.product-col__info {
  width: 100%;
}

.product-col__info .product-col__name {
  color: #1c2c4c;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6em;
  word-break: break-all;
}

.product-col__info .product-col__name:hover {
  color: #36aeea;
}

.product-col__info .help-icon {
  margin-top: 3px;
  vertical-align: top;
}

.product-col__info .product-col__manufacture,
.product-col__info .product-col__exp-date,
.product-col__info .product-col__stock {
  color: #a0a4af;
  display: block;
  font-size: 12px;
  line-height: 1.6em;
}

.product-col__info .product-col__metadata {
  overflow: hidden;
  margin: 0 -5px;
}

.product-col__info .product-col__metadata li {
  font-size: 12px;
  line-height: 1.4em;
  float: left;
  padding: 5px 5px 0;
  width: 180px;
}

.product-col__advice {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  z-index: 6;
}

.product-col__advice .badge {
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  float: left;
  margin: 0;
  padding: 8px 8px 8px 26px;
  position: relative;
  white-space: normal;
  text-align: left;
}

.product-col__advice .badge i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.product-col__advice .badge.badge-danger {
  background: #fcf0f4;
  color: #f45b93;
  cursor: pointer;
}

.product-col__advice .badge.badge-danger i {
  color: #f45b93;
}

.product-col__actions {
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
  width: 100%;
  text-align: right;
  height: 34px;
}

.product-col__actions strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 4px;
}

.product-col__actions span {
  color: #a0a4af;
  display: block;
  font-size: 11px;
  line-height: 1.2em;
}

.product-col__actions .soldby-box {
  width: 20%;
}

.product-col__actions .price-box {
  float: left;
  border-right: 1px solid #ebebeb;
  width: 62px;
  text-align: center;
  padding-right: 6px;
  margin-left: 6px;
}

.product-col__actions .price-box:last-child {
  padding-right: 0;
  border: none;
}

.product-col__actions .price-box.discount-price-box {
  width: 84px;
}

.product-col__actions .price-box.discount-price-box .discount-tooltip {
  font-style: italic;
}

.product-col__actions .price-box.discount-price-box strong {
  margin-bottom: 0;
}

.product-col__actions .qty-box {
  width: 23%;
  float: left;
}

.product-col__actions .qty-box .cart-line-item {
  color: #a0a4af;
  font-size: 13px;
  line-height: 18px;
  height: 32px;
  padding: 6px 0 6px 6px;
  width: 35px;
}

.product-col__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-top: 1px solid #ebebeb;
  padding: 15px 10px;
  flex-wrap: wrap;
}

.product-col__buttons button,
.product-col__buttons .button {
  font-size: 11px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  width: auto;
}

.product-col__buttons button {
  margin-left: 10px;
}

.product-col__buttons.action-button-wrapper {
  padding: 5px 0;
}

.product-col__buttons.action-button-wrapper .action-button {
  margin: 15px 0 15px 25px;
}

.product-col__buttons.action-button-wrapper .action-button:first-child {
  margin-left: 0;
}

.form-wrapper {
  padding: 15px 20px;
}

.form-wrapper .form-heading {
  font-size: 20px;
  line-height: 1.2;
  color: #1c2c4c;
  text-align: center;
  letter-spacing: 0.1px;
  font-weight: normal;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}

.form-wrapper form {
  padding: 10px 0 20px 0;
}

.form-wrapper .form-group {
  border: 1px solid #ebebeb;
  padding: 15px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 20px;
}

.form-wrapper .form-group label {
  color: #192745;
  margin: 0;
  width: 95%;
}

.form-wrapper .form-group input[type="radio"] {
  margin-right: 15px;
  color: #36aeea;
  margin-top: 3px;
  vertical-align: top;
}

.form-wrapper .form-item {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.form-wrapper .sub-item {
  padding: 15px 0 0 30px;
}

.form-wrapper .add-card {
  text-align: right;
  margin: 10px 0 0 0;
}

.form-wrapper .add-card p {
  display: inline;
}

.form-wrapper .add-card .link {
  color: #36aeea;
  text-decoration: underline;
  text-align: right;
  cursor: pointer;
}

.cart-pane {
  color: #41495f;
}

.cart-details-wrapper {
  margin: 20px 0;
}

.cart-details-wrapper .cart-details-heading {
  font-size: 14px;
  font-weight: 500;
  padding: 20px;
  color: #36aeea;
  position: fixed;
  top: 106px;
  background-color: #e9effb;
  z-index: 11;
  width: 100%;
}

.cart-details-wrapper .list-item {
  padding: 20px;
  margin: 0;
  border-radius: 0px;
  border: 1px solid #f4f7fc;
}

.cart-details-wrapper .cart-details-sub-heading {
  font-size: 15px;
  padding: 15px;
  margin: 0;
  color: #36aeea;
  width: 100%;
}

.list-item {
  border-radius: 4px;
  position: relative;
  background: #fff;
  padding: 10px;
  margin: 15px;
}

.list-item:hover,
.list-item:focus {
  background: #f4f7fc;
  outline: none;
}

.list-item.p2p {
  border: 1px solid #836bfa;
}

.list-item .supplier-info {
  display: flex;
  flex-direction: row;
}

.list-item .supplier-info img,
.list-item .supplier-info .avatar {
  -o-object-fit: contain;
     object-fit: contain;
  border: 5px solid #e0e8f7;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.list-item .supplier-info .avatar .initials {
  line-height: 30px;
  vertical-align: middle;
  display: block;
  color: #fff;
  text-align: center;
}

.list-item .supplier-info .supplier-info__name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.list-item .supplier-info .supplier-info__name strong {
  white-space: pre-wrap;
  font-size: 15px;
}

.list-item .supplier-info .supplier-info__name span {
  font-size: 12px;
  line-height: 1;
  margin-top: 2px;
}

.list-item .list-item__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.list-item .list-item__footer .cart-items {
  font-size: 13px;
  line-height: 1.2;
  color: #1c2c4c;
  font-weight: 500;
  display: flex;
  align-items: baseline;
}

.list-item .list-item__footer .cart-items>i {
  color: #a0a4af;
  margin-right: 5px;
  font-size: 14px;
}

.list-item .list-item__footer .cart-total {
  font-size: 15px;
  color: #36aeea;
  font-size: 500;
}

.list-item .list-item__footer .discount-tooltip {
  font-style: italic;
}

.list-item .list-item__footer .discount-tooltip strong {
  display: block;
  text-align: right;
}

.list-item .list-item__footer .discount-tooltip small {
  font-size: 13px;
  display: block;
}

.list-item .product-image img {
  border: 2px solid #f8f8f8;
  margin-right: 0;
  position: relative;
  z-index: 10;
}

.list-item .product-image img+img {
  position: absolute;
  left: 25px;
  z-index: 9;
}

.cart-tabs {
  background: #fff;
  margin-top: -12px;
}

.cart-tabs+.cart-tabs {
  margin-top: 35px;
}

.cart-tabs__content .product-card__details {
  margin: 0;
  min-height: auto;
}

.cart-tabs__content .no-results {
  margin: 0;
  padding: 40px;
}

.cart-tabs__content .no-results>div {
  margin: 0 auto;
}

.cart-tabs__content .no-results h2 {
  font-size: 20px;
}

.cart-tabs__content .no-results p {
  font-size: 14px;
}

.submit__wrapper {
  position: fixed;
  top: 98px;
  right: 15px;
  z-index: 11;
  padding: 0 5px;
}

.submit__wrapper .button {
  min-width: 125px;
}

.cart-tabs__content__actions {
  -ms-box-shadow: -1px -9px 4px rgba(0,0,0,0.03);
  -o-box-shadow: -1px -9px 4px rgba(0,0,0,0.03);
  box-shadow: -1px -9px 4px rgba(0,0,0,0.03);
  border-top: 1px solid #ebebeb;
  border-bottom: 0;
  margin-top: 10px;
}

.cart-tabs__content__actions .cart-shipping-note {
  padding-left: 30px;
  position: relative;
}

.cart-tabs__content__actions .cart-shipping-note i {
  font-size: 22px;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
}

.cart-tabs__content__actions .cart-shipping-note p {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
}

.cart-tabs__content__actions .wholesaler-card-link {
  color: #36aeea;
  font-size: 12px;
  padding-left: 30px;
}

.cart-tabs__content__actions .checkout-content .list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
}

.cart-tabs__content__actions .checkout-content .list-item h4 {
  font-size: 14px;
  line-height: 1;
  color: #1c2c4c;
  text-align: left;
  margin-bottom: 7px;
}

.cart-tabs__content__actions .checkout-content .list-item p {
  font-size: 12px;
  line-height: 1;
  color: #a0a4af;
  text-align: left;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
}

.cart-tabs__content__actions .checkout-content .list-item span {
  font-size: 12px;
  line-height: 1;
  color: #1c2c4c;
  text-align: right;
  font-weight: 500;
}

.cart-tabs__content__actions .checkout-content .list-item span>i {
  margin-right: 4px;
}

.cart-tabs__content__actions .cart-summary {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-top: 2px solid #ebebeb;
  border-bottom: 2px solid #ebebeb;
}

.cart-tabs__content__actions .cart-summary .cart-totals {
  font-size: 14px;
  line-height: 1.3em;
  padding: 10px 20px;
  color: #1c2c4c;
  border-top: 1px solid #ebebeb;
}

.cart-tabs__content__actions .cart-summary .cart-totals:first-child {
  padding-top: 20px;
}

.cart-tabs__content__actions .cart-summary .cart-totals.grand-total {
  background-color: #ebebeb;
  font-weight: bold;
}

.cart-tabs__content__actions .cart-subtotals {
  font-size: 14px;
  line-height: 1.3em;
  padding: 10px 25px;
  color: #1c2c4c;
  margin-bottom: 20px;
  border-top: 1px solid #ebebeb;
  padding: 15px 0;
  margin-top: 20px;
}

.cart-tabs__content__actions .cart-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-self: center;
}

.cart-tabs__content__actions .cart-buttons .button {
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 0.44px;
}

.cart-tabs__content__actions .cart-buttons.place-order {
  padding-top: 20px;
}

.cart-tabs__content__actions .cart-checkout {
  padding: 20px;
}

.cart-tabs__content__viewmore {
  font-size: 15px;
}

.cart-tabs__content__viewmore .button {
  background: #eef6fc;
  color: #36aeea;
  padding: 20px;
  border-radius: 0;
}

.cart-tabs__content__viewmore .button:hover,
.cart-tabs__content__viewmore .button:focus {
  background: #e1effa;
}

@media only screen and (min-width: 768px) {
  .cart-tabs {
    background: #fff;
    margin-top: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .cart-details-wrapper {
    margin-top: 58px;
  }

  .cart-details-wrapper .cart-details-heading {
    top: 0;
    padding: 20px 0;
  }

  .list-item {
    margin: 15px 0;
  }

  .submit__wrapper {
    top: -10px;
    right: 30px;
  }
}

.product-card__byline {
  color: #6f7584;
  font-size: 12px;
  line-height: 1.35em;
}

.product-card__available {
  font-size: 11px;
  line-height: 1.25em;
  margin-bottom: 10px;
}

.product-card__details {
  font-size: 13px;
  margin: 0 122px 0 0;
  min-height: 95px;
}

.product-card__discountTooltip .discount-tooltip {
  font-style: italic;
}

.product-card__discountTooltip .discount-tooltip small {
  display: block;
}

.product-card__details.inventory {
  margin: 0 0 15px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: auto;
}

.product-card__details.inventory .left-wrapper {
  width: 60%;
}

.product-card__details.inventory .right-wrapper {
  width: 40%;
  font-size: 12px;
}

.inventory-product-details {
  margin-bottom: 0;
}

.inventory-product-details .form-group {
  padding-right: 0;
}

.inventory-product-details .form-group .product-pack-price small {
  display: inline-block;
  width: 20px;
  background-color: #e6e1ff;
  text-align: center;
  height: 38px;
  line-height: 38px;
  vertical-align: top;
  color: #4d2c91;
  border-radius: 4px 0 0 4px;
  position: relative;
  border-radius: 4px 0 0 4px;
}

.inventory-product-details .form-group .product-pack-price input {
  border-radius: 0 4px 4px 0;
  position: relative;
  width: 70px;
  display: inline-block;
}

.inventory-product-status {
  align-items: center;
}

.inventory-product-status .form-group {
  margin-bottom: 0;
  padding-right: 0;
}

.inventory-product-status .form-group:last-child {
  padding: 0;
}

.inventory-product-status .form-group span {
  font-size: 14px;
  font-weight: 500;
}

.inventory-product-status .form-group label {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 0;
}

.inventory-product-status .form-group input {
  vertical-align: top;
  margin: 2px 5px 0 0;
}

.product-card__exp {
  display: block;
  font-size: 12px;
  line-height: 1.25em;
  margin: 8px 122px 0 0;
}

.product-card__notes {
  border-radius: 5px;
  position: relative;
  font-size: 12px;
  border-top: 1px solid #ebebeb;
  display: block;
  font-weight: normal;
  margin-right: 5px;
  padding: 5px 10px;
  width: 100%;
}

.product-card__carousal {
  font-size: 20px;
  color: #1c2c4c;
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute !important;
  border-radius: 50%;
  position: relative;
  height: 45px;
  width: 45px;
  top: 36%;
}

.carousel-control-next {
  right: -22px;
}

.carousel-control-prev {
  left: -22px;
}

.product-metadata-popover {
  font-size: 13px;
  color: #1c2c4c;
  padding: 10px;
}

.product-cart-indicator-popover p {
  margin: 0 0 5px 0;
}

.product-cart-indicator-popover p:last-child {
  margin-bottom: 0;
}

.wholesaler-wrapper .note {
  font-size: 11px;
  line-height: 1.4em;
  font-weight: 400;
  margin-top: 0;
  padding-bottom: 5px;
}

@media only screen and (min-width: 576px) {
  .dashboard .carousel-item,
  .dashboard .carousel-item.active {
    display: contents;
    margin-right: 0;
  }

  .product-card__details {
    min-height: 57px;
  }

  .product-card__byline {
    max-width: 190px;
  }
}

.ndc-label,
.price-label {
  position: relative;
  background: #5dcfbb;
  padding: 0 8px;
  right: 8px;
  border-radius: 2px;
  position: relative;
  text-align: left;
  max-width: 260px;
  display: inline-block;
}

.ndc-label>span,
.price-label>span {
  color: #fff;
  margin-left: 8px;
  float: right;
}

.price-label {
  font-size: 12px;
  line-height: 1.6rem;
  color: #fff;
  margin: 0;
  right: 3px;
}

.awp-price {
  font-size: 12px;
  font-weight: 500;
  color: #18d2ba;
  vertical-align: middle;
  font-style: italic;
}

.bundleOffer {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 120px;
  margin: 0 auto;
  max-height: 105px;
  -o-object-fit: contain;
     object-fit: contain;
}

.carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}

.carousel-indicators li,
.carousel-indicators .active {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: relative;
}

.product-view {
  padding: 15px 0;
}

.product-view__title {
  padding-bottom: 20px;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}

.product-view__title h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  color: #1c2c4c;
  margin-bottom: 10px;
  padding: 0 15px;
  word-break: break-word;
}

.product-view__title p {
  margin: 6px 0 0;
  font-size: 14px;
  color: #a0a4af;
  letter-spacing: 0.44px;
  font-weight: 300;
  padding: 0 15px;
}

.product-view__media {
  position: relative;
  padding: 0 15px;
}

.product-view__media img {
  display: block;
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 15px auto;
}

.product-view__fav {
  position: absolute;
  right: 10%;
  top: 4%;
}

.product-view__fav button {
  background: #fff;
  border: 0;
  border-radius: 64px;
  position: relative;
  -ms-box-shadow: 0 0 4px rgba(25,39,69,0.3);
  -o-box-shadow: 0 0 4px rgba(25,39,69,0.3);
  box-shadow: 0 0 4px rgba(25,39,69,0.3);
  height: 40px;
  padding: 0;
  width: 40px;
}

.product-view__fav button:focus {
  outline: none;
}

.product-view__fav button>i {
  color: #333;
}

.product-view__fav button:hover {
  background: #fff;
}

.product-view__fav button:hover>i {
  color: #333;
}

.product-view__fav button.faved>i {
  color: #f45b93;
}

.product-view__details {
  margin-bottom: 0;
  border-bottom: 8px solid #f8f8f8;
  padding: -15px 5px;
}

.product-view__details li {
  padding: 10px 15px 8px;
  overflow: hidden;
}

.product-view__details li:first-child {
  padding-top: 20px;
}

.product-view__details li:last-child {
  padding-bottom: 20px;
}

.product-view__details li span {
  color: #a0a4af;
  font-weight: 500;
  font-size: 14px;
  float: left;
  text-transform: uppercase;
  width: 140px;
  text-align: left;
  letter-spacing: 0.44px;
  font-weight: 500;
}

.product-view__details li p,
.product-view__details li div {
  font-size: 14px;
  margin: 0 0 0 110px;
  text-align: left;
  letter-spacing: 0.44px;
  color: #1c2c4c;
}

.product-view__details li .price {
  font-size: 16px;
}

.product-view__share {
  margin: 25px 0 0;
  overflow: hidden;
}

.product-view__share span {
  float: left;
  margin-right: 20px;
  line-height: 30px;
}

.product-view__share ul {
  overflow: hidden;
  margin: 0;
}

.product-view__share ul>li {
  float: left;
  margin-left: 10px;
}

.product-view__share ul>li a {
  -khtml-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 30px;
  width: 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.product-view__share ul>li:first-child {
  margin-left: 0;
}

.product-view__split-wrapper {
  padding: 10px;
  border-bottom: 1px solid #836bfa;
}

.product-view__split-wrapper .nav-tabs {
  border-bottom: 0;
  margin-bottom: 0;
}

.product-view__split-wrapper .nav-tabs>li {
  margin-right: 10px;
}

.product-view__split-wrapper .nav-tabs>li .btn {
  font-size: 12px;
  padding: 9px 21px;
}

.product-view__split-wrapper .nav-tabs>li .btn:focus {
  outline: none;
  box-shadow: none;
}

.product-view .no-results {
  margin-bottom: 0;
}

.product-view .no-results h2 {
  font-size: 24px;
}

.product-view .no-results p {
  font-size: 15px;
}

.product-view .alert {
  margin: 30px 20px;
}

@media only screen and (min-width: 992px) {
  .product-view {
    text-align: left;
  }

  .product-view__media img {
    margin: 0 auto;
    max-width: 80%;
    height: auto;
    width: auto;
  }

  .product-view__details {
    border-bottom: 0;
  }

  .product-view__info {
    padding: 25px 0;
  }

  .product-view__fav {
    right: 0;
    top: 0;
  }
}

.product-view .tab {
  padding: 13px 4px;
  height: 48px;
  max-width: 160px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.product-view .tab>strong {
  font-size: 14px;
}

@media only screen and (min-width: 374px) {
  .product-view .tab {
    max-width: 100%;
  }
}

.product-view .tab-wrapper .tab {
  padding: 5px 10px;
  height: auto;
  margin: 10px;
  border: 1px solid #36aeea;
  color: #36aeea;
  border-radius: 10px;
  position: relative;
}

@media only screen and (min-width: 374px) {
  .product-view .tab-wrapper .tab {
    max-width: 100%;
  }
}

.product-view .component-slider .caret {
  background-color: white;
  border-radius: 0px;
  font-size: 14px;
  height: 50px;
  width: 30px;
}

.wholesaler-list-item {
  padding: 15px;
  border-bottom: 1px solid #ebebeb;
}

.wholesaler-list-item .icon-wrapper {
  background-color: #18d2ba;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  line-height: 25px;
  text-align: center;
  color: #fff;
}

.wholesaler-list-item .icon-wrapper.open {
  line-height: 30px;
}

.wholesaler-list-item .line-item {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.wholesaler-list-item .line-item .icon-wrapper {
  background-color: #18d2ba;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
  line-height: 25px;
  text-align: center;
  color: #fff;
}

.wholesaler-list-item .line-item .icon-wrapper.open {
  line-height: 30px;
}

.wholesaler-list-item .line-item .supplier-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1;
  cursor: pointer;
}

.wholesaler-list-item .line-item .supplier-info img,
.wholesaler-list-item .line-item .supplier-info .avatar {
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid #fff;
  margin: 0 10px;
  font-size: 9px;
  line-height: 1em;
}

.wholesaler-list-item .line-item .supplier-info .avatar .initials {
  line-height: 30px;
  display: block;
  color: #fff;
  font-size: 10px;
  text-align: center;
  width: 30px;
  height: 30px;
}

.wholesaler-list-item .line-item .supplier-info__name {
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.44px;
  white-space: pre-wrap;
  text-align: left;
  margin-bottom: 0;
}

.wholesaler-list-item .line-item .supplier-info__name a {
  color: #36aeea;
}

.wholesaler-list-item .line-item .supplier-info__name a:hover {
  color: #36aeea;
}

.wholesaler-list-item .line-item .supplier-info__price {
  font-size: 14px;
  color: #1c2c4c;
  letter-spacing: 0.44px;
  font-weight: 500;
  text-align: right;
  padding-left: 5px;
  margin-bottom: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-width: 105px;
}

.wholesaler-list-item .line-item .supplier-info__price span {
  font-size: 10px;
  color: #a0a4af;
}

.wholesaler-list-item .line-item .supplier-info__price small {
  font-size: 10px;
  color: #1c2c4c;
  text-align: right;
}

.wholesaler-list-item .line-item .supplier-info__price .discount-tooltip {
  font-style: italic;
}

.wholesaler-list-item .line-item .supplier-info .wholesaler-card-link {
  color: #1c2c4c;
  padding-left: 10px;
}

.wholesaler-list-item .product-view__details {
  margin-bottom: 0;
  border-bottom: 0;
  padding: 15px 0 15px 45px;
}

.wholesaler-list-item .product-view__details li {
  padding: 10px 0;
}

.wholesaler-list-item .product-view__details li span {
  color: #1c2c4c;
  text-transform: none;
  width: 110px;
}

.wholesaler-list-item .product-view__details li input {
  display: inline;
}

.wholesaler-list-item .product-view__details li .sub-text {
  font-size: 10px;
  letter-spacing: 0.44px;
  color: #a0a4af;
  position: relative;
  top: 10px;
  left: 10px;
}

.wholesaler-list-item .product-view__details li .input-wrapper .sub-text {
  display: inline-block;
  margin: 0;
  top: 0;
}

.wholesaler-list-item .product-view__details li .input-wrapper .sub-text.cart-count {
  left: 0;
  display: block;
}

.wholesaler-list-item .buttons {
  padding: 0;
}

.wholesaler-list-item .buttons .full-button-default {
  text-transform: uppercase;
  color: #1c2c4c;
  font-size: 12px;
}

.wholesaler-list-item .buttons .full-button-default>i {
  font-size: 13px;
  color: #1c2c4c;
}

@media only screen and (min-width: 992px) {
  .buttons {
    width: 300px;
  }
}

.product-detail {
  height: 98%;
}

.notifs.floating-pane-wrapper {
  height: 90%;
  position: relative;
  z-index: 1000;
}

.notifs .floating-pane-header {
  clear: both;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  padding: 20px;
}

.notifs .floating-pane-header h2 {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
}

.notifs .floating-pane-content {
  max-height: 86%;
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.notifs .floating-pane-content .section {
  background: #293756;
  color: #fff;
  cursor: default;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 20px;
  text-align: left;
  width: 100%;
}

.notifs .floating-pane-content .settings {
  color: #6280a7;
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.notifs .floating-pane-content .settings i {
  display: block;
}

.notifs .floating-pane-content .settings i:before {
  line-height: 26px;
}

.notifs .floating-pane-content .notification {
  font-size: 13px;
  padding: 15px 20px;
}

.notifs .floating-pane-content .notification .white {
  color: #fff;
}

.notifs .floating-pane-content .notification time {
  color: #b8c4da;
  float: right;
  width: 80px;
}

.notifs .floating-pane-content .notification time i {
  color: #b8c4da;
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
}

.notifs .floating-pane-content .notification time i:before {
  display: block;
  line-height: inherit;
}

.notifs .floating-pane-content .notification>i {
  font-size: 16px;
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.notifs .floating-pane-content .notification p {
  color: #b8c4da;
  margin: 0;
  overflow: hidden;
}

.notifs .floating-pane-content .notification p a {
  font-weight: 500;
}

.notifs .floating-pane-content .notification.unread {
  background: rgba(255,255,255,0.18);
}

.notifs .floating-pane-content .recently-purchased {
  padding: 15px 5px 10px 20px;
}

.notifs .floating-pane-content .recently-purchased:last-child {
  padding: 15px 5px 15px 20px;
}

.notifs .floating-pane-content .recently-purchased .product-name {
  font-size: 13px;
  line-height: 1.3em;
  color: #36aeea;
  margin-bottom: 0;
}

.notifs .floating-pane-content .recently-purchased .subcontent {
  margin-top: 10px;
}

.notifs .floating-pane-content .recently-purchased .subcontent p {
  font-size: 11px;
  line-height: 1.2em;
  position: relative;
  display: inline-block;
  padding-right: 7px;
  margin-bottom: 0;
  color: #b8c4da;
}

.notifs .floating-pane-content .recently-purchased .subcontent p::after {
  position: absolute;
  top: -5px;
  padding: 2px;
  content: '.';
}

.notifs .floating-pane-content .recently-purchased .subcontent p:last-child::after {
  content: '';
}

.notifs .floating-pane-content .see-more {
  font-size: 13px;
  background: #f6f8fd;
  color: #688bb3;
  display: block;
  padding: 20px;
  text-align: center;
}

.notifs .floating-pane-content .see-more:hover {
  background: #fafcfe;
}

.notifs .floating-pane-content .no-results {
  padding-top: 75%;
}

.notifs .floating-pane-content .no-results h2 {
  font-size: 28px;
}

@media only screen and (min-width: 992px) {
  .notifs .floating-pane-content {
    max-height: 100%;
  }
}

.activity-card-box .card-box-body>ul>li {
  clear: both;
}

.activity-card-box .card-box-body>ul>li>i {
  font-size: 15px;
  float: left;
  margin-right: 5px;
}

.activity-card-box .card-box-body>ul>li>p {
  float: left;
  width: 84%;
}

.activity-card-box .card-box-body>ul>li>time {
  color: #b8c4da;
  float: right;
}

.trending-card-box ul>li {
  margin-bottom: 10px;
}

.trending-card-box ul>li:last-child {
  margin-bottom: 0;
}

.card-box {
  padding: 30px;
  border-radius: 5px;
  position: relative;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  transition: .5s cubic-bezier(0.2, 1, 0.2, 1);
}

.card-box:hover {
  -webkit-transform: scale(1.03) translateY(-2px);
  -khtml-transform: scale(1.03) translateY(-2px);
  transform: scale(1.03) translateY(-2px);
}

.card-box.card-box-no-padding {
  padding: 0;
}

.card-box .card-box-heading {
  border-bottom: 1px solid #e9effb;
  padding: 12px;
}

.card-box .card-box-heading>h2 {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.card-box .card-box-body {
  padding: 12px;
}

.card-box .styled-list {
  margin: 5px 0 0;
}

.card-box .styled-list li {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35em;
  padding-top: 15px;
}

.card-box .styled-list li a {
  color: #1c2c4c;
  cursor: pointer;
}

.card-box .styled-list li a:hover,
.card-box .styled-list li a:focus {
  color: #192745;
}

.card-box .styled-list li i {
  color: rgba(43,70,106,0.7);
  float: left;
  margin-right: 8px;
}

.card-box .styled-list li i::before {
  display: block;
  line-height: 16px;
}

.card-box>.card-box-body>.no-results h2 {
  font-size: 14px;
  margin-bottom: 10px;
}

.card-box>.card-box-body>.no-results p {
  font-size: 12px;
}

.card-box.stat-card-box {
  cursor: pointer;
  height: 75px;
  margin-bottom: 20px;
  padding: 15px;
}

.stat-card-box>.stat-item {
  align-items: center;
  display: flex;
}

.stat-card-box>.stat-item img.svg {
  float: left;
  margin-right: 10px;
}

.stat-card-box>.stat-item .stat-item-inner {
  float: left;
}

.stat-card-box>.stat-item .stat-item-inner>h4 {
  color: #1c2c4c;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}

.stat-card-box>.stat-item .stat-item-inner>p {
  color: #b8c4da;
  font-size: 10px;
  margin: 0;
  line-height: 1.4em;
}

.popular-categories-scroll>.row {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.popular-categories-scroll>.row .right-icon {
  position: absolute;
  right: -25px;
  -webkit-transform: translateY(35%);
          transform: translateY(35%);
}

.card-box.popular-category-card-box {
  height: 100px;
  padding: 0;
}

.popular-category-card-box>.category-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.popular-category-card-box>.category-item img {
  float: left;
  width: 100%;
  height: 65px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}

.popular-category-card-box>.category-item .category-item-inner {
  float: left;
  width: 98%;
  padding: 10px 5px 0px 5px;
}

.popular-category-card-box>.category-item .category-item-inner>h4 {
  color: #1c2c4c;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
}

.popular-category-card-box.view-all {
  background: #e9effb;
  border: 1px dashed #a8c0ef;
  text-align: center;
}

.popular-category-card-box.view-all>.category-item {
  height: 85px;
  flex-direction: row;
}

.popular-category-card-box.view-all>.category-item>.category-item-inner {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .popular-categories-scroll>.row .right-icon {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }

  .card-box.popular-category-card-box {
    height: 72px;
  }

  .popular-category-card-box>.category-item {
    flex-direction: row;
    padding: 0;
  }

  .popular-category-card-box>.category-item img {
    margin-right: 15px;
    height: 72px;
    width: 72px;
    border-radius: 0;
    padding: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .popular-category-card-box>.category-item .category-item-inner {
    padding: 0px 5px 0px 0px;
  }

  .popular-category-card-box>.category-item .category-item-inner>h4 {
    text-align: left;
    white-space: initial;
  }

  .popular-category-card-box.view-all>.category-item {
    height: 72px;
  }

  .popular-category-card-box.view-all>.category-item>.category-item-inner>h4 {
    text-align: center;
  }
}

.onboarding-card-box {
  background: #2f80ed;
  color: #fff;
  height: 170px;
  padding: 0;
}

.onboarding-card-box .illustration {
  position: absolute;
  right: -40px;
  top: 58px;
  width: 190px;
}

.onboarding-card-box__greeting-inner {
  padding: 20px;
}

.onboarding-card-box__progress-inner {
  padding: 20px;
}

.onboarding-card-box__inner {
  padding: 10px;
}

.onboarding-card-box h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 7px;
  max-width: 250px;
}

.onboarding-card-box h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;
}

.onboarding-card-box p {
  line-height: 20px;
  margin: 0;
  max-width: 147px;
}

.onboarding-card-box p,
.onboarding-card-box ol {
  font-size: 13px;
}

.onboarding-card-box ol {
  margin-top: 20px;
  padding-left: 15px;
}

.onboarding-card-box ol>li {
  clear: both;
  margin-bottom: 15px;
}

.onboarding-card-box ol>li:last-child {
  margin-bottom: 0;
}

.onboarding-card-box ol>li>img,
.onboarding-card-box ol>li>button {
  float: right;
  font-size: 10px;
}

.onboarding-card-box ol>li>img {
  padding-top: 5px;
}

@media only screen and (min-width: 768px) {
  .onboarding-card-box__greeting-inner {
    display: flex;
    height: 170px;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (min-width: 374px) {
  .onboarding-card-box .illustration {
    right: -30px;
    top: 38px;
    width: 230px;
  }

  .onboarding-card-box p {
    max-width: 195px;
  }

  .onboarding-card-box h2 {
    max-width: 225px;
  }
}

.pharmacy-dashboard .pharmacy-dashboard__cards .row-eq-height>[class*='col-']>div {
  display: flex;
  flex-grow: 1;
}

.pharmacy-dashboard .pharmacy-dashboard__cards .row-eq-height .card-box {
  flex-grow: 1;
}

.card-col {
  padding: 0 5px !important;
}

.card-wrapper {
  cursor: pointer;
  height: 170px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  background: #fff;
  overflow: hidden;
  transition: .5s cubic-bezier(0.2, 1, 0.2, 1);
}

.card-wrapper:hover {
  -webkit-transform: scale(1.01) translateY(-1px);
  -khtml-transform: scale(1.01) translateY(-1px);
  transform: scale(1.01) translateY(-1px);
}

.dashboard-ad {
  height: 170px;
}

.card-box.dashboard-ad.covid-ad {
  background-color: #C5E1F9;
  background-image: linear-gradient(to right, #C5E1F9, #EEF7FF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C5E1F9', endColorStr='#EEF7FF', gradientType = "1");
  padding-left: 20px;
  padding-top: 10px;
}

.card-box.dashboard-ad.covid-ad .ad-thumb {
  position: absolute;
  right: -45px;
  top: 36px;
  height: 135px;
}

.card-box.dashboard-ad.covid-ad h3 {
  font-size: 18px;
  line-height: 1.2;
  color: #1c2c4c;
  letter-spacing: 0.01em;
  font-weight: bold;
  text-transform: none;
}

.card-box.dashboard-ad.covid-ad p {
  font-size: 14px;
  line-height: 1.2;
  color: #1c2c4c;
  letter-spacing: 0.004em;
  font-weight: normal;
  text-transform: none;
  width: 140px;
  margin-bottom: 5px;
}

.card-box.dashboard-ad.covid-ad button {
  color: #fff;
  background: #2F80ED;
  font-size: 11px;
  border-radius: 4px;
  position: relative;
  border: none;
  margin-top: 0;
  letter-spacing: 0.2px;
  padding: 5px 18px;
  text-transform: none;
}

@media only screen and (min-width: 375px) and (max-width: 576px) {
  .card-box.dashboard-ad.covid-ad .ad-thumb {
    right: -45px;
    top: 30px;
    height: 140px;
  }

  .card-box.dashboard-ad.covid-ad h3 {
    font-size: 22px;
    max-width: 212px;
  }

  .card-box.dashboard-ad.covid-ad p {
    width: 174px;
  }
}

@media only screen and (min-width: 575px) {
  .card-box.dashboard-ad.covid-ad .ad-thumb {
    right: 0;
    top: 0;
    width: 266px;
    height: auto;
  }

  .card-box.dashboard-ad.covid-ad h3 {
    font-size: 22px;
    max-width: 212px;
  }

  .card-box.dashboard-ad.covid-ad p {
    margin-bottom: 15px;
    width: 202px;
  }
}

@media only screen and (min-width: 1200px) {
  .card-box.dashboard-ad.covid-ad .ad-thumb {
    right: -48px;
  }
}

.card-box.dashboard-ad.flashReturns-ad {
  background-color: #5A2458;
  background-image: linear-gradient(to right, #5A2458, #922990);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5A2458', endColorStr='#922990', gradientType = "1");
  padding: 15px;
  color: #fff;
}

.card-box.dashboard-ad.flashReturns-ad .ad-thumb {
  position: absolute;
  right: 0;
  top: 35px;
  width: 100px;
  height: auto;
}

.card-box.dashboard-ad.flashReturns-ad .ad-logo {
  width: 67px;
  height: 18px;
}

.card-box.dashboard-ad.flashReturns-ad h3 {
  font-size: 17px;
  font-weight: bold;
  text-transform: none;
  width: 175px;
  margin-top: 8px;
  margin-bottom: 14px;
}

.card-box.dashboard-ad.flashReturns-ad h3:after {
  content: '';
  border-bottom: 1px solid #fff;
  padding-right: 20px;
  width: 115px;
  display: block;
  position: absolute;
  top: 89px;
}

.card-box.dashboard-ad.flashReturns-ad .site {
  position: absolute;
  right: 20px;
  top: 7px;
  text-align: right;
  color: #ffffff;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 0.004em;
  width: auto;
}

.card-box.dashboard-ad.flashReturns-ad .sign-up {
  font-size: 14px;
  max-width: 200px;
}

.card-box.dashboard-ad.flashReturns-ad .contact {
  position: absolute;
  right: 10px;
  bottom: 3px;
  text-align: right;
  color: #ffffff;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 0.004em;
  width: 100%;
}

.card-box.dashboard-ad.flashReturns-ad::after {
  background: image-url(/static/media/flash-returns-base.0b0bd78d.svg) no-repeat center right;
  background-size: cover;
}

@media only screen and (min-width: 374px) {
  .card-box.dashboard-ad.flashReturns-ad .ad-thumb {
    width: 126px;
    right: 6.6px;
  }

  .card-box.dashboard-ad.flashReturns-ad h3 {
    font-size: 19px;
  }

  .card-box.dashboard-ad.flashReturns-ad h3:after {
    width: 168px;
  }
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad {
  background-color: #000C40;
  background-image: linear-gradient(to right, #000C40, #F0F2F0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000C40', endColorStr='#F0F2F0', gradientType = "1");
  background: url(/static/media/realvalue-orphenadrine-base.e74b555d.svg) no-repeat bottom right;
  background-size: cover;
  background-color: #000C40;
  padding: 25px 15px;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad .content-wrapper {
  max-width: 182px;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad .logo {
  position: absolute;
  left: 13px;
  top: 8px;
  width: 65px;
  height: 16px;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad .ad-thumb {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 76px;
  height: 137px;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.004em;
  text-transform: none;
  margin-bottom: 0;
  font-weight: normal;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.sub-headline {
  font-size: 9px;
  color: #fff;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.sub-text {
  font-size: 8px;
  color: #fff;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.sub-text.border-after {
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.sub-text.border-after::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 1px;
  left: 0;
  top: 19px;
  background-color: #ffc107;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.price {
  font-size: 12px;
  color: #fff;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad p.price>strong {
  color: #ffc107;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad h3 {
  font-size: 12px;
  line-height: 1.4;
  color: #ffc107;
  letter-spacing: 0.004em;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 10px;
}

.card-box.dashboard-ad.realvalue-orphenadrine-ad button {
  color: #000C40;
  background: #fff;
  font-size: 11px;
  border-radius: 4px;
  position: relative;
  border: none;
  margin-top: 5px;
  letter-spacing: 0.2px;
  padding: 5px 18px;
  text-transform: none;
}

.card-box.dashboard-ad.anda-ad {
  padding: 10px;
  background-color: #3aabe0;
}

.card-box.dashboard-ad.anda-ad .content-wrapper {
  max-width: 177px;
}

.card-box.dashboard-ad.anda-ad .ad-thumb {
  position: absolute;
  right: -1px;
  top: 17px;
  width: 110px;
}

.card-box.dashboard-ad.anda-ad p {
  font-size: 9px;
  line-height: 1;
  color: #83CFF5;
  letter-spacing: 0.7px;
  margin-bottom: 0;
  font-weight: normal;
}

.card-box.dashboard-ad.anda-ad .sub-content {
  margin-top: 7px;
}

.card-box.dashboard-ad.anda-ad .sub-content p {
  font-size: 11px;
  color: #fff;
  text-transform: none;
  margin-bottom: 5px;
  margin-left: 10px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

.card-box.dashboard-ad.anda-ad .sub-content p img {
  margin-right: 5px;
  margin-bottom: 2px;
  margin-left: -10px;
}

.card-box.dashboard-ad.anda-ad h3 {
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  letter-spacing: 0.2px;
  text-transform: none;
  margin-bottom: 3px;
  font-weight: 500;
}

.card-box.dashboard-ad.anda-ad button {
  color: #2c85bd;
  background: #fff;
  font-size: 11px;
  border-radius: 4px;
  position: relative;
  border: none;
  letter-spacing: 0.2px;
  padding: 1px 6px;
  text-transform: none;
  font-weight: 500;
  width: 100px;
  margin-top: 0;
}

.card-box.dashboard-ad.anda-ad::after {
  background: image-url(/static/media/anda-base.bef9d619.svg) no-repeat bottom right;
  background-size: cover;
}

@media only screen and (min-width: 374px) {
  .card-box.dashboard-ad.anda-ad {
    padding: 12px 15px;
  }

  .card-box.dashboard-ad.anda-ad .ad-thumb {
    right: -1px;
    top: 6px;
    width: 119px;
  }
}

.card-box.dashboard-ad.anda-generic {
  background-color: #3aabe0;
  padding: 13px;
}

.card-box.dashboard-ad.anda-generic .content-wrapper {
  max-width: 165px;
}

.card-box.dashboard-ad.anda-generic .ad-thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 148px;
}

.card-box.dashboard-ad.anda-generic p {
  font-size: 14px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.2px;
  margin-bottom: 0;
  font-weight: normal;
  text-transform: none;
}

.card-box.dashboard-ad.anda-generic .sub-content {
  margin-top: 17px;
  margin-bottom: 14px;
}

.card-box.dashboard-ad.anda-generic .sub-content p {
  font-size: 15px;
  line-height: 1.1;
  color: #fff;
  text-transform: none;
  font-weight: 300;
}

.card-box.dashboard-ad.anda-generic h3 {
  font-size: 17px;
  line-height: 1.4;
  color: #fff;
  letter-spacing: 0.2px;
  text-transform: none;
  margin-bottom: 0;
  font-weight: 500;
}

.card-box.dashboard-ad.anda-generic button {
  color: #2c85bd;
  background: #fff;
  font-size: 11px;
  border-radius: 4px;
  position: relative;
  border: none;
  letter-spacing: 0.2px;
  padding: 5px 18px;
  text-transform: none;
  font-weight: 500;
  margin-top: 0;
}

.card-box.dashboard-ad.anda-generic::after {
  background: image-url(/static/media/anda-base.bef9d619.svg) no-repeat bottom right;
  background-size: cover;
}

.card-box.dashboard-ad.blupax-December {
  background: url(/static/media/blupax-base.b3806205.svg) no-repeat top center;
  background-size: cover;
  padding: 10px 15px;
}

.card-box.dashboard-ad.blupax-December .ad-thumb {
  position: absolute;
  right: 0;
  top: 9px;
  width: 78px;
  right: 16px;
}

.card-box.dashboard-ad.blupax-December .shipping-icon {
  width: 100px;
  position: absolute;
  right: 21px;
  top: 55px;
}

.card-box.dashboard-ad.blupax-December h3 {
  font-size: 15px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 26px;
  font-weight: 500;
  text-transform: none;
}

.card-box.dashboard-ad.blupax-December h3.headline {
  margin-top: 15px;
  margin-bottom: 0;
}

.card-box.dashboard-ad.blupax-December p {
  font-size: 11px;
  line-height: 1.2;
  color: #fff;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 7px;
}

.card-box.dashboard-ad.blupax-December p.note {
  margin-bottom: 0px;
  font-size: 9px;
}

.wholesaler-card {
  font-size: 13px;
  color: #6f7584;
  min-height: 155px;
  max-width: 100%;
  overflow-x: hidden;
  padding: 12px;
  width: 100%;
}

.wholesaler-details {
  position: relative;
}

.wholesaler-details>.metadata {
  background: #fff;
  padding: 20px;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.wholesaler-details>.metadata .avatar {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.wholesaler-details>.metadata .heading-container {
  width: 100%;
}

.wholesaler-details>.metadata .heading>h1 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.wholesaler-details>.metadata .heading>small {
  color: #6f7584;
  font-size: 12px;
}

.wholesaler-details>.metadata .actions {
  margin-top: 10px;
}

.wholesaler-details>.metadata .actions>.button {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.wholesaler-details>.metadata .credit-meter {
  margin-top: 20px;
}

.wholesaler-details>.metadata .card {
  background: #f8f8f8;
  font-size: 13px;
}

.wholesaler-details>.metadata .card>.card-body {
  padding: 10px;
}

@media only screen and (min-width: 992px) {
  .wholesaler-details>.hero {
    height: 200px;
  }

  .wholesaler-details>.metadata {
    bottom: -100px;
    left: 20%;
    position: absolute;
    text-align: left;
    width: 65%;
  }

  .wholesaler-details>.metadata .avatar {
    float: left;
    margin-bottom: 0;
  }

  .wholesaler-details>.metadata .heading-container {
    margin-left: 20px;
    width: auto;
  }

  .wholesaler-details>.metadata .heading,
  .wholesaler-details>.metadata .actions {
    margin-left: 10px;
  }

  .wholesaler-details>.metadata .actions>.button {
    float: left;
    margin: 0 5px 0 0;
    width: auto;
  }

  .wholesaler-details>.metadata .actions>.button:last-child {
    margin-right: 0;
  }

  .wholesaler-details>.metadata .credit-meter {
    margin-top: 0;
  }
}

.message-bubble p {
  background: #36aeea;
  border-radius: 18px 0 18px 18px;
  position: relative;
  color: #fff;
  font-size: 13px;
  margin-bottom: 0;
  max-width: 80%;
  padding: 20px;
  text-align: left;
  word-wrap: break-word;
}

.message-bubble p.purple-dark {
  background: #836bfa !important;
  color: #e6e1ff !important;
}

.message-bubble.received p {
  background: #ebebeb;
  border-radius: 0 18px 18px 18px;
  position: relative;
  color: #333;
}

.message-bubble small {
  color: #6280a7;
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
}

.message-bubble.received small {
  text-align: left;
}

@media only screen and (min-width: 992px) {
  .message-bubble p {
    max-width: 50%;
  }
}

.master {
  float: left;
  width: 100%;
}

.messages.split-view {
  color: #1c2c4c;
}

.messages.split-view .input-has-icon {
  margin: 20px 10px 0 10px;
}

.messages.split-view::after {
  clear: both;
}

.messages.split-view .master>h1 {
  font-size: 21px;
  font-weight: 500;
  margin: 20px 0;
}

.messages.split-view .detail {
  float: none;
  overflow: hidden;
  width: auto;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .messages.split-view .master {
    padding: 20px 20px 0;
    float: left;
    width: 40%;
  }

  .messages.split-view .master .input-has-icon {
    margin: 10px 0;
  }

  .messages.split-view::after {
    clear: both;
  }

  .messages.split-view .master::after {
    content: '';
    background: #cfdcf6;
    position: absolute;
    left: 40%;
    top: 86px;
    bottom: 0;
    z-index: 1;
    width: 1px;
  }

  .messages.split-view .detail {
    padding: 30px 25px;
  }
}

@media only screen and (min-width: 992px) {
  .content .main-content {
    float: none !important;
  }

  .messages.split-view .master {
    padding: 20px 20px 0 0;
  }

  .messages.split-view .master::after {
    content: '';
    background: #cfdcf6;
    position: absolute;
    left: 40%;
    top: 76px;
    bottom: 0;
    z-index: 1;
    width: 1px;
  }

  .messages.split-view .detail {
    padding: 30px;
  }
}

@media only screen and (min-width: 1500px) {
  .messages.split-view .detail {
    padding: 30px 35px;
  }
}

.conversation {
  background: #fff;
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  display: flex;
  flex-direction: column;
}

.dropdown-toggle::after {
  content: unset;
}

.conversation>.heading {
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  min-height: 80px;
  padding: 20px;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.conversation>.heading .user-profile {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1 1;
}

.conversation>.heading .user-profile img {
  -o-object-fit: cover;
     object-fit: cover;
}

.conversation>.heading .avatar {
  float: left;
  margin-right: 10px;
}

.conversation>.heading .heading-context>h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  max-width: 197px;
}

.conversation>.heading .heading-context>p {
  color: #6f7584;
  font-size: 12px;
  margin: 0;
  max-width: 197px;
}

.conversation>.heading .heading-context>p.p2p-message-header {
  font-size: 15px;
}

.conversation>.heading .heading-context>p.p2p-message-header a {
  color: #836bfa;
}

.conversation>.heading .heading-context>p>a {
  color: #6f7584;
}

.conversation>.heading .heading-context>p>a:hover {
  color: darker(#6f7584, 5%);
  text-decoration: underline;
}

.conversation>.conversation-content {
  height: 70vh;
  overflow-y: scroll;
  position: relative;
  padding: 20px;
}

.conversation>.conversation-content>.message-bubble {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  position: relative;
}

.conversation>.conversation-content>.message-bubble p {
  align-self: flex-end;
  flex-direction: row;
  position: relative;
}

.conversation>.conversation-content>.message-bubble.received p {
  align-self: flex-start;
}

.conversation>.compose-message {
  padding: 20px;
}

.conversation>.compose-message>textarea {
  background: #f8f8f8;
  border-radius: 4px;
  position: relative;
  height: inherit;
  line-height: inherit;
  padding: 12px;
  width: 100%;
}

.conversation>.compose-message>textarea.closed {
  border-color: #f45b93;
}

@media only screen and (min-width: 768px) {
  .conversation>.heading .heading-context>p,
  .conversation>.heading .heading-context>h3 {
    max-width: 600px;
  }
}

.conversations-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.conversations-list li {
  background: #fff;
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  -o-box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  box-shadow: 0 10px 20px rgba(31,45,73,0.05);
  cursor: pointer;
  padding: 25px 15px;
  margin: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.conversations-list li>a {
  color: #1c2c4c;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.conversations-list li:hover {
  background: #f8f8f8;
}

.conversations-list li:last-child {
  margin-bottom: 0;
}

.conversations-list li.active {
  background: #f8f8f8;
}

.conversations-list li .avatar,
.conversations-list li .conversation-metadata {
  float: left;
}

.conversations-list li .avatar {
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.conversations-list li .conversation-metadata {
  width: 79%;
  margin-right: 10px;
}

.conversations-list li .conversation-metadata>h3 {
  font-size: 14px;
  margin: 0 0 10px;
}

.conversations-list li .conversation-metadata>p {
  color: #6f7584;
  font-size: 13px;
  min-height: 20px;
  margin: 0;
}

.conversations-list li .conversation-metadata>time {
  color: #6f7584;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 11px;
}

.conversations-list li .conversation-metadata>span.unread-blip {
  position: absolute;
  right: 5%;
  top: 50%;
}

.conversations-list .no-results {
  margin: 0;
}

.conversations-list>.no-results {
  margin: 0;
}

.conversations-list>.no-results svg,
.conversations-list>.no-results .svg {
  height: 200px;
  width: 200px;
}

.conversations-list>.no-results h2 {
  font-size: 21px;
}

@media only screen and (min-width: 992px) {
  .conversations-list {
    max-height: 600px;
    overflow-y: scroll;
  }

  .conversations-list li {
    margin: 0 0 10px 0;
  }

  .conversations-list li:last-child {
    margin-bottom: 10px;
  }
}

.modal-dialog.message {
  height: 94vh;
}

.modal-dialog.message .back {
  position: absolute;
  left: 20px;
  top: 20px;
}

.message-preview {
  background: #f8f8f8;
  padding: 15px;
}

.message-preview>p {
  font-weight: 500;
  margin-bottom: 15px;
}

.message-preview .message-bubble {
  margin-bottom: 10px;
}

.message-preview .message-bubble textarea {
  border: 0;
  width: 100%;
}

.message-preview .message-bubble>p {
  max-width: 100%;
}

.referral-content {
  padding: 30px 0 40px;
  justify-content: center;
}

.referral-content .referral-thumb {
  width: 100%;
  max-width: 800px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.referral-content .referral-intro {
  padding: 40px 0 0;
  margin: 0 auto;
}

.referral-content .referral-intro h2 {
  font-size: 23px;
}

.referral-content .referral-intro.invite-modal-referral-point p strong {
  color: #f99183;
  font-weight: 700;
}

.referral-content .referral-intro.invite-modal-referral-point p.limited-time {
  background: rgba(255,255,255,0.4);
  border: 2px dashed #f99183;
  border-radius: 4px;
  position: relative;
  margin: 40px 0;
  padding: 40px 10px;
}

.referral-content .referral-sharing {
  margin: 0 auto;
  padding: 30px 0 0;
  max-width: 450px;
  justify-content: center;
}

.referral-content .referral-sharing .form-group>input {
  color: #36aeea !important;
  background-color: #f8f8f8 !important;
  font-size: 14px;
  line-height: 38px;
}

.referral-content .referral-sharing button:focus {
  outline: none;
}

.referral-content .referral-sharing .social-share-links {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.referral-content .referral-sharing .social-share-links button {
  margin: 0 5px;
  height: 50px;
  text-indent: -9999px;
  width: 50px;
}

.referral-content .referral-sharing .social-share-links button.fb-link {
  background-image: url(/static/media/icon-facebook.571008c7.svg);
}

.referral-content .referral-sharing .social-share-links button.fb-link:hover {
  background-image: url(/static/media/icon-facebook-hover.d89aee4f.svg);
}

.referral-content .referral-sharing .social-share-links button.tw-link {
  background-image: url(/static/media/icon-twitter.cbacd3cb.svg);
}

.referral-content .referral-sharing .social-share-links button.tw-link:hover {
  background-image: url(/static/media/icon-twitter-hover.182be174.svg);
}

.referral-content .referral-sharing .social-share-links button.li-link {
  background-image: url(/static/media/icon-linkedin.41c49a38.svg);
}

.referral-content .referral-sharing .social-share-links button.li-link:hover {
  background-image: url(/static/media/icon-linkedin-hover.bf710a0b.svg);
}

.referral-content .referral-invite {
  max-width: 700px;
  padding: 40px;
  background-color: #fff;
  margin: 60px auto;
  border-radius: 4px;
  position: relative;
  -ms-box-shadow: 0 2px 7px rgba(139,157,175,0.1);
  -o-box-shadow: 0 2px 7px rgba(139,157,175,0.1);
  box-shadow: 0 2px 7px rgba(139,157,175,0.1);
}

.referral-content .referral-invite .form-inline {
  align-items: flex-start;
}

.referral-content .referral-invite .form-inline .form-group {
  margin-bottom: 0;
}

.referral-content .referral-invite .form-inline .form-group input {
  color: #1c2c4c !important;
  background-color: #e9edf2 !important;
  font-size: 14px;
  border-color: #e9edf2;
}

.referral-content .referral-invite .form-inline .form-group button:focus {
  outline: none;
}

.referral-content .referral-summary {
  max-width: 700px;
  margin: 0 auto 40px;
}

.referral-content .referral-summary h3 {
  margin-bottom: 20px;
  font-size: 20px;
}

.referral-content .referral-summary .list-unstyled>li {
  border-bottom: 1px solid #cfdcf6;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}

@media only screen and (max-width: 1199px) {
  .referral-content .referral-sharing .form-group {
    margin-bottom: 1rem;
  }

  .referral-content .referral-invite {
    padding: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .referral-content .referral-invite {
    padding: 15px;
  }

  .referral-content .referral-invite em {
    margin-bottom: 25px;
  }
}

.order-line-items__list {
  display: none;
}

.order-line-items__list .discount-tooltip small {
  display: block;
}

.order-line-items .subheading-box:focus,
.order-line-items .subheading-box:active {
  outline: none;
}

@media only screen and (min-width: 768px) {
  .order-line-items>.subheading-box {
    display: none;
  }

  .order-line-items>.subheading-box:focus,
  .order-line-items>.subheading-box:active {
    outline: none;
  }

  .order-line-items__list {
    display: block;
  }

  .order-line-items__list.d-none {
    display: block !important;
  }
}

.user-details {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
  margin-bottom: 0;
}

.order-details__wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  z-index: 100;
  background: #e9effb;
  position: fixed;
  width: 100%;
}

.order-details__button {
  width: 100%;
  text-align: center;
}

.order-details__button .button {
  max-width: 103px;
  margin: 20px auto 0 auto;
}

.product-pack-price small {
  display: inline-block;
  width: 20px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  vertical-align: top;
  background-color: #dbdbdb;
  color: #1c2c4c;
  border-radius: 4px 0 0 4px;
  position: relative;
}

.product-pack-price small.purple-dark {
  background-color: #e6e1ff;
  color: #4d2c91;
}

.product-pack-price input {
  border-radius: 0 4px 4px 0;
  position: relative;
  width: 92px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .order-details__wrapper {
    flex-direction: row;
  }

  .order-details__button {
    margin: 0;
    text-align: right;
    margin-right: 20px;
  }

  .order-details__button .button {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .order-details__wrapper {
    width: 72%;
  }
}

.deals-header {
  background: #d0d9e9;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}

.deals-header .deals-thumb {
  max-width: 275px;
  margin: 0 auto;
  z-index: 10;
  height: auto;
}

.deals-header .deals-header__content {
  padding: 20px;
  text-align: center;
  max-width: 100%;
  max-height: auto;
}

.deals-header .deals-header__content h3 {
  font-size: 30px;
  line-height: 2;
  color: #1c2c4c;
  font-weight: 900;
  margin: 0;
  padding: 0;
}

.deals-header .deals-header__content p {
  color: #435f90;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
}

.groupdeals .hero {
  height: 100%;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .deals-header {
    flex-wrap: nowrap;
    align-items: center;
  }

  .deals-header .deals-thumb {
    margin: 0;
    max-width: 375px;
    height: 100%;
  }

  .deals-header .deals-header__content {
    padding: 30px 20px 30px 50px;
    text-align: left;
    max-height: 269px;
    max-width: 50%;
  }

  .deals-header .deals-header__content>h3 {
    font-size: 36px;
  }

  .deals-header .deals-header__content>p {
    font-size: 20px;
  }
}

.rph2rph-label {
  border: 1px solid #836bfa;
  background: transparent;
  border-radius: 4px;
  position: relative;
  color: #836bfa;
  padding: 10px;
}

.rph2rph-label.block {
  background-color: #836bfa;
  border: none;
  color: #fff;
}

.rph2rph-label .md {
  font-size: 15px;
}

.pre-checkout-page {
  margin-bottom: 80px;
}

.pre-checkout-page.margin-top-90 {
  margin-top: 90px;
}

.pre-checkout-page .heading-wrapper {
  text-align: center;
  padding: 0 0 20px;
  margin-bottom: 0;
  color: #836bfa;
}

.pre-checkout-page .page-content {
  background-color: #fff;
  padding: 15px;
  position: relative;
}

.pre-checkout-page .page-content.ez-scrollbar {
  max-height: 70%;
  overflow-y: scroll;
}

.pre-checkout-page em {
  display: inline !important;
}

.pre-checkout-page .faq-wrapper {
  margin-bottom: 20px;
}

.pre-checkout-page .faq-wrapper .faq {
  position: relative;
  background-color: #cdc2ff;
  border-radius: 4px;
  position: relative;
  margin-bottom: 15px;
  padding: 20px 10px;
  cursor: pointer;
  display: inherit;
}

.pre-checkout-page .faq-wrapper .faq h5 {
  color: #836bfa;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
}

.pre-checkout-page .faq-wrapper .faq .icon {
  position: absolute;
  top: 20px;
  right: 10px;
  color: #836bfa;
}

.pre-checkout-page .faq-wrapper .faq:hover {
  background-color: #d1c8ff;
}

.pre-checkout-page .faq-wrapper .li h6 {
  font-size: 15px;
  margin-bottom: 5px;
}

.pre-checkout-page .faq-wrapper .li .faq-content {
  font-size: 13px;
}

.fixed-part,
.pre-checkout-header,
.pre-checkout-footer {
  background-color: #e9effb;
  padding: 20px;
  position: fixed;
  width: 100%;
  z-index: 11;
}

.pre-checkout-header {
  border-bottom: 1px solid #836bfa;
  top: 106px;
}

.pre-checkout-footer {
  border-top: 1px solid #836bfa;
  bottom: 0;
}

@media only screen and (min-width: 992px) {
  .pre-checkout-header {
    top: 0;
    padding: 20px 0;
    width: 70%;
  }

  .pre-checkout-footer {
    bottom: 0;
    padding: 20px 0;
    width: 69.6%;
  }
}

.file-list-wrapper.settings .file-preview {
  display: inline-block;
}

.file-list-wrapper.settings .file-preview .img-thumbnail {
  padding: 10px;
}

.file-list-wrapper.settings .file-preview .img-thumbnail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.file-list-wrapper.settings .file-preview .img-thumbnail .remove-image-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}


.ErrorBoundary-module__errorBoundary___RhJ6q {
  text-align: center;
  margin-top: 100px;
}
.ErrorBoundary-module__errorBoundaryImage___2Y7xS {
  width: 400px;
}
.ErrorBoundary-module__errorBoundaryTitle___3b1z6 {
  margin-top: 80px;
}
.ErrorBoundary-module__errorBoundaryText___3ZT8O {
  margin-top: 10px;
  padding: 0px 10px;
}
.ErrorBoundary-module__errorBoundaryButtons___86mjV {
  display: inline-block;
}
.ErrorBoundary-module__errorBoundaryButton___2tvBr {
  margin-top: 25px;
  width: 95px;
  margin-right: 10px;
}
.ErrorBoundary-module__errorBoundaryButtonColor___eRmBI {
  color: white;
}
@media only screen and (min-width: 600px) {
  .ErrorBoundary-module__errorBoundaryImage___2Y7xS {
    width: 600px;
  }
}


/*# sourceMappingURL=App.c3d7ca6c.chunk.css.map*/