.main button, .main [type='button'], .main [type='reset'], .main [type='submit'], .login-form button, .login-form [type='button'], .login-form [type='reset'], .login-form [type='submit'], .show-item button, .show-item [type='button'], .show-item [type='reset'], .show-item [type='submit'], .address-validation button, .address-validation [type='button'], .address-validation [type='reset'], .address-validation [type='submit'] {
  appearance: none;
  background-color: #3a9a28;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  .main button.slim, .main [type='button'].slim, .main [type='reset'].slim, .main [type='submit'].slim, .login-form button.slim, .login-form [type='button'].slim, .login-form [type='reset'].slim, .login-form [type='submit'].slim, .show-item button.slim, .show-item [type='button'].slim, .show-item [type='reset'].slim, .show-item [type='submit'].slim, .address-validation button.slim, .address-validation [type='button'].slim, .address-validation [type='reset'].slim, .address-validation [type='submit'].slim {
    padding: 0.75em 0.75em; }
  .main button:hover, .main button:focus, .main [type='button']:hover, .main [type='button']:focus, .main [type='reset']:hover, .main [type='reset']:focus, .main [type='submit']:hover, .main [type='submit']:focus, .login-form button:hover, .login-form button:focus, .login-form [type='button']:hover, .login-form [type='button']:focus, .login-form [type='reset']:hover, .login-form [type='reset']:focus, .login-form [type='submit']:hover, .login-form [type='submit']:focus, .show-item button:hover, .show-item button:focus, .show-item [type='button']:hover, .show-item [type='button']:focus, .show-item [type='reset']:hover, .show-item [type='reset']:focus, .show-item [type='submit']:hover, .show-item [type='submit']:focus, .address-validation button:hover, .address-validation button:focus, .address-validation [type='button']:hover, .address-validation [type='button']:focus, .address-validation [type='reset']:hover, .address-validation [type='reset']:focus, .address-validation [type='submit']:hover, .address-validation [type='submit']:focus {
    background-color: #2e7b20;
    color: #fff; }
  .main button:disabled, .main [type='button']:disabled, .main [type='reset']:disabled, .main [type='submit']:disabled, .login-form button:disabled, .login-form [type='button']:disabled, .login-form [type='reset']:disabled, .login-form [type='submit']:disabled, .show-item button:disabled, .show-item [type='button']:disabled, .show-item [type='reset']:disabled, .show-item [type='submit']:disabled, .address-validation button:disabled, .address-validation [type='button']:disabled, .address-validation [type='reset']:disabled, .address-validation [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .main button:disabled:hover, .main [type='button']:disabled:hover, .main [type='reset']:disabled:hover, .main [type='submit']:disabled:hover, .login-form button:disabled:hover, .login-form [type='button']:disabled:hover, .login-form [type='reset']:disabled:hover, .login-form [type='submit']:disabled:hover, .show-item button:disabled:hover, .show-item [type='button']:disabled:hover, .show-item [type='reset']:disabled:hover, .show-item [type='submit']:disabled:hover, .address-validation button:disabled:hover, .address-validation [type='button']:disabled:hover, .address-validation [type='reset']:disabled:hover, .address-validation [type='submit']:disabled:hover {
      background-color: #3a9a28; }

button.short, button.issue, button.wrong-item, button.delete {
  background-color: #d10400 !important; }
  button.short:hover, button.short:focus, button.issue:hover, button.issue:focus, button.wrong-item:hover, button.wrong-item:focus, button.delete:hover, button.delete:focus {
    background-color: #e63632;
    color: #fff; }
  button.short:disabled, button.issue:disabled, button.wrong-item:disabled, button.delete:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button.short:disabled:hover, button.issue:disabled:hover, button.wrong-item:disabled:hover, button.delete:disabled:hover {
      background-color: #FF3C38; }

button.special-order {
  background-color: #f7941d !important;
  padding: 0.75em 0.75em !important; }

button.pre-order {
  background-color: #2478CC !important;
  padding: 0.75em 0.75em !important; }

button.notify-me {
  background-color: #a3238e !important; }

.success {
  background-color: #3a9a28; }
  .success:hover, .success:focus {
    background-color: #2e7b20;
    color: #fff; }

.split, .backordered, .damaged {
  background-color: #FF8C42; }
  .split:hover, .split:focus, .backordered:hover, .backordered:focus, .damaged:hover, .damaged:focus {
    background-color: #cc7035;
    color: #fff; }
  .split:disabled, .backordered:disabled, .damaged:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .split:disabled:hover, .backordered:disabled:hover, .damaged:disabled:hover {
      background-color: #FF8C42; }

.disabled {
  background-color: #999; }
  .disabled:hover, .disabled:focus {
    background-color: #7a7a7a;
    color: #fff; }

.unscannable, .new-box-tag, .under-picked, .overage {
  background-color: #A23E48; }
  .unscannable:hover, .unscannable:focus, .new-box-tag:hover, .new-box-tag:focus, .under-picked:hover, .under-picked:focus, .overage:hover, .overage:focus {
    background-color: #82323a;
    color: #fff; }
  .unscannable:disabled, .new-box-tag:disabled, .under-picked:disabled, .overage:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .unscannable:disabled:hover, .new-box-tag:disabled:hover, .under-picked:disabled:hover, .overage:disabled:hover {
      background-color: #A23E48; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select,
textarea {
  display: block;
  font-family: "Rubik", sans-serif;
  font-size: 1em; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
    border-color: #3a9a28;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(50, 134, 34, 0.7);
    outline: none; }
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
      border: 1px solid #ddd; }
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 0.75em;
  width: 100%; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html,
body {
  height: 100%;
  margin: 0px; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #333;
  font-family: "Rubik", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #666;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #1b5a99; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

h6 {
  width: 100%;
  background-color: #2478CC;
  color: #fff;
  padding: 0.375em; }

input.number {
  width: 135px; }

.show-page .page-link {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px; }

th.money, td.money {
  text-align: right; }

tfoot tr, tfoot td {
  border: none;
  border-bottom: none; }

.address-validation div {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  width: 300px;
  font-size: 1.3em; }
  @media screen and (max-width: 415px) {
    .address-validation div {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px;
      font-size: 1em;
      width: 220px;
      margin-bottom: 1.5em; } }

.checkout .shipping-info, .checkout .billing-info {
  display: inline-block;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px; }
  @media screen and (max-width: 415px) {
    .checkout .shipping-info, .checkout .billing-info {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px; } }
  .checkout .shipping-info .fields, .checkout .billing-info .fields {
    display: inline-block; }
  .checkout .shipping-info .input, .checkout .shipping-info .select, .checkout .billing-info .input, .checkout .billing-info .select {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .checkout .shipping-info .csz, .checkout .billing-info .csz {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media screen and (max-width: 415px) {
      .checkout .shipping-info .csz, .checkout .billing-info .csz {
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px; } }

.checkout .item-disabled {
  color: gray;
  pointer-events: none;
  cursor: not-allowed; }

.checkout .payment-help {
  display: inline-block; }

.checkout .service-info .fields, .checkout .bill-info .fields, .checkout .comments .fields, .checkout .prop-handling .fields {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }
  .checkout .service-info .fields .input, .checkout .service-info .fields .select, .checkout .bill-info .fields .input, .checkout .bill-info .fields .select, .checkout .comments .fields .input, .checkout .comments .fields .select, .checkout .prop-handling .fields .input, .checkout .prop-handling .fields .select {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

.checkout .notice {
  background-color: #d4f2ce;
  display: block;
  margin: 10px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 10px; }

@media screen and (max-width: 415px) {
  .show-item .quantity-field, .show-item .cart-button {
    width: calc(50% - 22.5px);
    float: left;
    margin-left: 15px; }
  .show-item .price {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px; } }

.show-order {
  background-color: #fff; }
  .show-order .order-info, .show-order .shipping-info, .show-order .billing-info {
    display: inline-block;
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
  .show-order .order-items {
    margin-bottom: 1.5em;
    padding-top: 1.5em;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .show-order .order-items thead tr {
      background-color: #2478CC;
      color: white;
      font-size: 1.2em; }
    .show-order .order-items .description {
      width: 24em; }
    .show-order .order-items th {
      padding: 10px; }
    .show-order .order-items td {
      padding: 5px 10px; }
    .show-order .order-items img {
      height: 50px; }

.main .slick-slider button, .home .slick-slider button {
  background-color: inherit; }
  .main .slick-slider button:hover, .main .slick-slider button:focus, .home .slick-slider button:hover, .home .slick-slider button:focus {
    background-color: inherit; }

.main {
  padding: 1.5em;
  min-height: 860px; }
  @media screen and (max-width: 599px) {
    .main {
      padding: 0.75em;
      min-height: 600px; } }

button.shop {
  font-size: 3em; }
  button.shop a {
    color: white; }
  @media screen and (max-width: 415px) {
    button.shop {
      font-size: 2em; } }

.footer {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  width: 100%;
  margin: auto; }
  .footer ul {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media screen and (max-width: 599px) {
      .footer ul {
        width: calc(50% - 22.5px);
        float: left;
        margin-left: 15px;
        padding-top: 1.5em; }
        .footer ul.social {
          font-size: 0.7em;
          width: 100%;
          margin-left: 0px; }
          .footer ul.social li {
            width: calc(44.44444% - 21.66667px);
            float: left;
            margin-left: 15px; } }
    @media screen and (min-width: 600px) {
      .footer ul i {
        font-size: 2em;
        color: #666666; }
      .footer ul.social li {
        width: calc(50% - 75px);
        float: left;
        margin-left: 50px; } }
  .footer a {
    color: #444; }

.covid-notice {
  text-align: center;
  background-color: #008a52;
  width: 100%; }
  .covid-notice a {
    font-size: 1.2em;
    color: #fff;
    font-weight: bold; }

.header {
  display: inline-block;
  width: 100%;
  display: inline-block;
  background: #fff; }
  .header .logo {
    padding-top: 0.5em;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    .header .logo img {
      height: 35px; }
    @media screen and (max-width: 599px) {
      .header .logo {
        width: calc(33.33333% - 20px);
        float: left;
        margin-left: 15px; } }
    .header .logo .joint-logo {
      display: none; }
      @media screen and (min-width: 1200px) {
        .header .logo .joint-logo {
          display: inline-block; } }
  .header .sign-in {
    text-align: right;
    padding: 0.75em;
    padding-right: 1.5em; }
  .header .site-search {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    color: white;
    font-size: 1.3em;
    padding-top: 0.25em; }
    @media screen and (min-width: 600px) {
      .header .site-search {
        width: calc(41.66667% - 70.83333px);
        float: left;
        margin-left: 50px; } }
  .header .login {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-top: 0.5em;
    color: white;
    font-size: 1em; }
    .header .login button {
      font-size: 1em; }
    .header .login a {
      color: white; }
  .header .sign-out, .header .cart-icon {
    font-size: 2em;
    text-align: right;
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px; }
    .header .sign-out .sign-out-text, .header .cart-icon .sign-out-text {
      font-size: 0.5em; }
  .header .sign-out {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px; }
  @media screen and (max-width: 599px) {
    .header .sign-out, .header .cart-skus {
      display: none; } }
  .header .ember-power-select-typeahead-trigger {
    border-radius: 3px; }
  .header .ember-power-select-typeahead-input {
    margin-bottom: 0px; }
  .header button {
    font-size: 1.5em;
    background: none;
    padding: 0.6em;
    color: white; }
  .header div.menu-toggle {
    width: calc(8.33333% - 21.66667px);
    float: left;
    margin-left: 20px; }
  .header .header-options a {
    color: white; }
  .header nav .icon {
    display: none; }
  @media screen and (max-width: 599px) {
    .header nav {
      margin-left: -20px;
      width: calc(100%); } }
  .header nav ul.pages {
    background-color: #2478CC;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    text-align: center; }
    @media screen and (max-width: 599px) {
      .header nav ul.pages {
        width: 100%; } }
    .header nav ul.pages > li {
      display: inline;
      margin-right: 0.75em;
      font-size: 1em; }
      .header nav ul.pages > li.icon {
        display: none; }
      .header nav ul.pages > li > div {
        display: inline; }
      .header nav ul.pages > li a {
        color: #fff; }
      @media screen and (max-width: 599px) {
        .header nav ul.pages > li {
          display: inherit;
          width: 100%;
          text-align: center;
          padding: 0.75em;
          border: 1px solid black;
          background-color: #2f85da;
          margin-bottom: 0.75em; }
          .header nav ul.pages > li:hover {
            background-color: #5b9ee2;
            cursor: pointer; }
          .header nav ul.pages > li a {
            color: #fff;
            font-weight: 600;
            font-size: 1.2em; } }
    @media screen and (max-width: 599px) {
      .header nav ul.pages li.icon {
        display: inherit; }
      .header nav ul.pages li.page {
        display: none;
        width: 100%;
        padding: 0.375em;
        font-size: 1em;
        border: 1px solid #333; }
        .header nav ul.pages li.page.responsive {
          display: inline-block; }
        .header nav ul.pages li.page a {
          display: inline-block;
          width: 100%; }
      .header nav ul.pages li.icon {
        text-align: right;
        padding: 0.1875em;
        padding-right: 0.75em; }
      .header nav ul.pages li {
        margin: 0;
        padding: 0.75em; } }
  .header nav ul.sub-pages {
    border: 2px solid #ddebf9;
    border-top: 2px solid #2478CC;
    display: inline-block;
    padding: 0.75em; }
    @media screen and (max-width: 599px) {
      .header nav ul.sub-pages {
        display: none; } }
    .header nav ul.sub-pages li {
      text-align: left;
      font-size: 0.9em; }
      .header nav ul.sub-pages li.drop-header {
        font-size: 1.3em; }
      .header nav ul.sub-pages li a {
        color: #000; }

.item-group {
  margin-bottom: 3em;
  display: inline-block;
  width: 100%; }
  .item-group .item-group-info {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .item-group .item-group-info .icon {
      float: left; }
      .item-group .item-group-info .icon img {
        height: 30px; }
    .item-group .item-group-info .group-finish {
      padding-left: 1em;
      float: left;
      color: #00a1dd;
      font-size: 1em; }
    .item-group .item-group-info .group-name {
      float: left;
      padding-left: 0.5em;
      color: #00a1dd;
      font-size: 1em; }
  @media screen and (min-width: 900px) {
    .item-group .item-group-info {
      width: calc(100% - 100px);
      float: left;
      margin-left: 50px; }
      .item-group .item-group-info .icon {
        padding-left: 1.5em;
        float: left; }
        .item-group .item-group-info .icon img {
          height: 60px; }
      .item-group .item-group-info .group-finish {
        padding-left: 1em;
        float: left;
        color: #00a1dd;
        font-size: 3em; }
      .item-group .item-group-info .group-name {
        float: left;
        padding-left: 0.5em;
        color: #00a1dd;
        font-size: 3em; } }

.collection, .search-results {
  display: inline-block;
  padding-top: 3em;
  clear: both;
  width: 100%; }
  @media screen and (max-width: 599px) {
    .collection, .search-results {
      padding-top: 1.5em; } }
  .collection .collection-items > div, .collection .grid-items > div, .search-results .collection-items > div, .search-results .grid-items > div {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media screen and (min-width: 900px) {
      .collection .collection-items > div, .collection .grid-items > div, .search-results .collection-items > div, .search-results .grid-items > div {
        width: calc(33.33333% - 66.66667px);
        float: left;
        margin-left: 50px; } }
    @media screen and (min-width: 1200px) {
      .collection .collection-items > div, .collection .grid-items > div, .search-results .collection-items > div, .search-results .grid-items > div {
        width: calc(25% - 62.5px);
        float: left;
        margin-left: 50px; } }
    @media screen and (min-width: 1800px) {
      .collection .collection-items > div, .collection .grid-items > div, .search-results .collection-items > div, .search-results .grid-items > div {
        width: calc(16.66667% - 58.33333px);
        float: left;
        margin-left: 50px; } }

.search-facets {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media screen and (min-width: 900px) {
    .search-facets {
      width: calc(16.66667% - 58.33333px);
      float: left;
      margin-left: 50px; }
      .search-facets ul {
        font-family: Graphik,Helvetica Neue,sans-serif;
        font-style: normal;
        width: 100%; }
        .search-facets ul span.filter-title {
          width: 100%;
          display: inline-block;
          font-weight: 700; }
      .search-facets .display-toggle > input {
        display: none; }
      .search-facets ul.options {
        width: 100%; }
        .search-facets ul.options li {
          font-weight: 400; }
          .search-facets ul.options li .doc-count {
            font-size: 0.8em; }
          .search-facets ul.options li label {
            color: #406eb5;
            font-weight: 100; } }

.filtered-search-results {
  display: inline-block;
  width: 100%; }
  @media screen and (min-width: 900px) {
    .filtered-search-results {
      width: calc(83.33333% - 91.66667px);
      float: left;
      margin-left: 50px; } }
  @media screen and (max-width: 599px) {
    .filtered-search-results {
      padding-top: 1.5em; } }
  .filtered-search-results .collection-items > div, .filtered-search-results .grid-items > div {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    .filtered-search-results .collection-items > div .brand, .filtered-search-results .grid-items > div .brand {
      color: #00a1dd;
      font-weight: 200;
      opacity: 0.8;
      font-size: 0.8em; }
    @media screen and (min-width: 900px) {
      .filtered-search-results .collection-items > div, .filtered-search-results .grid-items > div {
        width: calc(33.33333% - 66.66667px);
        float: left;
        margin-left: 50px; } }
    @media screen and (min-width: 1200px) {
      .filtered-search-results .collection-items > div, .filtered-search-results .grid-items > div {
        width: calc(25% - 62.5px);
        float: left;
        margin-left: 50px; } }
    @media screen and (min-width: 1800px) {
      .filtered-search-results .collection-items > div, .filtered-search-results .grid-items > div {
        width: calc(20% - 60px);
        float: left;
        margin-left: 50px; } }

.collection-item {
  margin-top: 1.5em;
  border: 1px solid #ddd;
  min-height: 490px; }
  .collection-item .image, .collection-item .title {
    text-align: center; }
  .collection-item .map-agreement .notice {
    font-size: 1.5em;
    text-align: center;
    line-height: 1em;
    margin-bottom: 0.75em; }
  .collection-item .map-agreement .info {
    font-size: 0.7em;
    text-align: center; }
  .collection-item .preorder-now {
    text-align: center;
    color: #fff;
    background-color: #FF3C38;
    position: relative;
    width: 100%;
    margin-bottom: -36px;
    font-size: 1.2em; }
  .collection-item .collapse-collection {
    text-align: center;
    color: #fff;
    background-color: #FF3C38;
    position: relative;
    width: 100%;
    margin-bottom: -36px;
    font-size: 0.8em; }
  .collection-item.alert {
    min-height: 500px; }
  .collection-item .details {
    padding: 2.5em 1.5em 0.75em; }
  .collection-item .availability {
    text-align: center; }
  .collection-item .image {
    transition: transform 0.15s;
    margin-bottom: 1.5em; }
    .collection-item .image:hover {
      transform: scale(1.2); }
  .collection-item .inners {
    height: 1em;
    font-size: 0.8em; }
  .collection-item .category {
    text-align: center;
    font-size: 1.3em;
    background-color: #70abe6;
    color: #fff; }
  .collection-item .title {
    height: 5.4em;
    line-height: 1.1em; }
  .collection-item .sku, .collection-item .alert-quantity {
    font-weight: bold;
    font-size: 0.9em;
    width: 50%;
    float: left; }
  .collection-item .price, .collection-item .alert-date {
    width: 50%;
    font-size: 0.9em;
    float: right;
    text-align: right; }
  .collection-item .out-of-stock {
    color: #ddd;
    min-height: 56px; }
  .collection-item .cart-actions, .collection-item .out-of-stock {
    display: inline-block; }
  .collection-item .cart-actions {
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    .collection-item .cart-actions .quantity-field {
      width: calc(33.33333% - 26.66667px);
      float: left;
      margin-left: 20px; }
    .collection-item .cart-actions .cart-button {
      text-align: right;
      width: calc(66.66667% - 33.33333px);
      float: left;
      margin-left: 20px; }
    @media screen and (max-width: 599px) {
      .collection-item .cart-actions .quantity-field, .collection-item .cart-actions .cart-button {
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px;
        font-size: 0.9em;
        text-align: center; } }
  @media screen and (max-width: 599px) {
    .collection-item {
      min-height: 390px;
      display: inline-block;
      width: 100%; }
      .collection-item .details {
        padding: 0.75em;
        text-align: center; }
      .collection-item .title {
        font-size: 0.8em;
        height: 6em; }
      .collection-item .sku, .collection-item .price {
        text-align: center;
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px; }
      .collection-item .price {
        font-size: 0.9em; } }

.item-results {
  margin-top: -12px;
  min-height: 200px; }
  .item-results .ember-power-select-options[role="listbox"] {
    max-height: 25em; }
  .item-results li {
    padding: 5px;
    font-size: 1.3em; }
    .item-results li img {
      margin-right: 0.75em; }

.global-search {
  position: relative; }
  .global-search .search-status {
    color: #666;
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 10; }
  .global-search .ember-power-select-typeahead-input.ember-power-select-search-input {
    border: none;
    box-shadow: none; }

.site-search {
  display: inline-block; }
  .site-search form {
    min-height: 35px; }
  .site-search .autocomplete-results {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    margin-top: -12px;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 3px;
    border-top: none; }
  .site-search .typeahead > div {
    height: 35px; }
  .site-search .typeahead .ember-power-select-typeahead-trigger {
    border-radius: 3px;
    min-height: 1em; }
  .site-search .typeahead .ember-power-select-typeahead-input {
    margin-bottom: 0px; }
  .site-search .typeahead input {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding: 0.5em;
    transition: border-color 150ms ease;
    width: 100%;
    min-height: 35px; }
    .site-search .typeahead input:hover {
      border-color: #b1b1b1; }
    .site-search .typeahead input:focus {
      border-color: #3a9a28;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(50, 134, 34, 0.7);
      outline: none; }
    .site-search .typeahead input:disabled {
      background-color: #f2f2f2;
      cursor: not-allowed; }
      .site-search .typeahead input:disabled:hover {
        border: 1px solid #ddd; }
    .site-search .typeahead input::placeholder {
      color: #858585; }

.item-search, .order-search, .customer-search, .purchase-order-search {
  display: inline-block;
  padding: 1.5em; }
  .item-search form, .order-search form, .customer-search form, .purchase-order-search form {
    min-height: 51px; }
  .item-search .autocomplete-results, .order-search .autocomplete-results, .customer-search .autocomplete-results, .purchase-order-search .autocomplete-results {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    margin-top: -12px;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 3px;
    border-top: none; }
  .item-search .typeahead, .order-search .typeahead, .customer-search .typeahead, .purchase-order-search .typeahead {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    .item-search .typeahead > div, .order-search .typeahead > div, .customer-search .typeahead > div, .purchase-order-search .typeahead > div {
      height: 50px; }
    .item-search .typeahead input, .order-search .typeahead input, .customer-search .typeahead input, .purchase-order-search .typeahead input {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 3px;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
      box-sizing: border-box;
      padding: 0.5em;
      transition: border-color 150ms ease;
      width: 100%;
      min-height: 35px; }
      .item-search .typeahead input:hover, .order-search .typeahead input:hover, .customer-search .typeahead input:hover, .purchase-order-search .typeahead input:hover {
        border-color: #b1b1b1; }
      .item-search .typeahead input:focus, .order-search .typeahead input:focus, .customer-search .typeahead input:focus, .purchase-order-search .typeahead input:focus {
        border-color: #3a9a28;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(50, 134, 34, 0.7);
        outline: none; }
      .item-search .typeahead input:disabled, .order-search .typeahead input:disabled, .customer-search .typeahead input:disabled, .purchase-order-search .typeahead input:disabled {
        background-color: #f2f2f2;
        cursor: not-allowed; }
        .item-search .typeahead input:disabled:hover, .order-search .typeahead input:disabled:hover, .customer-search .typeahead input:disabled:hover, .purchase-order-search .typeahead input:disabled:hover {
          border: 1px solid #ddd; }
      .item-search .typeahead input::placeholder, .order-search .typeahead input::placeholder, .customer-search .typeahead input::placeholder, .purchase-order-search .typeahead input::placeholder {
        color: #858585; }
  .item-search button, .order-search button, .customer-search button, .purchase-order-search button {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px; }

.ember-power-select-typeahead-dropdown li {
  display: flex; }

.ember-power-select-typeahead-dropdown span.company {
  width: calc(37.5% - 27.5px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.locale {
  width: calc(37.5% - 27.5px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.account {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.sku {
  width: calc(20% - 24px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.title {
  width: calc(80% - 36px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.available {
  width: calc(20% - 24px);
  float: left;
  margin-left: 20px; }

.ember-power-select-typeahead-dropdown span.discontinued {
  width: calc(20% - 24px);
  float: left;
  margin-left: 20px; }

@media screen and (max-width: 415px) {
  .ember-power-select-typeahead-dropdown {
    font-size: 0.7em; }
    .ember-power-select-typeahead-dropdown span.sku {
      width: 80px;
      margin-left: 0px; }
    .ember-power-select-typeahead-dropdown span.title {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px; } }

.login-form {
  max-width: 600px;
  padding: 1.5em; }
  .login-form input {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .login-form .login-failed {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    color: #FF3C38;
    padding: 0.75em 0px; }
  .login-form .standard-buttons {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-bottom: 1.5em; }
  @media screen and (max-width: 599px) {
    .login-form {
      min-width: 300px; }
      .login-form input {
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px; }
      .login-form button, .login-form a {
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px; }
      .login-form a {
        margin-top: 1.5em; } }

.side-cart {
  width: calc(16.66667% - 23.33333px);
  float: left;
  margin-left: 20px; }

.show-item {
  min-width: 320px;
  display: inline-block; }
  .show-item .preorder {
    margin-top: 1.5em;
    display: inline-block; }
  .show-item .price {
    text-align: right;
    padding-right: 0.75em;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .show-item .quantity-field {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
  .show-item .cart-button {
    text-align: right; }
  .show-item .image {
    text-align: center; }
  .show-item .pdf-assets {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .show-item .asset {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    text-align: center;
    max-height: 230px;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    .show-item .asset img {
      max-height: 200px; }
  .show-item .map-agreement .notice {
    font-size: 1.5em;
    text-align: center;
    line-height: 1em;
    margin-bottom: 0.75em; }
  .show-item .map-agreement .info {
    font-size: 0.7em;
    text-align: center; }
  .show-item .prop65-warn {
    font-size: 10pt; }
  @media screen and (max-width: 599px) {
    .show-item h1 {
      font-size: 0.9em; }
    .show-item .quantity-field, .show-item .cart-button {
      width: calc(100% - 30px);
      float: left;
      margin-left: 15px; }
      .show-item .quantity-field input, .show-item .quantity-field button, .show-item .cart-button input, .show-item .cart-button button {
        width: calc(100% - 30px);
        float: left;
        margin-left: 15px; }
    .show-item .sku, .show-item .upc, .show-item .description {
      font-size: 0.9em; }
    .show-item img {
      max-height: 200px; }
    .show-item .asset {
      max-height: 130px;
      width: calc(50% - 22.5px);
      float: left;
      margin-left: 15px; }
      .show-item .asset img {
        max-height: 120px; } }
  .show-item .out-of-stock {
    color: #ddd; }
  .show-item table {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .show-item td, .show-item th {
    text-align: right;
    padding: 5px 0.75em;
    border: none; }
    @media screen and (max-width: 599px) {
      .show-item td, .show-item th {
        padding: 0px 0.75em; } }

.show-cart .prop65-warn {
  font-size: 8pt; }
  .show-cart .prop65-warn img {
    width: 12px; }

.show-cart .discount-freight-notice {
  display: inline-block; }

.show-cart .image {
  width: 70px; }

.show-cart img {
  width: 50px; }

.show-cart .clear-promo {
  font-size: 0.8em; }

.show-cart .sku {
  width: 30em; }

.show-cart .package-count {
  font-size: 0.8em;
  color: #555; }

.show-cart .hazmat {
  font-size: 0.7em; }
  .show-cart .hazmat img {
    width: 16px; }

.show-cart .inflate {
  text-align: right; }

.show-cart .quantity {
  text-align: right;
  width: 5em; }

.show-cart input.quantity {
  text-align: right;
  width: 5em; }

.show-cart .presale, .show-cart .sales-multiple {
  margin-top: -0.75em;
  font-size: 0.7em;
  color: #aaa; }

.show-cart .quick-entry, .show-cart .promo-entry, .show-cart .action-buttons {
  margin-top: 1.5em; }

.show-cart .promo {
  padding-left: 1.5em; }

@media screen and (max-width: 599px) {
  .show-cart th {
    font-size: 0.7em; }
  .show-cart td {
    font-size: 0.9em; }
  .show-cart input.quantity {
    width: 3em; }
  .show-cart .sku {
    width: 8em;
    padding-left: 0.5em; } }

.full-screen {
  width: 90%;
  height: 90%; }

.youtube-video {
  text-align: center; }

.show-page div.pages div.page {
  text-align: center;
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px; }
  .show-page div.pages div.page .title {
    font-size: 1em;
    display: inline-block;
    height: 6em; }
  @media screen and (min-width: 900px) {
    .show-page div.pages div.page {
      width: calc(33.33333% - 66.66667px);
      float: left;
      margin-left: 50px; } }
  @media screen and (min-width: 1200px) {
    .show-page div.pages div.page {
      width: calc(25% - 62.5px);
      float: left;
      margin-left: 50px; } }
  @media screen and (min-width: 1800px) {
    .show-page div.pages div.page {
      width: calc(16.66667% - 58.33333px);
      float: left;
      margin-left: 50px; } }

.show-page .page-block h1 {
  font-size: 3em;
  margin-left: 0.5em;
  margin-bottom: 0em; }

.show-page .page-block .anchor {
  color: #00a1dd; }

.show-page .slick-slider.purple {
  background-color: #A3238E; }

.show-page .slick-slider.orange {
  background-color: #F15A22; }

.show-page .slick-slider.teal {
  background-color: #1A96A9; }

.show-page .slick-slider.green {
  background-color: #008A52; }

.show-page .slick-slide {
  margin: 1.5em;
  background-color: #fff; }
  @media screen and (max-width: 599px) {
    .show-page .slick-slide img.desktop {
      display: none; } }
  @media screen and (min-width: 600px) {
    .show-page .slick-slide img.mobile {
      display: none; } }

.show-page .links-block {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: center;
  display: inline-block;
  padding-top: 1.5em; }
  .show-page .links-block > div {
    display: inline-block;
    background-color: #fff; }
  .show-page .links-block.purple {
    background-color: #A3238E; }
  .show-page .links-block.orange {
    background-color: #F15A22; }
  .show-page .links-block.teal {
    background-color: #1A96A9; }
  .show-page .links-block.green {
    background-color: #008A52; }
  .show-page .links-block img {
    width: 100%; }
  @media screen and (min-width: 600px) {
    .show-page .links-block .block-link-, .show-page .links-block .block-link-6 {
      width: calc(16.66667% - 58.33333px);
      float: left;
      margin-left: 50px;
      margin-bottom: 0.75em; }
    .show-page .links-block .block-link-4 {
      width: calc(25% - 62.5px);
      float: left;
      margin-left: 50px;
      margin-bottom: 0.75em; }
      .show-page .links-block .block-link-4 .anchor {
        color: #00a1dd; }
    .show-page .links-block .block-link-3 {
      width: calc(33.33333% - 66.66667px);
      float: left;
      margin-left: 50px;
      margin-bottom: 0.75em; }
    .show-page .links-block .block-link-2 {
      width: calc(50% - 75px);
      float: left;
      margin-left: 50px;
      margin-bottom: 0.75em; }
    .show-page .links-block .block-link-1 {
      width: calc(100% - 100px);
      float: left;
      margin-left: 50px;
      margin-bottom: 0.75em; } }
  @media screen and (max-width: 599px) {
    .show-page .links-block .block-link-3 {
      float: left;
      width: calc(50% - 5px);
      margin-bottom: 3px; }
      .show-page .links-block .block-link-3:nth-of-type(even) {
        margin-left: 10px; } }

.show-page .page-body {
  margin-top: 1.5em; }

.show-page div.heading {
  padding: 0.375em 0.75em; }
  .show-page div.heading.h1 {
    font-size: 4em; }
  .show-page div.heading.h2 {
    font-size: 3em; }
  .show-page div.heading.h3 {
    font-size: 2em; }
  .show-page div.heading.h5 {
    font-size: 1.5em; }
  .show-page div.heading.green {
    color: #fff;
    background-color: #3a9a28; }
  .show-page div.heading.red {
    color: #fff;
    background-color: #FF3C38; }
  .show-page div.heading.blue {
    color: #fff;
    background-color: #2478CC; }

.ember-notify-default.ember-notify-cn {
  bottom: 110px; }

.ember-notify.info {
  background-color: #d4f2ce; }

.ember-notify.warning, .ember-notify.error {
  background-color: #ffd2d1; }

.edit-account .customer-info, .edit-account .user-info, .edit-account .rep-info {
  margin-bottom: 1.5em; }
  .edit-account .customer-info > div, .edit-account .customer-info form > div, .edit-account .user-info > div, .edit-account .user-info form > div, .edit-account .rep-info > div, .edit-account .rep-info form > div {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  .edit-account .customer-info .actions, .edit-account .user-info .actions, .edit-account .rep-info .actions {
    display: none; }

.edit-account .shipping-info {
  width: 100%;
  display: inline-block;
  margin-bottom: 1.5em; }
  .edit-account .shipping-info > div {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }

.edit-account .contact-info {
  display: inline-block;
  width: 100%; }
  .edit-account .contact-info > div {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }

.edit-account .csz div {
  width: calc(33.33333% - 26.66667px);
  float: left;
  margin-left: 20px; }

.customer-account-creation {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  margin-left: calc(25% - 25px + 40px); }

.related-slider {
  margin-top: 1.5em;
  width: 600px; }
  .related-slider .slick-slider .slick-list {
    margin-left: 20px; }
  .related-slider .slick-slider button:before {
    color: #000; }
  .related-slider .icon-container {
    position: relative; }
    .related-slider .icon-container .size-icon {
      display: inline-block;
      color: #000;
      background-color: #ccc;
      padding: 1px 3px;
      font-size: 0.8em;
      position: absolute;
      border: 1px solid #aaa;
      right: 10px;
      top: 5px;
      border-radius: 3px; }
  .related-slider .item-sku {
    text-align: center; }

.info-bugs {
  display: inline-block;
  width: 100%;
  padding: 3px 0.75em;
  position: absolute; }

.bug-new, .bug-img-18, .bug-b, .bug-cb, .bug-fw,
.bug-holo, .bug-hs, .bug-j, .bug-m, .bug-mb,
.bug-mc, .bug-p, .bug-pk {
  display: inline-block;
  background: url("https://loftus.s3-us-west-1.amazonaws.com/assets/bugs.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left; }

.bug-new {
  background-position: -0px -0px;
  width: 25px;
  height: 15px; }

.bug-img-18 {
  background-position: -0px -15px;
  width: 21px;
  height: 15px; }

.bug-b {
  background-position: -0px -30px;
  width: 21px;
  height: 15px; }

.bug-cb {
  background-position: -0px -45px;
  width: 21px;
  height: 15px; }

.bug-fw {
  background-position: -0px -60px;
  width: 21px;
  height: 15px; }

.bug-holo {
  background-position: -0px -75px;
  width: 21px;
  height: 15px; }

.bug-hs {
  background-position: -0px -90px;
  width: 21px;
  height: 15px; }

.bug-j {
  background-position: -0px -105px;
  width: 21px;
  height: 15px; }

.bug-m {
  background-position: -0px -120px;
  width: 21px;
  height: 15px; }

.bug-mb {
  background-position: -0px -135px;
  width: 21px;
  height: 15px; }

.bug-mc {
  background-position: -0px -150px;
  width: 21px;
  height: 15px; }

.bug-p {
  background-position: -0px -165px;
  width: 21px;
  height: 15px; }

.bug-pk {
  background-position: -0px -180px;
  width: 21px;
  height: 15px; }

.list-articles {
  display: inline-block;
  width: 100%; }
  .list-articles ul li {
    display: block;
    clear: both; }
    .list-articles ul li .article-preview {
      float: left; }
    .list-articles ul li .article-image {
      float: left;
      margin-left: 20px;
      margin-right: 20px;
      width: 200px; }
    .list-articles ul li .article-preview {
      width: calc(100% - 260px); }
    .list-articles ul li .article-title {
      font-size: 1.3em;
      font-weight: bold; }

.show-article a {
  color: #9a58b5;
  border-bottom-width: 1px;
  border-bottom-color: #9a58b5;
  text-decoration: underline; }

.show-article .article-items {
  width: calc(12.5% - 22.5px);
  float: left;
  margin-left: 20px; }
  .show-article .article-items .collection-item {
    min-height: 320px; }
    .show-article .article-items .collection-item .image {
      margin-bottom: 0em; }
    .show-article .article-items .collection-item .title {
      font-size: 1em;
      line-height: 1em;
      padding-top: 1em; }

.show-article .article {
  width: calc(62.5% - 32.5px);
  float: left;
  margin-left: 20px; }

.show-article .title {
  display: block;
  font-size: 48px;
  line-height: 55px;
  font-weight: 400;
  padding-top: 40px;
  padding-bottom: 15px; }

.show-article .sub-title {
  display: block;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 5px;
  color: #56585c; }

.item-alerts .item-image {
  width: 80px; }

.item-alerts .sku {
  width: 160px; }

.item-alerts .qty {
  width: 80px; }

.item-alerts .date {
  width: 150px; }

.item-alerts .actions {
  width: 300px; }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

.ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

.ember-modal-dialog {
  z-index: 51;
  position: fixed; }
  .ember-modal-dialog.emd-in-place {
    position: static; }

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center; }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center; }

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative; }

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50; }

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px; }

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77); }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

/*# sourceMappingURL=web.css.map */