form*, *::before, *::after {
  box-sizing: border-box; }

/* ----------------------------------- FORM CUSTOM FIELDS ----------------------------------- */
/* ----------------------------------- ALL FORMS STYLE ----------------------------------- */
/* GENERIC PAGE MIXINS STARTS */
/* GENERIC PAGE MIXINS ENDS */
a, a:hover, a > i:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }

a:active, a:focus, button:focus {
  outline-color: #214a8c;
  border-color: #214a8c;
  -moz-outline-color: #214a8c; }

a[href^="mailto:"] {
  text-decoration: underline; }

a[href*="tel:"] {
  text-decoration: none; }
  @media (min-width: 768px) {
    a[href*="tel:"] {
      pointer-events: none;
      cursor: default; } }

.form-control::-webkit-input-placeholder, .fsCell::-webkit-input-placeholder {
  color: #aaa; }
.form-control:-moz-placeholder, .fsCell:-moz-placeholder {
  color: #aaa; }
.form-control::-moz-placeholder, .fsCell::-moz-placeholder {
  color: #aaa; }
.form-control:-ms-input-placeholder, .fsCell:-ms-input-placeholder {
  color: #aaa; }

.form-control:focus {
  border-color: #666;
  box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.2); }

body {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  color: #666;
  font-size: 0.95rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }
  @media (max-width: 767px) {
    body {
      font-size: 0.875rem; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #222;
  letter-spacing: 0.25px;
  font-weight: 600;
  margin-bottom: 15px; }

@media (max-width: 991px) {
  .container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 992px) {
  .container {
    max-width: calc(100% - 30px);
    padding-left: 0px;
    padding-right: 0px; } }
@media (min-width: 1440px) {
  .container {
    max-width: 1400px; } }
@media (min-width: 1640px) {
  .container {
    max-width: 1600px; } }

.container-fluid {
  padding: 0px; }

._desktop {
  display: block; }
  @media (min-width: 1200px) {
    ._desktop {
      display: block; } }
  @media (max-width: 991px) {
    ._desktop {
      display: none; } }

._mobile {
  display: none; }
  @media (min-width: 1200px) {
    ._mobile {
      display: none; } }
  @media (max-width: 991px) {
    ._mobile {
      display: block; } }

._labels {
  display: none !important;
  font-size: 0.8rem;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
  min-width: 110px;
  line-height: 1.2rem;
  width: 110px;
  line-height: 30px; }
  ._labels:after {
    content: ":";
    padding-left: 1px; }

select {
  -webkit-appearance: none;
  cursor: pointer; }

nav.navbar {
  background: #fff !important;
  padding: 0px; }

.dropdown > a:after, .dropdown > button:after, .products-menu > button:after {
  font-family: "Feather";
  content: "\e92e";
  border: none;
  height: auto;
  width: auto;
  margin: auto;
  vertical-align: middle;
  font-size: 1rem;
  margin-left: 5px;
  line-height: 16px; }
  @media (max-width: 991px) {
    .dropdown > a:after, .dropdown > button:after, .products-menu > button:after {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; } }

@media (max-width: 991px) {
  .dropdown.show > a:after, .dropdown.show > button:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; } }

i.fe-menu, i.fe-menu.fe-x, i.fe-search, i.fe-search.fe-x, ._sub > li label {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.notification-block {
  border: 1px solid;
  width: 400px;
  position: absolute;
  top: calc(200px - 1.2rem);
  right: 20px;
  background: #f5fefa;
  border-radius: 4px;
  display: flex;
  z-index: 1001;
  height: 110px;
  padding: 0px; }
  .notification-block .icon {
    display: flex;
    align-items: center;
    opacity: 0.75; }
    .notification-block .icon:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      color: #fff;
      padding-left: 2px; }
  .notification-block .pro-details {
    width: 100%;
    padding: 5px 10px;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .notification-block .pro-details label {
      margin: 0px;
      font-weight: 600;
      width: 100%; }
  .notification-block .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border: 1px solid #eee;
    background: #fff; }
    .notification-block .product-img img {
      max-width: calc(60px - 5px);
      max-height: calc(60px - 5px); }
  .notification-block .text {
    max-width: calc(100% - 60px);
    padding-left: 10px; }
    .notification-block .text span {
      text-transform: uppercase; }
    .notification-block .text p {
      color: #222;
      margin: 0px;
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative;
      font-family: "Open Sans", sans-serif;
      font-size: 0.8rem;
      height: 40px;
      font-weight: 400;
      margin: 0px; }
      .notification-block .text p a {
        color: #222; }
        .notification-block .text p a:hover {
          color: #214a8c; }
      .notification-block .text p:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
      .notification-block .text p:after {
        background: linear-gradient(to right, rgba(245, 254, 250, 0), #f5fefa 90%); }
  .notification-block button.close {
    width: 30px;
    opacity: 0.5;
    height: 100%;
    padding: 0px;
    position: relative; }
    .notification-block button.close:hover {
      opacity: 1; }
  .notification-block.success {
    border-color: #10a700; }
    .notification-block.success .icon {
      background: #10a700; }
      .notification-block.success .icon:before {
        content: "\e92c"; }
    .notification-block.success .pro-details label {
      color: #10a700; }
    .notification-block.success button.close {
      color: #10a700; }
  .notification-block.multi .pro-details label span {
    margin-right: 5px; }
    .notification-block.multi .pro-details label span:before {
      content: "(";
      padding-right: 1px; }
    .notification-block.multi .pro-details label span:after {
      content: ")";
      padding-left: 1px; }
  @media (max-width: 991px) {
    .notification-block {
      top: calc(150px - 0.8rem); } }
  @media (max-width: 767px) {
    .notification-block {
      width: calc(100% - 20px);
      right: 10px;
      height: 80px; }
      .notification-block .pro-details {
        font-size: 0.75rem; }
      .notification-block .product-img {
        display: none; }
      .notification-block .text {
        max-width: 100%;
        padding: 0px; }
        .notification-block .text p {
          font-size: 0.75rem;
          height: 30px;
          line-height: 15px; }
          .notification-block .text p:after {
            height: 15px; }
      .notification-block.multi {
        height: 50px; } }

.simple-link a {
  border: 1px solid #666;
  font-size: 0.75rem;
  padding: 5px 10px;
  color: #222; }
  .simple-link a:hover {
    border: 1px solid #214a8c;
    color: #214a8c;
    text-decoration: none; }

.scroll-content {
  overflow-y: auto; }

.scrolling-wrapper {
  overflow: hidden; }

@media (max-width: 991px) {
  .scrolling-wrapper > .container {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-hidden-scrollable; } }

.scrolling-wrapper > .container::-webkit-scrollbar {
  display: none !important; }

/* Safari */
.scrolling-wrapper > .container::-moz-scrollbars {
  display: none; }

.scrolling-wrapper > .container::-o-scrollbar {
  display: none; }

/* opera */
.scrolling-wrapper > .container::-google-ms-scrollbar {
  display: none; }

.scrolling-wrapper > .container::-khtml-scrollbar {
  display: none; }

.wide-banner {
  max-width: 100% !important;
  background: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px; }
  .wide-banner .img, .wide-banner .img img {
    width: 100%; }
  .wide-banner .details {
    width: 100%;
    text-align: center;
    position: absolute; }
    @media (max-width: 991px) {
      .wide-banner .details {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .wide-banner .details {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .wide-banner .details {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .wide-banner .details {
        max-width: 1600px; } }
    .wide-banner .details .title {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: calc(100% + 2rem);
      color: #fff !important;
      text-shadow: 1px 1px 1px #222; }
      @media (max-width: 991px) {
        .wide-banner .details .title {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .wide-banner .details .title {
          font-size: 1.25rem; } }
    .wide-banner .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .wide-banner .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .wide-banner .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .wide-banner .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .wide-banner .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  .wide-banner.dark img {
    opacity: 0.5; }

div section.wide-banner {
  margin: 0px; }

div section.header {
  text-align: center; }

.back-to-top {
  position: fixed;
  right: 0px;
  bottom: 0px;
  background: #214a8c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  z-index: 9; }
  .back-to-top i {
    font-size: 1.5rem;
    color: #fff; }
  .back-to-top:hover {
    padding-bottom: 15px; }
  @media (max-width: 767px) {
    .back-to-top {
      height: 30px;
      width: 30px; }
      .back-to-top i {
        font-size: 1.25rem; } }

.collapse {
  display: none; }

.collapsing {
  position: relative; }

.collapse.show {
  display: block; }

.b2b .container .page .details .pro-details .change-code + label.alert-warning, .b2b .container .text .other-details .change-code + label.alert-warning {
  width: auto;
  position: inherit;
  background: #fff3cd;
  padding: 5px 7px;
  line-height: 0.75rem;
  color: #222;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem;
  border: 1px solid #fbe4b5;
  color: #de6e00; }

.co-label span:last-of-type {
  color: #dc3545;
  font-weight: 600; }

.b2b .address-list.account-settings .d-flex .custom-checkbox p {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  margin-top: 7px; }

@media (max-width: 991px) {
  article > .container, .careers.detail section.text, .register-online section.text, .register-online section form, .address-list:not(.account-settings) .forms, .admin .forms, .quotes.create-quote .forms, .listing .actions ~ .validation-summary-error {
    padding-right: 0px;
    padding-left: 0px; } }
@media (min-width: 992px) {
  article > .container, .careers.detail section.text, .register-online section.text, .register-online section form, .address-list:not(.account-settings) .forms, .admin .forms, .quotes.create-quote .forms, .listing .actions ~ .validation-summary-error {
    padding-right: 0px;
    padding-left: 0px; } }
@media (min-width: 1200px) {
  article > .container, .careers.detail section.text, .register-online section.text, .register-online section form, .address-list:not(.account-settings) .forms, .admin .forms, .quotes.create-quote .forms, .listing .actions ~ .validation-summary-error {
    padding-right: 9rem;
    padding-left: 9rem; } }

header.loggedout .quicklinks .container .account, .b2c header.loggedin .quicklinks .container .account {
  display: none !important; }
header.loggedout .quicklinks .container .col-sm-4:nth-child(1), .b2c header.loggedin .quicklinks .container .col-sm-4:nth-child(1) {
  max-width: 25%;
  flex: 0 0 auto; }
header.loggedout .quicklinks .container .col-sm-4:last-child, .b2c header.loggedin .quicklinks .container .col-sm-4:last-child {
  max-width: 75%;
  flex: 0 0 auto; }
@media (max-width: 767px) {
  header.loggedout .quicklinks .container .col-sm-4:not(.account), .b2c header.loggedin .quicklinks .container .col-sm-4:not(.account) {
    max-width: 50%;
    flex: 0 0 auto; } }

header.loggedout .header-main .search .icon.account, header.loggedout .header-main .search .icon.dashboard {
  display: none !important; }

header.loggedin .header-main .search .icon.login {
  display: none !important; }

@media (max-width: 767px) {
  body:not(.b2c) header.loggedin .quicklinks .container .col-sm-4:nth-child(1) span {
    display: none !important; } }

header.loggedout + nav ._main .loggedin {
  display: none !important; }

.order-details .dnr .available, .order-details .nonstock .available, .job-builder .dnr .available {
  color: #dc3545; }
  .order-details .dnr .available:before, .order-details .nonstock .available:before, .job-builder .dnr .available:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\ea03";
    color: #dc3545 !important; }

.details.dnr div.alert.alert-danger, .details.dnr div.alert.alert-warning, .details.nonstock div.alert.alert-danger, .details.nonstock div.alert.alert-warning {
  position: absolute;
  width: calc(33.333333% + 25px);
  left: calc(50% - 15px);
  bottom: 0px;
  padding: 5px;
  font-size: 0.75rem; }
  .details.dnr div.alert.alert-danger:before, .details.dnr div.alert.alert-warning:before, .details.nonstock div.alert.alert-danger:before, .details.nonstock div.alert.alert-warning:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e904";
    font-size: 0.875rem;
    color: #dc3545; }
  @media (max-width: 991px) {
    .details.dnr div.alert.alert-danger, .details.dnr div.alert.alert-warning, .details.nonstock div.alert.alert-danger, .details.nonstock div.alert.alert-warning {
      width: 75%;
      left: 0px; } }

.ui-datepicker {
  z-index: 5 !important;
  padding: 0;
  width: 240px;
  background: #f9f9f9; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 7px 0;
    background: #ddd;
    border: 1px solid #999;
    color: #ed1b2d;
    font-size: 12px; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    cursor: pointer;
    font-weight: 100;
    width: 20%; }
  .ui-datepicker .ui-datepicker-prev {
    left: 10px;
    text-align: left; }
  .ui-datepicker .ui-datepicker-next {
    right: 10px;
    width: 20%;
    text-align: right; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0;
    text-align: center; }
  .ui-datepicker th {
    padding: 5px;
    text-align: center;
    border: 0;
    color: #666;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    font-weight: 500; }
  .ui-datepicker th:not(:last-child) {
    border-right: 1px solid #ccc; }
  .ui-datepicker th span {
    font-size: 0.875rem; }
  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #999; }
  .ui-datepicker td a:hover {
    background: #aaa;
    color: #fff; }
  .ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover {
    background: #d91929;
    color: #fff;
    cursor: default; }
  .ui-datepicker .ui-widget-content {
    color: #333;
    border: 1px solid #ddd;
    background: #f9f9f9; }
  .ui-datepicker table {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #999;
    border-top: none; }
  .ui-datepicker .ui-widget-header {
    background: #ddd;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-weight: bold; }
  .ui-datepicker td.ui-datepicker-today a:hover {
    background: #b90d1c;
    cursor: default; }
  .ui-datepicker td.ui-datepicker-today a, .ui-datepicker td.ui-datepicker-current-day a {
    color: #fff; }
  .ui-datepicker td.ui-datepicker-today {
    background: #ed1b2d; }
  .ui-datepicker td.ui-datepicker-current-day {
    background: #009933; }
  .ui-datepicker td.ui-datepicker-current-day a:hover {
    background: #007828;
    cursor: default; }
  .ui-datepicker td.ui-state-disabled:not(.ui-datepicker-other-month) {
    color: #666;
    text-decoration: line-through;
    background: #ddd; }
  .ui-datepicker td.ui-datepicker-week-end.ui-state-disabled {
    background: none !important; }

.sticky-div {
  z-index: 2; }

.slide-out {
  max-width: 100%;
  flex: 0 0 100%; }

.slide-out.collapse:not(.show) {
  display: none; }

.container.cms img, .carousel-item img, .vm-content img {
  max-width: 100%;
  width: auto;
  height: auto; }
@media (min-width: 768px) {
  .container.cms img.m-img, .carousel-item img.m-img, .vm-content img.m-img {
    display: none !important; } }
@media (max-width: 767px) {
  .container.cms img.w-100:not(:only-of-type), .carousel-item img.w-100:not(:only-of-type), .vm-content img.w-100:not(:only-of-type) {
    display: none !important; } }

@media (max-width: 575px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; } }
@page {
  size: auto;
  margin: 20px;
  font-family: "arial"; }
@media print {
  body {
    page-break-after: avoid;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact; }
    body table th {
      background: #f5f5f5 !important;
      padding: 5pt; }

  a[href]:after {
    content: none !important; }

  .available, .in-stock, .stock, .no-stock {
    font-size: inherit; }
    .available:before, .in-stock:before, .stock:before, .no-stock:before {
      display: none; } }
.modal-pop {
  padding: 0px !important; }
  .modal-pop .modal-dialog .modal-content {
    padding: 25px 30px; }
    .modal-pop .modal-dialog .modal-content > div {
      padding: 0px;
      border-color: #ccc; }
    .modal-pop .modal-dialog .modal-content .modal-title {
      margin: 0px auto 20px;
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.25rem;
      font-weight: 600;
      padding: 0px 25px;
      text-align: center; }
      @media (max-width: 991px) {
        .modal-pop .modal-dialog .modal-content .modal-title {
          font-size: 1.2rem;
          padding: 0px; } }
      .modal-pop .modal-dialog .modal-content .modal-title:after {
        display: none; }
      .modal-pop .modal-dialog .modal-content .modal-title span {
        font-weight: 300;
        display: block;
        line-height: 1.25rem;
        margin: 0px; }
    .modal-pop .modal-dialog .modal-content button.close {
      position: absolute;
      right: 35px;
      top: 35px;
      padding: 0px;
      height: 35px;
      width: 35px; }
      .modal-pop .modal-dialog .modal-content button.close span {
        margin: 0px !important; }
        .modal-pop .modal-dialog .modal-content button.close span i {
          font-size: 2rem; }
    .modal-pop .modal-dialog .modal-content .modal-body > p {
      text-align: center;
      padding: 15px 0px;
      margin: 0px;
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem; }
      .modal-pop .modal-dialog .modal-content .modal-body > p > span {
        color: #214a8c;
        display: block; }
        .modal-pop .modal-dialog .modal-content .modal-body > p > span:before {
          content: "(";
          padding-right: 1px; }
        .modal-pop .modal-dialog .modal-content .modal-body > p > span:after {
          content: ")";
          padding-left: 1px; }
    .modal-pop .modal-dialog .modal-content a {
      color: #214a8c; }
      .modal-pop .modal-dialog .modal-content a:hover {
        color: #08285c; }
    .modal-pop .modal-dialog .modal-content .modal-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 25px; }
      .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        min-width: 75px;
        width: auto;
        margin: 0px 10px;
        padding: 5px 10px; }
        .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml:hover, .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml:focus {
          background: #08285c !important;
          border: none; }
        .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml:focus {
          outline-style: none; }
      .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-primary {
        background: #fff !important;
        border: 1px solid #214a8c;
        color: #214a8c !important; }
        .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-primary:hover, .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-primary:focus {
          background: #08285c !important;
          color: #fff !important; }
      .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-secondary {
        background: #fff !important;
        border: 1px solid #666;
        color: #666; }
        .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-secondary:hover, .modal-pop .modal-dialog .modal-content .modal-footer .btn-sml.btn-secondary:focus {
          background: #666 !important;
          color: #fff !important; }
    @media (max-width: 767px) {
      .modal-pop .modal-dialog .modal-content {
        padding: 15px; }
        .modal-pop .modal-dialog .modal-content .modal-title {
          margin-bottom: 15px;
          font-size: 1rem; }
        .modal-pop .modal-dialog .modal-content button.close {
          right: 25px;
          top: 20px; }
          .modal-pop .modal-dialog .modal-content button.close span i {
            font-size: 1.5rem; }
        .modal-pop .modal-dialog .modal-content .modal-footer {
          padding-top: 15px; } }

.modal-backdrop.show {
  opacity: 0.8; }

div.cable-pop {
  position: absolute;
  top: 5px;
  right: 80px; }
  div.cable-pop a {
    color: #666; }
  div.cable-pop #cableModal .modal-dialog, div.cable-pop #checkoutModal .modal-dialog {
    max-width: calc(400px * 2); }
    div.cable-pop #cableModal .modal-dialog img, div.cable-pop #checkoutModal .modal-dialog img {
      max-width: 100%; }
  @media (max-width: 991px) {
    div.cable-pop {
      left: calc(33.333333% - 35px);
      right: auto; } }
  @media (max-width: 767px) {
    div.cable-pop {
      left: calc(100px - 10px);
      top: 10px; } }

.no-results {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 30px auto;
  text-align: center; }
  .no-results .block-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    font-size: 1.75rem;
    padding: 10px 0px;
    font-weight: 400; }
    @media (max-width: 991px) {
      .no-results .block-title {
        font-size: 1.2rem;
        padding: 0px; } }
    @media (max-width: 991px) {
      .no-results .block-title {
        font-size: 1.5rem; } }
    @media (min-width: 992px) {
      .no-results .block-title {
        font-size: 1.25rem; } }
    @media (max-width: 991px) {
      .no-results .block-title {
        font-size: 1rem; } }
    .no-results .block-title a {
      color: #222; }
      .no-results .block-title a:hover {
        color: #214a8c;
        text-decoration: none; }
  .no-results p {
    color: #222;
    font-size: 0.95rem;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5rem;
    letter-spacing: 0.25px;
    text-align: center; }

.sp-tags {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%; }
  .sp-tags .tag:not(:last-of-type) {
    margin-right: 7px; }
  .sp-tags .tag {
    padding: 3px 5px;
    border-radius: 3px; }
    .sp-tags .tag button {
      border: none;
      background: none;
      cursor: pointer;
      color: #fff;
      padding: 0px; }
      .sp-tags .tag button:hover, .sp-tags .tag button:focus {
        outline-style: none;
        box-shadow: none;
        border: none; }
      .sp-tags .tag button:after {
        font-family: "Feather";
        content: "\e978";
        position: absolute;
        right: -1.5rem;
        font-size: 0.95rem; }
    .sp-tags .tag .dropdown-menu {
      text-transform: initial;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      font-size: 0.8rem;
      padding: 0px;
      left: -5px !important;
      font-family: "Open Sans", sans-serif;
      font-weight: 400; }
      .sp-tags .tag .dropdown-menu ul {
        padding: 0px;
        margin: 0px; }
      .sp-tags .tag .dropdown-menu li {
        padding: 3px 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
      .sp-tags .tag .dropdown-menu p {
        padding: 5px 7px;
        margin-bottom: 0px;
        line-height: 1rem;
        font-size: 0.75rem; }
        .sp-tags .tag .dropdown-menu p span {
          display: inline-block !important;
          color: #214a8c;
          font-weight: 600; }
          .sp-tags .tag .dropdown-menu p span:before {
            content: "(";
            padding-right: 1px; }
          .sp-tags .tag .dropdown-menu p span:after {
            content: ")";
            padding-left: 1px; }
      .sp-tags .tag .dropdown-menu p:nth-child(2) {
        border-top: 1px solid #ccc; }
    .sp-tags .tag.bulk .dropdown-menu, .sp-tags .tag.bulk .dropdown-menu p {
      border-color: #ff6600; }
    .sp-tags .tag.gap46 .dropdown-menu, .sp-tags .tag.gap46 .dropdown-menu p {
      border-color: #ff3333; }
  .sp-tags .tag, .sp-tags .tag button {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(20px - 3px);
    letter-spacing: 0.5px; }
  .sp-tags .final {
    color: #222;
    background: #ffce31; }
  .sp-tags .bulk, .sp-tags .gap46 {
    color: #fff;
    margin-right: 1.1rem; }
  .sp-tags .bulk {
    background: #ff6600; }
    .sp-tags .bulk button:after {
      color: #ff6600; }
    .sp-tags .bulk:hover {
      background: #e0491b; }
  .sp-tags .gap46 {
    background: #ff3333; }
    .sp-tags .gap46 button:after {
      color: #ff3333; }
    .sp-tags .gap46:hover {
      background: #e31c1c; }
  @media (max-width: 991px) {
    .sp-tags {
      width: auto; } }

.sqp {
  position: relative;
  letter-spacing: 0.5px;
  font-family: "Poppins", sans-serif;
  color: #222;
  padding: 20px 0px 20px 30px;
  font-size: 1.25rem; }
  .sqp a {
    color: #dc3545;
    color: #666;
    text-decoration: underline; }
    .sqp a:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .sqp:before {
    position: absolute;
    content: "";
    height: 30px;
    left: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff3cd; }
  @media (max-width: 767px) {
    .sqp {
      font-size: 0.875rem; } }

.pagination {
  justify-content: center;
  margin: 20px auto; }
  .pagination > div, .pagination > div a, .pagination > div input {
    height: 30px; }
  .pagination .icon {
    font-size: 1.5rem;
    width: 30px; }
    .pagination .icon a {
      color: #666;
      padding: 0px 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .pagination .icon a:hover {
        color: #214a8c; }
    .pagination .icon a.disabled {
      color: #ccc;
      cursor: default; }
  .pagination .page {
    font-size: 0.875rem; }
    .pagination .page input {
      width: 45px;
      display: inline-block;
      margin: 0px 10px;
      text-align: center;
      padding: 3px;
      border-radius: 3px;
      background: #fff !important;
      border: 1px solid #ccc; }
    .pagination .page span {
      padding-left: 5px; }
  @media (max-width: 991px) {
    .pagination .page {
      font-size: 0.8rem; } }

div.sqp + section.listing {
  margin-top: 20px; }

.widgets .product-slider .owl-carousel, .recommendations .product-slider .owl-carousel {
  border-top: 1px solid #ddd; }
.widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
  border-bottom: 1px solid #ddd; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item form:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form:hover {
    background-color: #f7fbff; }
.widgets .product-slider .owl-carousel .owl-stage .owl-item .details, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details {
  padding: 0px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details > .col {
    text-align: left;
    padding: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.checkbox, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details {
    flex-wrap: wrap; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text {
      width: 100%; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
        width: auto; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a {
        color: #666; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a {
        color: #222; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:last-of-type, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:last-of-type, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:last-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:last-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:last-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:first-of-type, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:first-of-type, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:first-of-type, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code span:first-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:first-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:first-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:first-of-type, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code {
      display: flex; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button {
        height: 30px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea {
        height: 50px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button.img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input[type="image"], .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input[type="image"], .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.collapse:not(.show), .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.show, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock {
      color: #10a700; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock {
      color: #dc3545; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .supp {
      color: #dc3545; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime span {
      color: #10a700; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
      display: block; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock ~ .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels {
      display: none !important; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
        margin-bottom: 5px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before {
          height: 1.5rem; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
          bottom: -20px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:after {
          display: none; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
          display: inline-block; } }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .pickup, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch {
    margin-left: 25px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch button:focus, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price {
      color: #222; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale + .price, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount + .price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale + .price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp {
      margin-left: 5px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco {
      color: #10a700; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price > span:nth-of-type(2), .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp:not(:last-child), .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty button {
      height: 30px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea {
      height: 50px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.disabled, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.input-validation-error, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.margin + input, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.margin + input {
      margin-left: 5px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.uom, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty > span.supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .available, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty > span.supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .available {
      line-height: 30px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart.disabled, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .btn-sml, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .btn-sml {
      width: 120px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning > span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download i, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download > a img {
        height: 1rem; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a i, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download > a i {
        font-size: 1rem; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download #docModal .modal-dialog, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .sub-title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body > div, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a:hover, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary i, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type), .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox {
    position: absolute;
    top: 75px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels {
    display: block !important; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels {
    display: none !important; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price span, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price span {
      display: flex;
      align-items: center; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
    max-width: 360px !important; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type), .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.total {
    flex-wrap: wrap; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
  width: 25%;
  padding: 15px; }
.widgets .product-slider .owl-carousel .owl-stage .owl-item .details, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details {
  position: relative;
  flex-direction: column;
  justify-content: flex-start; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details > .col {
    max-width: 100%;
    flex: 0 0 100%; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
    height: 50px;
    max-height: 50px;
    line-height: 1rem; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
    max-width: 100%; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a {
      top: -5px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
    min-height: 45px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .price + .supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price + .supp, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .price + .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .price + .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price + .supp, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .price + .supp {
      margin: 0px 5px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .eco, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .eco {
      display: inline-block; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
    height: calc(100px - 15px);
    margin-top: 5px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
    left: 0px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 7px;
    position: relative; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: auto; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags {
    width: 100%; }
@media screen and (max-width: 1440px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
    width: 33.333333%;
    padding: 10px; } }
@media (min-width: 768px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
    border-right: 1px solid #ddd; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox {
    top: 10px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
    height: 200px;
    max-width: 200px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
      max-height: 190px;
      max-width: 190px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text .co-label, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text .co-label {
    min-height: 1.25rem; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop {
    right: auto;
    left: 80px;
    top: 7px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop {
    left: 1.1rem;
    top: -0.875rem; } }
@media (max-width: 767px) {
  .widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
    width: 100%;
    padding: 15px 0px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .custom-input:checked ~ .custom-check:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .custom-input:checked ~ .custom-check:before {
    top: -1px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
    display: flex;
    align-items: center; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details {
    margin-top: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
      height: auto; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a {
    display: inline-block;
    top: inherit; } }
.widgets .product-slider .owl-carousel .owl-stage .owl-item form, .recommendations .product-slider .owl-carousel .owl-stage .owl-item form {
  width: 100%;
  padding: 15px;
  border-right: none;
  margin: 0px auto; }
.widgets .product-slider .owl-carousel .owl-stage .owl-item .details, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details {
  min-height: 400px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
    height: 150px;
    max-width: 150px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
      max-height: 150px;
      max-width: 150px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
    height: 30px;
    max-height: 30px;
    line-height: 0.875rem; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title {
    font-family: "Open Sans", sans-serif; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
    height: 60px;
    margin: 0px 0px 10px;
    text-align: left; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
      margin-bottom: 0px; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .leadtime, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .leadtime {
      display: none !important; }
    .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
      height: 35px; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
        width: 100%; }
      .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before, .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
        display: none; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
    margin-bottom: 0px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags .tag.show .dropdown-menu, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags .tag.show .dropdown-menu {
    transform: none !important;
    top: auto !important;
    bottom: 20px !important;
    left: 0px !important; }
@media (max-width: 767px) {
  .widgets .nav-tabs .nav-item, .recommendations .nav-tabs .nav-item {
    width: 33.333333%;
    display: flex; }
    .widgets .nav-tabs .nav-item > a.nav-link, .recommendations .nav-tabs .nav-item > a.nav-link {
      font-size: 0.8rem;
      padding: 7px; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels {
    display: none !important; }
  .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco, .recommendations .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco {
    padding-left: 0px; } }

.email-otp form .e-row {
  display: flex; }
  .email-otp form .e-row label:after {
    top: 10px !important; }
.email-otp form .otp-num {
  max-width: 300px;
  justify-content: space-around;
  margin: 0px auto 30px; }
  .email-otp form .otp-num input {
    width: 50px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 1.5rem; }
.email-otp .alert-heading {
  color: #dc3545; }
.email-otp .modal-footer button:only-child {
  margin: 0px auto; }
.email-otp .modal-footer p.links {
  margin: 0px auto 0px 0px;
  font-family: "Poppins", sans-serif; }
  .email-otp .modal-footer p.links a {
    margin-left: 3px; }
    .email-otp .modal-footer p.links a:hover {
      text-decoration: underline; }

.el-search-panel {
  max-width: calc(100% - 15px);
  z-index: 1111;
  background: #fff;
  padding: 0px;
  position: absolute;
  top: 78px;
  left: 0px;
  box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.15); }
  .el-search-panel .el-block-wrapper:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .el-search-panel .el-block-wrapper {
    padding: 7px;
    border: 1px solid #aaa; }
    .el-search-panel .el-block-wrapper .row {
      margin-left: 0px;
      margin-right: 0px; }
      .el-search-panel .el-block-wrapper .row > div {
        padding: 0px; }
    .el-search-panel .el-block-wrapper .el-block-heading {
      margin: 0px;
      font-weight: 600;
      text-transform: uppercase;
      color: #214a8c;
      font-size: 0.8rem;
      padding-left: 5px;
      letter-spacing: 0.5px; }
      .el-search-panel .el-block-wrapper .el-block-heading a {
        background: #214a8c;
        color: #fff;
        border: 1px solid #214a8c;
        font-size: 0.75rem;
        height: 20px;
        padding: 2px 7px;
        font-weight: 400;
        text-transform: capitalize;
        display: block;
        width: calc(100px - 15px);
        text-align: center;
        float: right; }
        .el-search-panel .el-block-wrapper .el-block-heading a:hover {
          background: none;
          color: #214a8c; }
    .el-search-panel .el-block-wrapper .el-category-wrapper {
      font-size: 0.75rem;
      margin-top: 0px;
      padding: 5px;
      line-height: 0.95rem;
      display: inline-block;
      margin-right: 3px;
      color: #222; }
      .el-search-panel .el-block-wrapper .el-category-wrapper:hover {
        background: #f1f1f1;
        cursor: pointer; }
    .el-search-panel .el-block-wrapper .el-product-wrapper {
      margin-top: 2px;
      padding: 5px;
      position: relative; }
      .el-search-panel .el-block-wrapper .el-product-wrapper .media-left {
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(70px - 0px);
        width: calc(70px - 0px);
        border: 1px solid #eee;
        margin-right: 10px;
        background: #fff; }
        .el-search-panel .el-block-wrapper .el-product-wrapper .media-left img {
          width: auto;
          max-width: calc(70px - 2px);
          max-height: calc(70px - 2px); }
      .el-search-panel .el-block-wrapper .el-product-wrapper .media-body {
        font-size: 0.75rem;
        line-height: 0.95rem;
        text-align: left;
        width: 100%;
        padding-right: 7px; }
        .el-search-panel .el-block-wrapper .el-product-wrapper .media-body .media-heading {
          font-weight: 600;
          color: #222;
          display: block;
          margin-bottom: 3px; }
        .el-search-panel .el-block-wrapper .el-product-wrapper .media-body .media-heading ~ div:not(.sku) {
          margin-bottom: 3px; }
        .el-search-panel .el-block-wrapper .el-product-wrapper .media-body .sku {
          text-transform: capitalize;
          overflow: hidden; }
      .el-search-panel .el-block-wrapper .el-product-wrapper:hover {
        background: #f7fbff;
        cursor: pointer; }
        .el-search-panel .el-block-wrapper .el-product-wrapper:hover .media-heading {
          color: #214a8c; }
        .el-search-panel .el-block-wrapper .el-product-wrapper:hover .add-to-cart button.add-cart {
          background: #08285c;
          border-color: #08285c;
          color: #fff; }
    .el-search-panel .el-block-wrapper.quicklist, .el-search-panel .el-block-wrapper.products {
      display: flex;
      flex-wrap: wrap; }
      .el-search-panel .el-block-wrapper.quicklist > .row, .el-search-panel .el-block-wrapper.products > .row {
        width: 100%; }
      .el-search-panel .el-block-wrapper.quicklist .pro-title, .el-search-panel .el-block-wrapper.products .pro-title {
        color: #222;
        font-weight: 500;
        margin-bottom: 5px; }
      .el-search-panel .el-block-wrapper.quicklist .p-code, .el-search-panel .el-block-wrapper.products .p-code {
        color: #ff9933; }
        .el-search-panel .el-block-wrapper.quicklist .p-code span, .el-search-panel .el-block-wrapper.products .p-code span {
          color: #666; }
      .el-search-panel .el-block-wrapper.quicklist .add-to-cart button.add-cart, .el-search-panel .el-block-wrapper.products .add-to-cart button.add-cart {
        background: #fff;
        border: 1px solid #214a8c;
        padding: 0px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        color: #214a8c;
        border-radius: 50%; }
        .el-search-panel .el-block-wrapper.quicklist .add-to-cart button.add-cart i, .el-search-panel .el-block-wrapper.products .add-to-cart button.add-cart i {
          font-size: 15px; }
    .el-search-panel .el-block-wrapper.quicklist .pro-title {
      max-height: 15px;
      overflow: hidden; }
    .el-search-panel .el-block-wrapper.quicklist > .el-product-wrapper {
      max-width: calc(50% - 10px);
      flex: 0 0 50%; }
    .el-search-panel .el-block-wrapper.quicklist .p-code {
      overflow: hidden;
      height: 1rem; }
    .el-search-panel .el-block-wrapper.products > .el-product-wrapper {
      max-width: calc(20% - 15px);
      flex-direction: column; }
      .el-search-panel .el-block-wrapper.products > .el-product-wrapper .media-left {
        margin: 0px 0px 5px 0px;
        height: calc(80px + 0px);
        width: calc(100% - 0px); }
        .el-search-panel .el-block-wrapper.products > .el-product-wrapper .media-left img {
          max-height: calc(80px - 2px);
          max-width: calc(120px - 5px); }
      .el-search-panel .el-block-wrapper.products > .el-product-wrapper .media-body {
        padding-right: 0px;
        margin-bottom: 7px; }
    .el-search-panel .el-block-wrapper.products .el-product-wrapper:not(:nth-child(-n+6)) {
      margin-top: 15px; }
    .el-search-panel .el-block-wrapper.products .pro-title {
      height: 30px;
      overflow: hidden; }
    .el-search-panel .el-block-wrapper.products div.price {
      margin: 5px 0; }
    .el-search-panel .el-block-wrapper.products span.price {
      color: #222;
      font-size: 0.875rem; }
  .el-search-panel .el-block-wrapper:not(:first-of-type), .el-search-panel .el-block-wrapper:only-of-type {
    max-height: 240px;
    overflow-y: auto; }
  .el-search-panel .el-block-wrapper + .el-block-wrapper {
    border-top: none; }
  @media (max-width: 991px) {
    .el-search-panel {
      width: calc(100% - 30px);
      top: 60px;
      left: 15px; }
      .el-search-panel .el-block-wrapper {
        padding: 7px 5px; }
        .el-search-panel .el-block-wrapper .row > div {
          width: 50%; } }
  @media (max-width: 767px) {
    .el-search-panel .el-block-wrapper.quicklist > .el-product-wrapper, .el-search-panel .el-block-wrapper.products > .el-product-wrapper {
      max-width: calc(100% - 0px);
      flex: 0 0 100%; }
    .el-search-panel .el-block-wrapper.products {
      position: relative;
      flex-wrap: nowrap;
      flex-direction: row; }
      .el-search-panel .el-block-wrapper.products .row {
        position: absolute;
        height: 20px;
        max-width: calc(100% - 15px); }
      .el-search-panel .el-block-wrapper.products > .el-product-wrapper {
        margin-top: 25px;
        flex: 0 0 50%; } }

@media (min-width: 992px) {
  header .el-search-panel {
    width: calc(500px + 400px); } }

.feedback-btn {
  position: fixed;
  width: 35px;
  height: 110px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 99999;
  writing-mode: vertical-lr;
  right: 0px;
  top: calc(20% - 5px);
  border: 3px solid #214a8c;
  font-family: "Poppins", sans-serif;
  color: #214a8c;
  background: #fff;
  box-shadow: 0.25rem -0.25rem 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .feedback-btn:hover {
    background: #214a8c;
    color: #fff; }
  .feedback-btn p {
    margin: 0px;
    writing-mode: vertical-lr;
    line-height: 15px; }

/* clears the 'X' from IE */
input[type="search"]::-ms-clear {
  display: none;
  width: 0px;
  height: 0px; }

input[type="search"]::-ms-reveal {
  display: none;
  width: 0px;
  height: 0px; }

.overlay-black {
  opacity: 0.5;
  pointer-events: none;
  pointer-events: none;
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/
  background: #222;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1111; }

.overlay-black ~ header, .overlay-black ~ div, .overlay-black ~ nav, .overlay-black ~ footer {
  pointer-events: none;
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/ }

.b2c .cart .listing .page .details .inventory.cable .item {
  padding-left: 0px; }
.b2c .cart .listing .page .details .inventory .supp {
  padding-left: 0px; }
.b2c .cart .listing .page .details .inventory .pickup a {
  padding-left: 30px; }

.b2b .quotes-link {
  display: none !important; }

.b2b .page .details .branch .dropdown-menu li:after {
  display: none !important; }

.b2c .listing .product-display .page .checkbox {
  margin-left: auto; }
@media (min-width: 768px) {
  .b2c .listing .product-display .page .details {
    min-height: calc(500px + 75px); } }

@media (max-width: 991px) {
  .b2b .cart .listing .col-9.left .page .details .col.qty, .b2b .checkout.review .listing .col-9.left .page .details .col.qty, .b2b .order-details .listing .col-9.left .page .details .col.qty {
    min-height: 70px; }
    .b2b .cart .listing .col-9.left .page .details .col.qty .cable-cuts, .b2b .checkout.review .listing .col-9.left .page .details .col.qty .cable-cuts, .b2b .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 3px); } }
@media (max-width: 767px) {
  .b2b .cart .listing .col-9.left .page .details .col.qty .cable-cuts, .b2b .checkout.review .listing .col-9.left .page .details .col.qty .cable-cuts, .b2b .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
    margin-top: calc(7px - 20px); } }

.my-lists .listing > .right > .actions .left {
  margin: 0px; }
.my-lists .listing > .right > .actions .right {
  margin: 0px 0px 0px auto; }
@media (max-width: 767px) {
  .my-lists .listing > .right > .actions .right {
    max-width: 100%; } }

.cart .listing .page .details .col.qty, .quotes .listing .page .details .col.qty, .import-order .listing .page .details .col.qty {
  position: relative !important; }
@media (min-width: 768px) and (max-width: 991px) {
  .cart .listing .page .details .cable-pop, .quotes .listing .page .details .cable-pop, .import-order .listing .page .details .cable-pop {
    left: calc(33.333333% + 15px); } }

.b2c .widgets .in-stock, .b2c .widgets .out-stock, .b2c .recommendations .in-stock, .b2c .recommendations .out-stock, .b2c .products-detail .in-stock, .b2c .products-detail .out-stock, .b2c .page .details .inventory .in-stock, .b2c .page .details .inventory .out-stock {
  padding-right: 0px !important; }

.uom, .details span.supp:not(.eco):not(.preferred), .available span {
  text-transform: lowercase; }

.details .inventory .stock + span.supp, .details .inventory .in-stock span.supp {
  text-transform: inherit; }

.b2b .page.grid .details .col.price .sp-tags {
  justify-content: flex-start; }

.b2c .page .details .col.price .sp-tags:only-child {
  margin-top: 10px; }

@media (min-width: 992px) {
  .b2b .page.grid .details .col.price .sp-tags .tag {
    margin-top: 0px; } }
@media (max-width: 767px) {
  .cart .listing .left .page .details .col.qty .alert-warning, .job-builder.details .listing .left .page .details .col.qty .alert-warning {
    bottom: 0px !important; } }
.b2c .listing .page .details.quote > div.remove, .b2b .listing .page .details.quote > div.remove {
  right: 15px; }
.b2c .listing .page .details.quote .remove ~ .alert-danger, .b2b .listing .page .details.quote .remove ~ .alert-danger {
  position: absolute;
  top: -15px;
  right: 0px;
  left: auto;
  margin: 0px;
  width: calc(150px - 15px);
  height: calc(100% + 30px);
  text-align: left; }
  .b2c .listing .page .details.quote .remove ~ .alert-danger:before, .b2b .listing .page .details.quote .remove ~ .alert-danger:before {
    left: 7px;
    top: 15px; }
@media (max-width: 1199px) {
  .b2c .listing .page .details.quote .remove ~ .alert-danger, .b2b .listing .page .details.quote .remove ~ .alert-danger {
    width: 66.66%;
    height: 50px;
    top: auto;
    bottom: -15px;
    padding-right: 100px; } }
@media (max-width: 991px) {
  .b2c .listing .page .details.quote .remove ~ .alert-danger, .b2b .listing .page .details.quote .remove ~ .alert-danger {
    position: inherit;
    margin-left: 100px;
    width: 100%; } }
@media (max-width: 767px) {
  .b2c .listing .page .details.quote .remove ~ .alert-danger, .b2b .listing .page .details.quote .remove ~ .alert-danger {
    margin: 0px;
    padding-right: 100px;
    position: relative;
    top: 15px; } }
.b2c .listing .summary .page .proceed .alert-warning, .b2b .listing .summary .page .proceed .alert-warning {
  background: #fff3cd;
  padding: 7px 10px;
  width: 100%;
  border: 1px solid #ff9933;
  display: flex;
  text-align: left; }
.b2c .listing .summary .page .proceed i, .b2b .listing .summary .page .proceed i {
  font-size: 0.8rem;
  margin-right: 10px; }
.b2c .listing .page .details.quote .col.add-to-cart button.add-cart, .b2c .listing .page.grid .details.quote .col.add-to-cart button.add-cart, .b2c .products-detail .details.quote .add-to-cart button.add-cart:not(.disabled), .b2c .products-detail .details.quote ~ .mini-snippet button.add-cart, .b2c .recommendations .product-slider .owl-stage .owl-item .details.quote .add-to-cart button.add-cart, .b2b .listing .page .details.quote .col.add-to-cart button.add-cart, .b2b .listing .page.grid .details.quote .col.add-to-cart button.add-cart, .b2b .products-detail .details.quote .add-to-cart button.add-cart:not(.disabled), .b2b .products-detail .details.quote ~ .mini-snippet button.add-cart, .b2b .recommendations .product-slider .owl-stage .owl-item .details.quote .add-to-cart button.add-cart {
  background: #fff !important;
  border: 1px solid #214a8c;
  color: #214a8c; }
  .b2c .listing .page .details.quote .col.add-to-cart button.add-cart:hover, .b2c .listing .page.grid .details.quote .col.add-to-cart button.add-cart:hover, .b2c .products-detail .details.quote .add-to-cart button.add-cart:not(.disabled):hover, .b2c .products-detail .details.quote ~ .mini-snippet button.add-cart:hover, .b2c .recommendations .product-slider .owl-stage .owl-item .details.quote .add-to-cart button.add-cart:hover, .b2b .listing .page .details.quote .col.add-to-cart button.add-cart:hover, .b2b .listing .page.grid .details.quote .col.add-to-cart button.add-cart:hover, .b2b .products-detail .details.quote .add-to-cart button.add-cart:not(.disabled):hover, .b2b .products-detail .details.quote ~ .mini-snippet button.add-cart:hover, .b2b .recommendations .product-slider .owl-stage .owl-item .details.quote .add-to-cart button.add-cart:hover {
    color: #fff;
    background: #214a8c !important; }

.container .recommendations .product-slider .owl-stage .owl-item .details .col.price .supp {
  margin-left: 0; }

#cookieConsent {
  background-color: rgba(0, 0, 0, 0.8);
  min-height: 60px;
  font-size: 0.875rem;
  position: fixed;
  bottom: 0px;
  z-index: 999999;
  width: 100%;
  color: #eee;
  display: none;
  padding: 15px; }
  #cookieConsent .container {
    margin-top: 5px; }
    #cookieConsent .container .col-9, #cookieConsent .container .col-3 {
      padding: 0px; }
    #cookieConsent .container .col-3 {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
  #cookieConsent a {
    color: #666;
    text-decoration: underline;
    color: #214a8c; }
    #cookieConsent a:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
    #cookieConsent a:hover {
      color: #08285c; }
  #cookieConsent a.cookie-consent-ok {
    cursor: pointer;
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem;
    padding: 3px 5px;
    height: 30px;
    font-size: 0.75rem;
    margin: 0px;
    line-height: 10px;
    text-decoration: none;
    width: 120px;
    margin-top: -5px; }
    #cookieConsent a.cookie-consent-ok:hover, #cookieConsent a.cookie-consent-ok:focus {
      background: #08285c !important;
      border: none; }
    #cookieConsent a.cookie-consent-ok a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    #cookieConsent a.cookie-consent-ok:focus {
      outline-style: none; }
  @media (max-width: 767px) {
    #cookieConsent .container {
      padding: 0px;
      margin: 0px; }
      #cookieConsent .container .col-9 {
        padding-right: 10px;
        font-size: 0.75rem; }
      #cookieConsent .container .col-3 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
    #cookieConsent a.cookie-consent-ok {
      margin: 0px; } }

.sw-msgs {
  padding: 0.8rem;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #214a8c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; }
  .sw-msgs p {
    margin: 0px;
    text-align: center;
    font-size: 1rem;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.75px;
    font-weight: 300; }
    .sw-msgs p strong {
      font-weight: 600; }
  .sw-msgs a {
    color: #fff;
    text-decoration: underline; }
    .sw-msgs a:hover {
      color: #fff;
      text-decoration: none; }
  .sw-msgs .closex {
    position: absolute;
    right: 15px;
    color: #fff;
    font-size: 1.75rem;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .sw-msgs .closex:hover {
      transform: rotate(90deg); }
  .sw-msgs.sys {
    background-color: #08285c; }
  .sw-msgs.blue {
    background-color: #0072ff; }
  .sw-msgs.green {
    background-color: #10a700; }
  .sw-msgs.orange {
    background-color: #ff7200; }
  .sw-msgs.yellow {
    background-color: #ffe505;
    color: #000; }
    .sw-msgs.yellow a, .sw-msgs.yellow a:hover, .sw-msgs.yellow .closex {
      color: #000; }
  @media (max-width: 991px) {
    .sw-msgs {
      padding: 7px; }
      .sw-msgs p {
        font-size: 0.75rem; }
      .sw-msgs .l-description {
        max-width: 83.33333333%; } }

[class="sw-msgs"] + [class="sw-msgs"] {
  background-color: #c8e1f6;
  color: #000; }
  [class="sw-msgs"] + [class="sw-msgs"] a, [class="sw-msgs"] + [class="sw-msgs"] a:hover, [class="sw-msgs"] + [class="sw-msgs"] .closex {
    color: #000; }

.app-sbanner {
  border-bottom: 1px solid #aaa;
  background: #f7fbff;
  display: flex;
  align-items: center;
  padding: 7px 10px; }
  .app-sbanner a {
    color: #214a8c;
    font-family: "Poppins", sans-serif;
    margin-left: auto;
    font-size: 1rem;
    letter-spacing: 0.25px;
    padding: 5px 10px; }
    .app-sbanner a:hover {
      color: #08285c; }
  .app-sbanner i {
    font-size: 1rem;
    cursor: pointer;
    color: #222; }
  .app-sbanner img {
    max-height: 50px;
    border-radius: 7px;
    border: 1px solid #214a8c;
    margin: 0px 10px 0px 7px; }
  .app-sbanner .txt-block {
    color: #222;
    line-height: 1rem; }
    .app-sbanner .txt-block .title {
      font-weight: 600; }

.notes span, .notes p {
  font-size: 0.8rem;
  font-family: "Open Sans", sans-serif;
  color: #666; }

.invalid-import .sub-header {
  padding: 0px;
  margin: 10px 0px;
  justify-content: space-between;
  align-items: center; }
.invalid-import .sub-title {
  margin: 0px;
  font-weight: 600; }
.invalid-import .icon {
  color: #ff9933; }
.invalid-import .invalid-products {
  margin: 0px 0px 40px;
  border-top: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap; }
  .invalid-import .invalid-products .col-3 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 0.8rem;
    padding: 10px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    line-height: 0.875rem;
    word-break: break-word; }
    .invalid-import .invalid-products .col-3 span {
      color: #222;
      word-break: keep-all;
      margin-left: 10px; }
  .invalid-import .invalid-products .col-3:nth-child(4n) {
    border-right: none; }
@media (max-width: 767px) {
  .invalid-import .invalid-products .col-3 {
    max-width: 50%;
    flex: 0 0 50%; }
  .invalid-import .col-3:nth-child(2n) {
    border-right: none; } }

.header-main {
  border-bottom: 1px solid #eee; }
  .header-main .logo {
    margin: 0px;
    padding: 20px 0px; }
    .header-main .logo img {
      width: auto;
      max-height: 70px; }
  .header-main .logo:only-child {
    margin: 0px auto; }
  .header-main .form-inline > input[type="search"] {
    border-radius: 4px;
    height: 45px;
    font-size: 0.95rem;
    padding: 10px 20px;
    width: 100%;
    position: relative;
    border-color: #666; }
    .header-main .form-inline > input[type="search"]:focus {
      border-color: #214a8c;
      box-shadow: none; }
  .header-main .form-control[placeholder] {
    text-overflow: ellipsis; }
  .header-main .btn {
    position: absolute;
    right: 2px;
    background: #fff;
    border-radius: 25px; }
    .header-main .btn:focus {
      border-color: none;
      box-shadow: none; }
    .header-main .btn:hover i {
      color: #214a8c; }
    .header-main .btn i {
      position: relative;
      top: 2px;
      font-size: 1.5rem;
      color: #222; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .header-main .btn {
        top: 1px; } }
  @media screen and (-ms-high-contrast: active) and (max-width: 991px), (-ms-high-contrast: none) and (max-width: 991px) {
    .header-main .btn {
      top: calc(15px + 1px); } }

  .header-main .branch {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .header-main .branch .title {
      color: #214a8c; }
      .header-main .branch .title span {
        font-size: 0.875rem;
        letter-spacing: 0.25px;
        margin-left: 5px;
        font-weight: 500; }
    .header-main .branch .nav-pills a {
      color: #666;
      line-height: 15px; }
    .header-main .branch .nav-pills .nav-link {
      font-size: 0.875rem;
      padding: 0px 10px 0px 20px;
      margin-right: 10px;
      border-radius: 0px;
      border-right: 1px solid #ccc; }
    .header-main .branch .nav-pills .links {
      font-size: 0.8rem;
      color: #666;
      text-decoration: underline; }
      .header-main .branch .nav-pills .links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .header-main .branch .nav-pills .nav-link.active, .header-main .branch .nav-pills .show > .nav-link {
      background: none;
      color: #222; }
    .header-main .branch .preferred {
      border-radius: 0px;
      padding: 7px 15px 15px;
      border: 1px solid #ccc;
      width: 300px;
      left: 20px !important;
      top: 5px !important; }
      .header-main .branch .preferred .label {
        font-size: 0.8rem;
        color: #666;
        border-bottom: 1px solid #ddd;
        line-height: 0.8rem;
        width: 100%;
        margin-bottom: 10px; }
        .header-main .branch .preferred .label span {
          position: relative;
          background: #fff;
          padding-right: 5px; }
      .header-main .branch .preferred .map-address {
        display: flex; }
      .header-main .branch .preferred .map-pin {
        display: flex;
        align-items: center;
        flex-direction: column;
        min-width: 45px;
        position: relative;
        top: 5px; }
        .header-main .branch .preferred .map-pin .num {
          background: url("../images/map-pin.svg") no-repeat top center #10a700;
          display: block;
          width: 20px;
          height: 30px;
          text-align: center;
          font-size: 0.75rem;
          color: #fff;
          padding-top: 3px;
          font-weight: 500; }
        .header-main .branch .preferred .map-pin .distance {
          font-size: 0.75rem;
          color: #10a700;
          font-weight: 500;
          margin-top: 3px;
          text-align: center; }
      .header-main .branch .preferred .address {
        width: 100%;
        line-height: normal; }
        .header-main .branch .preferred .address label {
          color: #214a8c;
          margin: 0px; }
        .header-main .branch .preferred .address p {
          font-weight: 500; }
        .header-main .branch .preferred .address a.plus {
          color: #666;
          font-size: 0.8rem; }
          .header-main .branch .preferred .address a.plus span {
            text-decoration: underline; }
          .header-main .branch .preferred .address a.plus i {
            font-size: 0.8rem;
            margin-right: 5px; }
          .header-main .branch .preferred .address a.plus:hover span, .header-main .branch .preferred .address a.plus:hover i {
            color: #214a8c; }
        .header-main .branch .preferred .address a.plus[aria-expanded="true"] i:before {
          content: "\e998";
          color: #214a8c; }
        .header-main .branch .preferred .address a.plus[aria-expanded="true"] > span {
          color: #214a8c; }
      .header-main .branch .preferred .map-pin + .address {
        padding-left: 10px; }
      .header-main .branch .preferred .address p, .header-main .branch .preferred .phone p, .header-main .branch .preferred .contact p, .header-main .branch .preferred .hours p, .header-main .branch .preferred .tag p {
        font-size: 0.8rem;
        margin: 0px;
        color: #222;
        line-height: calc(100% + 5px); }
      .header-main .branch .preferred .phone, .header-main .branch .preferred .contact, .header-main .branch .preferred .tag, .header-main .branch .preferred .other-links, .header-main .branch .preferred .contact ~ label {
        margin-top: 15px; }
      .header-main .branch .preferred .address label, .header-main .branch .preferred .other-links a {
        font-size: 0.875rem;
        font-weight: 500; }
      .header-main .branch .preferred .phone p, .header-main .branch .preferred .contact p, .header-main .branch .preferred .hours p {
        color: #666;
        position: relative; }
        .header-main .branch .preferred .phone p span, .header-main .branch .preferred .phone p a, .header-main .branch .preferred .contact p span, .header-main .branch .preferred .contact p a, .header-main .branch .preferred .hours p span, .header-main .branch .preferred .hours p a {
          color: #222;
          font-weight: 500; }
        .header-main .branch .preferred .phone p span, .header-main .branch .preferred .contact p span, .header-main .branch .preferred .hours p span {
          position: absolute;
          left: 80px;
          top: 0px; }
        .header-main .branch .preferred .phone p.active, .header-main .branch .preferred .phone p.active span, .header-main .branch .preferred .contact p.active, .header-main .branch .preferred .contact p.active span, .header-main .branch .preferred .hours p.active, .header-main .branch .preferred .hours p.active span {
          color: #214a8c; }
      .header-main .branch .preferred .contact p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .header-main .branch .preferred .contact p a[href^="mailto:"] {
        font-weight: 400; }
      .header-main .branch .preferred .tag p {
        background: #f7fbff;
        font-weight: 600;
        font-size: 0.75rem;
        color: #666;
        line-height: 15px;
        text-align: center;
        padding: 7px 10px; }
      .header-main .branch .preferred .btn-sml {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff;
        width: 100%;
        margin-top: 15px; }
        .header-main .branch .preferred .btn-sml:hover, .header-main .branch .preferred .btn-sml:focus {
          background: #08285c !important;
          border: none; }
        .header-main .branch .preferred .btn-sml a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .header-main .branch .preferred .btn-sml:focus {
          outline-style: none; }
        .header-main .branch .preferred .btn-sml:hover, .header-main .branch .preferred .btn-sml:focus {
          background: #08285c !important;
          border: none; }
      .header-main .branch .preferred .cta {
        position: absolute;
        right: 0px;
        width: calc(200px - 25px); }
        .header-main .branch .preferred .cta button {
          background: #fff !important;
          border: 1px solid #666;
          color: #666;
          padding: 3px 5px;
          font-family: "Open Sans", sans-serif;
          text-transform: capitalize;
          color: #222; }
          .header-main .branch .preferred .cta button:hover, .header-main .branch .preferred .cta button:focus {
            background: #666 !important;
            color: #fff !important; }
          .header-main .branch .preferred .cta button:hover {
            background: #214a8c !important;
            border-color: #214a8c; }
      .header-main .branch .preferred .other-links a {
        font-size: 0.875rem;
        font-weight: 500;
        padding-right: 10px;
        color: #666;
        text-decoration: underline;
        color: #222; }
        .header-main .branch .preferred .other-links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .header-main .branch .preferred .other-links a + a {
        border-left: 1px solid #ddd;
        padding-left: 10px; }
      @media (max-width: 767px) {
        .header-main .branch .preferred .cta {
          position: inherit; }
          .header-main .branch .preferred .cta button {
            margin: 0px;
            height: auto;
            line-height: 0.75rem; }
        .header-main .branch .preferred .phone p, .header-main .branch .preferred .contact p, .header-main .branch .preferred .hours p {
          width: 100%; } }
      .header-main .branch .preferred .contact p span {
        max-width: 170px; }
      @media (max-width: 767px) {
        .header-main .branch .preferred {
          left: 0px !important;
          position: relative !important;
          transform: inherit !important;
          top: 3px !important;
          width: 100%; }
          .header-main .branch .preferred .contact p span {
            max-width: 240px; } }
  .header-main .search {
    padding-right: 0px;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .header-main .search > #search-box {
    padding: 0px;
    width: 100%;
    margin-right: auto;
    max-width: calc(500px + 270px); }
  .header-main .search > #search-box > .form-inline {
    position: relative; }
  .header-main .search > .icon {
    height: 100%;
    min-width: 100px; }
    .header-main .search > .icon > a {
      color: #222;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
      .header-main .search > .icon > a i {
        font-size: 1.5rem; }
      .header-main .search > .icon > a span {
        font-size: 0.875rem; }
  .header-main .search > .icon.cart .count {
    padding-left: 5px; }
    .header-main .search > .icon.cart .count:before {
      content: "("; }
    .header-main .search > .icon.cart .count:after {
      content: ")"; }
  .header-main .search > .icon.account {
    position: relative;
    z-index: 333; }
    .header-main .search > .icon.account .roll-out {
      display: none;
      position: absolute;
      background: #eee;
      top: calc(100px + 10px);
      right: 0px;
      width: 300px;
      z-index: 1;
      padding: 20px;
      text-align: left;
      border-bottom: 1px solid #214a8c; }
      .header-main .search > .icon.account .roll-out .title {
        font-family: "Poppins", sans-serif;
        color: #666;
        letter-spacing: 0.5px;
        font-size: 0.875rem; }
        .header-main .search > .icon.account .roll-out .title span {
          color: #214a8c;
          display: block;
          word-break: break-all; }
      .header-main .search > .icon.account .roll-out ul {
        margin: 15px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 1px solid #ccc; }
        .header-main .search > .icon.account .roll-out ul li {
          padding: 0px;
          list-style: none; }
          .header-main .search > .icon.account .roll-out ul li a {
            margin-bottom: 7px;
            color: #666;
            white-space: normal;
            font-size: 0.75rem;
            letter-spacing: 0.25px;
            font-weight: 600;
            line-height: 1.2rem; }
            .header-main .search > .icon.account .roll-out ul li a:hover {
              color: #214a8c;
              padding-left: 5px; }
      .header-main .search > .icon.account .roll-out .submit-btn {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        width: 100%;
        margin: 20px 0px 0px; }
        .header-main .search > .icon.account .roll-out .submit-btn:hover, .header-main .search > .icon.account .roll-out .submit-btn:focus {
          background: #08285c !important;
          border: none; }
        .header-main .search > .icon.account .roll-out .submit-btn a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .header-main .search > .icon.account .roll-out .submit-btn:focus {
          outline-style: none; }
    .header-main .search > .icon.account:hover {
      background: #eee; }
      .header-main .search > .icon.account:hover .roll-out {
        display: block; }
  @media (min-width: 992px) {
    .header-main .search {
      max-width: 60%;
      flex: 0 0 auto;
      position: relative; }
    .header-main .search > .icon > a:hover {
      color: #214a8c;
      cursor: pointer;
      background: #f1f1f1; }
      .header-main .search > .icon > a:hover i {
        color: #214a8c; }
    .header-main .branch .preferred {
      box-shadow: 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.15); } }
  @media (max-width: 1199px) {
    .header-main .logo img {
      max-height: 30px; } }
  @media (max-width: 991px) {
    .header-main {
      padding: 10px 0px; }
      .header-main .container.d-flex {
        padding: 0px; }
      .header-main .logo {
        padding: 0px;
        margin: 0px 60px; }
      .header-main .btn {
        right: calc(15px + 2px); }
      .header-main .search {
        position: absolute;
        left: 0px;
        height: 0px;
        display: block; }
      .header-main .search > .icon {
        position: relative;
        top: 15px;
        min-width: 50px; }
      .header-main .search > .icon:not(.cart) a span {
        display: none; }
      .header-main .search > .icon.promotions, .header-main .search > .icon.account, .header-main .search > .icon.location, .header-main .search > .icon.dashboard {
        display: none !important; }
      .header-main .search > .icon.cart {
        right: 50px;
        position: inherit; }
        .header-main .search > .icon.cart a {
          flex-direction: row; }
        .header-main .search > .icon.cart .count {
          text-align: center;
          background: #214a8c;
          padding: 1px 3px;
          color: #fff;
          border-radius: 25px;
          margin-left: -5px;
          min-width: 25px; }
          .header-main .search > .icon.cart .count:before, .header-main .search > .icon.cart .count:after {
            content: ""; }
      .header-main .search > .srch-mob {
        position: inherit;
        z-index: 111;
        padding: 0px;
        max-width: 45px;
        right: 10px;
        top: 2px; }
        .header-main .search > .srch-mob a {
          color: #222; }
          .header-main .search > .srch-mob a i {
            font-size: 1.75rem; }
      .header-main .search > .icon.login {
        right: 45px;
        position: inherit; }
      .header-main .search > .cart.icon ~ .icon.login {
        right: 100px; }
      .header-main .search > #search-box {
        left: 0px;
        position: absolute;
        width: 100%;
        top: 41px;
        z-index: 111;
        padding: 15px;
        background: #fff;
        max-width: 100%;
        border-bottom: 1px solid #666; }
      .header-main .branch {
        position: absolute;
        left: 25%;
        width: 60%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row; }
        .header-main .branch .title {
          display: flex; }
          .header-main .branch .title i {
            font-size: 1rem; }
          .header-main .branch .title span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(240px - 20px); } }
  @media (max-width: 767px) {
    .header-main {
      margin-top: 30px; }
      .header-main .branch {
        left: 0px;
        height: 25px;
        top: 35px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        justify-content: space-between;
        padding: 0px 10px;
        display: flex;
        align-items: inherit;
        flex-direction: row; }
        .header-main .branch .title span {
          font-size: 0.75rem;
          margin-left: 0.5rem; }
        .header-main .branch .nav-pills .links {
          display: none !important; }
        .header-main .branch .nav-pills > .nav-item {
          position: absolute;
          left: 0px;
          width: 100%; }
        .header-main .branch .nav-pills .nav-link {
          font-size: 0.75rem;
          padding: 2px 10px 0px 0px;
          margin: 0px;
          border: none;
          text-align: right; } }

.carousel.hero {
  background: #000; }
  .carousel.hero img {
    margin: 0px auto; }
    @media (max-width: 991px) {
      .carousel.hero img {
        width: auto !important;
        max-height: 400px;
        text-align: center;
        justify-content: center; } }
  .carousel.hero .carousel-control-prev, .carousel.hero .carousel-control-next {
    font-size: 3rem;
    width: 8.33%;
    opacity: 0.15; }
    .carousel.hero .carousel-control-prev:hover, .carousel.hero .carousel-control-next:hover {
      opacity: 1; }
    @media (max-width: 991px) {
      .carousel.hero .carousel-control-prev, .carousel.hero .carousel-control-next {
        display: none; } }
  .carousel.hero .carousel-control-prev:hover {
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
  .carousel.hero .carousel-control-next:hover {
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
  .carousel.hero .carousel-item {
    overflow: hidden; }
    .carousel.hero .carousel-item .carousel-caption {
      position: absolute;
      top: 50%;
      left: 50%;
      right: 50%;
      bottom: auto;
      transform: translate(-50%, -50%); }
      @media (max-width: 991px) {
        .carousel.hero .carousel-item .carousel-caption .col-sm-12 p {
          display: none; } }
      .carousel.hero .carousel-item .carousel-caption .center {
        text-align: center; }
        .carousel.hero .carousel-item .carousel-caption .center p.title {
          text-align: center;
          margin-bottom: 0px; }
          .carousel.hero .carousel-item .carousel-caption .center p.title:after {
            margin: 0px auto; }
        .carousel.hero .carousel-item .carousel-caption .center span {
          margin: 0px auto; }
      .carousel.hero .carousel-item .carousel-caption .left {
        text-align: left; }
        .carousel.hero .carousel-item .carousel-caption .left p.title {
          text-align: left;
          margin-bottom: 0px; }
      .carousel.hero .carousel-item .carousel-caption .right {
        text-align: right; }
        .carousel.hero .carousel-item .carousel-caption .right p.title {
          text-align: right;
          padding-bottom: 0px; }
          .carousel.hero .carousel-item .carousel-caption .right p.title:after {
            margin-left: auto; }
      .carousel.hero .carousel-item .carousel-caption p.title {
        color: #222;
        font-size: 2.5rem;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        line-height: calc(100% + 5px);
        padding: 25px 0px;
        color: #fff;
        text-shadow: 1px 1px 1px #222; }
        @media (max-width: 991px) {
          .carousel.hero .carousel-item .carousel-caption p.title {
            font-size: 1.2rem;
            padding: 0px; } }
        .carousel.hero .carousel-item .carousel-caption p.title:after {
          display: block;
          width: 50px;
          border-bottom: 3px solid #214a8c;
          content: "";
          padding-top: 10px; }
      .carousel.hero .carousel-item .carousel-caption span a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .carousel.hero .carousel-item .carousel-caption span a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .carousel.hero .carousel-item .carousel-caption span a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .carousel.hero .carousel-item .carousel-caption span a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .carousel.hero .carousel-item .carousel-caption span a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
    .carousel.hero .carousel-item.dark img {
      opacity: 0.5; }
  .carousel.hero .carousel-indicators {
    z-index: 9;
    bottom: 0px; }
    .carousel.hero .carousel-indicators li {
      border: 2px solid #fff;
      width: 15px;
      height: 15px;
      border-radius: 50%; }
    .carousel.hero .carousel-indicators li:not(.active) {
      background: none; }
    @media (min-width: 992px) {
      .carousel.hero .carousel-indicators {
        left: auto;
        margin-right: auto;
        padding-right: 1.9rem; } }
    @media (min-width: 1200px) {
      .carousel.hero .carousel-indicators {
        padding-right: 5rem; } }
    @media (min-width: 1440px) {
      .carousel.hero .carousel-indicators {
        padding-right: 5.65rem; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .carousel.hero .carousel-item .carousel-caption {
      top: 35%; } }
  @media (max-width: 767px) {
    .carousel.hero .carousel-item img {
      height: auto;
      position: relative;
      left: 0px;
      width: 100% !important; }
    .carousel.hero .carousel-item .carousel-caption p.title {
      font-size: 0.875rem;
      line-height: 1rem;
      font-weight: 400;
      padding-top: 0px; }
    .carousel.hero .carousel-item .carousel-caption p.title:after, .carousel.hero .carousel-item .carousel-caption span a:after {
      display: none; }
    .carousel.hero .carousel-item .carousel-caption span a {
      padding: 0px 5px;
      font-weight: 400;
      margin-top: 5px; } }

.product-slider .owl-carousel .owl-stage-outer .owl-item .item {
  text-align: center;
  padding: 0px 15px; }
  .product-slider .owl-carousel .owl-stage-outer .owl-item .item a {
    display: block; }
    .product-slider .owl-carousel .owl-stage-outer .owl-item .item a .img {
      display: flex;
      align-items: center;
      justify-content: center;
      max-height: 270px; }
      .product-slider .owl-carousel .owl-stage-outer .owl-item .item a .img img {
        width: auto;
        max-width: 270px;
        max-height: 270px; }
    .product-slider .owl-carousel .owl-stage-outer .owl-item .item a p.title {
      color: #222;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.5rem;
      letter-spacing: 1px;
      color: #222;
      margin: 15px 0px 0px;
      text-align: center; }
      .product-slider .owl-carousel .owl-stage-outer .owl-item .item a p.title a:hover {
        color: #214a8c; }
      .product-slider .owl-carousel .owl-stage-outer .owl-item .item a p.title:after {
        display: none; }
    .product-slider .owl-carousel .owl-stage-outer .owl-item .item a:hover p.title {
      color: #214a8c; }
.product-slider .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  left: 0px;
  transform: translate(0px, -50%);
  width: 100%; }
  .product-slider .owl-carousel .owl-nav .owl-prev, .product-slider .owl-carousel .owl-nav .owl-next {
    position: absolute;
    transform: translateY(-50%); }
    .product-slider .owl-carousel .owl-nav .owl-prev:hover span, .product-slider .owl-carousel .owl-nav .owl-next:hover span {
      color: #214a8c; }
  .product-slider .owl-carousel .owl-nav .owl-prev {
    left: -30px; }
  .product-slider .owl-carousel .owl-nav .owl-next {
    right: -30px; }
  .product-slider .owl-carousel .owl-nav span {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 3rem;
    color: #ddd; }
  .product-slider .owl-carousel .owl-nav .owl-next.disabled, .product-slider .owl-carousel .owl-nav .owl-prev.disabled, .product-slider .owl-carousel .owl-nav .owl-next.disabled:hover, .product-slider .owl-carousel .owl-nav .owl-prev.disabled:hover {
    cursor: not-allowed;
    opacity: 0.5; }
    .product-slider .owl-carousel .owl-nav .owl-next.disabled span, .product-slider .owl-carousel .owl-nav .owl-prev.disabled span, .product-slider .owl-carousel .owl-nav .owl-next.disabled:hover span, .product-slider .owl-carousel .owl-nav .owl-prev.disabled:hover span {
      color: #ccc; }
.product-slider .owl-carousel .owl-dots {
  text-align: center; }
  .product-slider .owl-carousel .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    margin: 0px 10px;
    background: #ccc;
    border-radius: 50%; }
  .product-slider .owl-carousel .owl-dots button.owl-dot.active {
    background: #222; }

.product-slider.timeline .owl-carousel .owl-nav .owl-prev {
  left: -15px; }
.product-slider.timeline .owl-carousel .owl-nav .owl-next {
  right: -15px; }

.product-slider + .product-slider {
  padding-top: 60px; }

.recommendations .tab-pane {
  padding: 0px; }
  @media (max-width: 991px) {
    .recommendations .tab-pane {
      max-width: 100%;
      flex: 0 0 100%; } }
.recommendations .nav-tabs {
  padding: 0px;
  border: none;
  width: 100%; }
  .recommendations .nav-tabs a.nav-item, .recommendations .nav-tabs a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-color: #ddd;
    font-family: "Poppins", sans-serif;
    height: 40px;
    border-radius: 0px;
    color: #666;
    letter-spacing: 0.5px;
    line-height: 0.875rem;
    text-align: center; }
    .recommendations .nav-tabs a.nav-item:before, .recommendations .nav-tabs a.nav-link:before {
      font-family: "Feather";
      font-size: 1.2rem;
      padding-right: 5px;
      color: #222;
      vertical-align: sub;
      font-weight: 400; }
  .recommendations .nav-tabs a.nav-item.active, .recommendations .nav-tabs a.nav-link.active {
    border-left-width: thin;
    border-color: #ddd;
    border-bottom: 2px solid #214a8c;
    color: #222; }
  .recommendations .nav-tabs a.nav-item {
    width: 50%; }
  .recommendations .nav-tabs .nav-item + .nav-item a {
    border-left: 0px; }
  .recommendations .nav-tabs a.nav-link {
    width: 100%; }
  .recommendations .nav-tabs a.nav-link.disabled {
    pointer-events: none; }
  @media (max-width: 991px) {
    .recommendations .nav-tabs .nav-item a.nav-link {
      display: table-cell !important;
      vertical-align: middle; }
    .recommendations .nav-tabs > .nav-item {
      width: 33.333333%;
      display: table; } }
  .recommendations .nav-tabs a.nav-link, .recommendations .nav-tabs a.active {
    display: block;
    border: none; }
  .recommendations .nav-tabs .nav-item a.nav-link:not(.active) {
    background: none;
    color: #666; }
    .recommendations .nav-tabs .nav-item a.nav-link:not(.active):after {
      display: none !important; }
    .recommendations .nav-tabs .nav-item a.nav-link:not(.active):hover {
      color: #222; }
  .recommendations .nav-tabs a.nav-link.active:after {
    width: 100%; }
.recommendations .product-slider .owl-carousel {
  border-top: 1px solid #ddd; }
.recommendations .product-slider .owl-stage {
  margin: 0px auto; }
  .recommendations .product-slider .owl-stage .owl-item form {
    border-bottom: 1px solid #ddd; }
    .recommendations .product-slider .owl-stage .owl-item form:hover {
      background-color: #f7fbff; }
  .recommendations .product-slider .owl-stage .owl-item .details {
    padding: 0px; }
    .recommendations .product-slider .owl-stage .owl-item .details > .col {
      text-align: left;
      padding: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details > .col .eco {
        display: block;
        text-transform: inherit; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.checkbox {
      z-index: 1;
      max-width: 20px; }
    .recommendations .product-slider .owl-stage .owl-item .details .supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details {
      flex-wrap: wrap; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .text {
        width: 100%; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .product-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 160px;
        max-width: 160px;
        width: 100%;
        flex: 0 0 auto;
        margin: 0px auto; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .product-img img {
          width: auto; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .product-img img {
          max-height: calc(150px - 5px);
          max-width: calc(150px - 5px); }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-size: 0.8rem;
        font-weight: 300;
        text-transform: uppercase; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .sub-title a {
          color: #666; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .sub-title a:hover {
            color: #222; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title {
        color: #222;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        line-height: 1.1rem;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
        max-height: 35px;
        overflow: hidden;
        position: relative; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title a {
          color: #222; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title a:hover {
            color: #214a8c; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 40%;
          height: 1rem;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
          bottom: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .mfg, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .upc, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .co-label {
        display: flex;
        min-height: auto; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .mfg span, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .upc span, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .co-label span {
          font-size: 0.8rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .mfg span:last-of-type, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .upc span:last-of-type, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .co-label span:last-of-type {
          width: calc(100% - 110px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .mfg span:first-of-type, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .upc span:first-of-type, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .co-label span:first-of-type, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .personal-code span:first-of-type {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: inline-block; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .personal-code {
        font-size: 0.8rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .personal-code a {
          color: #ff9933;
          text-decoration: underline; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code {
        display: flex; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code input, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code input, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code button {
          height: 30px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code textarea {
          height: 50px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code input {
          width: 200px;
          padding: 5px 7px;
          font-size: 0.8rem;
          margin: 5px 0px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code button.img {
          height: 30px;
          border: none;
          background: none;
          padding: 0px;
          cursor: pointer;
          margin: 5px 0px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code input[type="image"], .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code img {
          padding: 2px;
          margin-left: 5px;
          width: 30px;
          height: 30px;
          border: none;
          background: none !important; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code.collapse:not(.show) {
        display: none; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .change-code.show {
        display: flex; }
      @media (max-width: 991px) {
        .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .mfg, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .upc, .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .co-label {
          margin: 5px 0px; } }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .in-stock, .recommendations .product-slider .owl-stage .owl-item .details .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .in-stock:before, .recommendations .product-slider .owl-stage .owl-item .details .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .in-stock {
        color: #10a700; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .out-stock {
        color: #dc3545; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .nonstock .supp {
        color: #dc3545; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .leadtime span {
        color: #10a700; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup .preferred {
        display: block; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .backorder .in-stock, .recommendations .product-slider .owl-stage .owl-item .details .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .backorder .in-stock:before, .recommendations .product-slider .owl-stage .owl-item .details .inventory .nonstock .in-stock:before {
          color: #666; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory ._labels {
        display: none !important; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .recommendations .product-slider .owl-stage .owl-item .details .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .recommendations .product-slider .owl-stage .owl-item .details .inventory {
          margin-bottom: 5px; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:before {
            height: 1.5rem; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:after {
            bottom: -20px; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:last-child:before, .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup:last-child:after {
            display: none; }
          .recommendations .product-slider .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup .preferred {
            display: inline-block; } }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .leadtime.supp, .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup .preferred {
        padding-left: 25px; }
    .recommendations .product-slider .owl-stage .owl-item .details .pickup {
      max-width: 100%;
      flex: 0 0 100%; }
    .recommendations .product-slider .owl-stage .owl-item .details .branch {
      margin-left: 25px; }
      .recommendations .product-slider .owl-stage .owl-item .details .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu li span {
            color: #dc3545; }
        .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .recommendations .product-slider .owl-stage .owl-item .details .branch .dropdown-menu li.available span {
          color: #10a700; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.price {
      margin-bottom: 15px;
      display: flex;
      align-items: first baseline;
      flex-wrap: wrap;
      flex-direction: row; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .sale {
        color: #dc3545;
        margin: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .price {
        color: #222; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .discount {
        color: #222;
        margin: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .sale + .price, .recommendations .product-slider .owl-stage .owl-item .details .col.price .discount + .price {
        text-decoration: line-through;
        color: #666;
        font-size: 0.95rem;
        margin-left: 5px;
        display: initial; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .supp {
        margin-left: 5px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price .eco {
        color: #10a700; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price > span:nth-of-type(2) {
        font-size: 1.1rem; }
      @media (max-width: 991px) {
        .recommendations .product-slider .owl-stage .owl-item .details .col.price .supp:not(:last-child) {
          margin-right: 10px; } }
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty input, .recommendations .product-slider .owl-stage .owl-item .details .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty input, .recommendations .product-slider .owl-stage .owl-item .details .col.qty button {
        height: 30px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty textarea {
        height: 50px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty span.margin + input {
        margin-left: 5px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty > span.supp, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .available {
        line-height: 30px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .recommendations .product-slider .owl-stage .owl-item .details .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts {
        margin-top: calc(20px - 2px); }
    .recommendations .product-slider .owl-stage .owl-item .details .col.total .saving {
      font-weight: 400;
      color: #10a700;
      font-size: 0.75rem; }
    .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart {
      position: absolute;
      bottom: 0px;
      width: auto;
      right: 0px;
      display: table; }
      .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff; }
        .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
        .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
          outline-style: none; }
        .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
      .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart button.add-cart, .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart .btn-sml {
        width: 120px; }
      .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart .text {
        height: 25px;
        font-family: "Poppins", sans-serif;
        color: #222;
        margin-bottom: 0.875rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart .text:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\e9a7";
          color: #222; }
    .recommendations .product-slider .owl-stage .owl-item .details .alert-warning {
      width: 100%;
      background: none;
      z-index: 1;
      padding: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .alert-warning > span {
        background: #fff3cd;
        padding: 3px 5px 5px;
        min-height: 30px;
        max-height: 30px;
        font-size: calc(10px + 1px);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
    .recommendations .product-slider .owl-stage .owl-item .details .download {
      margin-top: 10px;
      font-size: 0.8rem;
      color: #222;
      font-family: "Open Sans", sans-serif; }
      .recommendations .product-slider .owl-stage .owl-item .details .download i {
        font-size: 1rem;
        margin-right: 7px; }
      .recommendations .product-slider .owl-stage .owl-item .details .download > a {
        display: inline-flex;
        align-items: center;
        color: #222;
        font-size: 0.8rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .download > a span {
          color: #666;
          text-decoration: underline;
          color: #222;
          margin-left: 7px;
          letter-spacing: 0.25px; }
          .recommendations .product-slider .owl-stage .owl-item .details .download > a span:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
        .recommendations .product-slider .owl-stage .owl-item .details .download > a img {
          height: 1rem; }
        .recommendations .product-slider .owl-stage .owl-item .details .download > a i {
          font-size: 1rem; }
      .recommendations .product-slider .owl-stage .owl-item .details .download #docModal .modal-dialog {
        max-width: calc(320px * 2); }
      .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0px 0px 15px; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title .text {
          padding-left: 30px;
          max-width: 66.66%;
          flex: 0 0 66.66%; }
          .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title .text .sub-title {
            line-height: normal; }
          .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title .text .title {
            margin: 0px; }
            .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title .text .title:after {
              background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
      .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body > div {
        display: flex;
        flex-wrap: wrap; }
      .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div {
        padding: 7px 0px 10px;
        color: #222; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .doc:before, .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before, .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          color: #222; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .doc:before {
          content: "\e964"; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before {
          content: "\e95b"; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
          content: "\e963"; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div span {
          display: block;
          color: #666;
          line-height: 1.1rem;
          margin-left: 1.25rem; }
          .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div span:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e946";
            color: #666;
            font-size: 0.8rem; }
          .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div span a {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            color: #666;
            text-decoration: underline;
            color: #222; }
            .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      .recommendations .product-slider .owl-stage .owl-item .details .download .modal .btn-secondary {
        color: #222;
        font-weight: 500;
        font-family: "Poppins", sans-serif; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .btn-secondary i {
          margin-right: 5px; }
      @media (max-width: 767px) {
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title {
          display: flex;
          flex-wrap: wrap; }
          .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-title .text {
            padding: 10px 0px 0px;
            max-width: 100%;
            flex: 0 0 100%; }
        .recommendations .product-slider .owl-stage .owl-item .details .download .modal .modal-body div {
          max-width: 100%;
          flex: 0 0 100%; } }
  @media (max-width: 1199px) {
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 35px; } }
  @media (min-width: 992px) {
    .recommendations .product-slider .owl-stage .owl-item .details .col.total .saving {
      margin-top: 5px; } }
  @media (max-width: 991px) {
    .recommendations .product-slider .owl-stage .owl-item .details .col.total .saving {
      padding: 2px 0px 0px 15px; } }
  @media (max-width: 767px) {
    .recommendations .product-slider .owl-stage .owl-item .details .checkbox {
      position: absolute;
      top: 75px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col ._labels {
      display: block !important; }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory ._labels {
      display: none !important; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.price {
      flex-wrap: wrap;
      min-height: auto; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.price span {
        display: flex;
        align-items: center; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty {
      max-width: 360px !important; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.total {
      flex-wrap: wrap; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.total .saving {
        padding: 0px;
        width: 100%;
        text-align: left; }
    .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart {
      position: inherit;
      margin-top: 10px; }
    .recommendations .product-slider .owl-stage .owl-item .details .alert-warning {
      position: absolute;
      bottom: -40px !important; } }
  .recommendations .product-slider .owl-stage .owl-item form {
    width: 25%;
    padding: 15px; }
  .recommendations .product-slider .owl-stage .owl-item .details {
    position: relative;
    flex-direction: column;
    justify-content: flex-start; }
    .recommendations .product-slider .owl-stage .owl-item .details > .col {
      max-width: 100%;
      flex: 0 0 100%; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title {
      height: 50px;
      max-height: 50px;
      line-height: 1rem; }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory {
      max-width: 100%; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup a {
        top: -5px; }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory, .recommendations .product-slider .owl-stage .owl-item .details .col.price, .recommendations .product-slider .owl-stage .owl-item .details .col.qty {
      min-height: 45px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .price + .supp, .recommendations .product-slider .owl-stage .owl-item .details .col.price .price + .supp, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .price + .supp {
        margin: 0px 5px; }
      .recommendations .product-slider .owl-stage .owl-item .details .inventory .eco, .recommendations .product-slider .owl-stage .owl-item .details .col.price .eco, .recommendations .product-slider .owl-stage .owl-item .details .col.qty .eco {
        display: inline-block; }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory {
      height: calc(100px - 15px);
      margin-top: 5px; }
    .recommendations .product-slider .owl-stage .owl-item .details .add-to-cart {
      left: 0px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty {
      max-width: 100%;
      justify-content: flex-start;
      padding-top: 7px;
      position: relative; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-cuts {
        margin-top: calc(3px - 25px);
        margin-left: auto; }
    .recommendations .product-slider .owl-stage .owl-item .details .sp-tags {
      width: 100%; }
  @media screen and (max-width: 1440px) {
    .recommendations .product-slider .owl-stage .owl-item form {
      width: 33.333333%;
      padding: 10px; } }
  @media (min-width: 768px) {
    .recommendations .product-slider .owl-stage .owl-item form {
      border-right: 1px solid #ddd; }
    .recommendations .product-slider .owl-stage .owl-item .details .checkbox {
      top: 10px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .product-img {
      height: 200px;
      max-width: 200px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .product-img img {
        max-height: 190px;
        max-width: 190px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .text .co-label {
      min-height: 1.25rem; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-pop {
      right: auto;
      left: 80px;
      top: 7px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .recommendations .product-slider .owl-stage .owl-item .details .col.qty .cable-pop {
      left: 1.1rem;
      top: -0.875rem; } }
  @media (max-width: 767px) {
    .recommendations .product-slider .owl-stage .owl-item form {
      width: 100%;
      padding: 15px 0px; }
    .recommendations .product-slider .owl-stage .owl-item .details .custom-input:checked ~ .custom-check:before {
      top: -1px; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.price {
      display: flex;
      align-items: center; }
    .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details {
      margin-top: 0px; }
      .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title {
        height: auto; }
    .recommendations .product-slider .owl-stage .owl-item .details .inventory .pickup a {
      display: inline-block;
      top: inherit; } }
  .recommendations .product-slider .owl-stage .owl-item form {
    width: 100%;
    margin: 0px auto;
    text-align: left;
    border: none; }
    .recommendations .product-slider .owl-stage .owl-item form .details {
      min-height: calc(300px + 45px);
      display: inherit; }
      .recommendations .product-slider .owl-stage .owl-item form .details .col.price {
        min-height: auto; }
      .recommendations .product-slider .owl-stage .owl-item form .details .add-to-cart {
        margin-bottom: 0px; }
      .recommendations .product-slider .owl-stage .owl-item form .details .text {
        padding: 0px; }
@media (min-width: 1200px) {
  .recommendations .product-slider .owl-stage {
    display: flex;
    width: 100% !important; }
  .recommendations .product-slider .owl-item {
    float: none;
    min-width: 20%;
    max-width: 20%; } }
@media (max-width: 767px) {
  .recommendations .nav-tabs li.nav-item > a.nav-link {
    font-size: 0.75rem;
    padding: 5px;
    font-weight: 300;
    letter-spacing: 0.25px; }
  .recommendations .product-slider .owl-stage .owl-item .details .col ._labels {
    display: none !important; }
  .recommendations .product-slider .owl-stage .owl-item .details .col.price .eco {
    padding-left: 0px; }
  .recommendations .product-slider .owl-stage .owl-item .details .col.pro-details .title {
    height: auto; } }

.products-menu {
  padding: 0px;
  max-width: 16.666667%;
  flex: 0 0 16.666667%; }
  .products-menu button.navbar-toggler {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px;
    width: 100%;
    border-radius: 0px;
    background: #214a8c;
    color: #fff !important;
    border: none;
    box-shadow: none;
    height: 40px;
    font-size: 0.875rem; }
    .products-menu button.navbar-toggler a:hover {
      color: #214a8c; }
    .products-menu button.navbar-toggler:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e98f";
      color: #fff;
      margin-right: 5px;
      vertical-align: sub; }
    .products-menu button.navbar-toggler:after {
      display: inline-block;
      color: #fff;
      margin-left: 10px; }
  .products-menu ul._main {
    width: 100%; }
    .products-menu ul._main > li {
      width: 100%; }
      .products-menu ul._main > li a#level1 {
        cursor: pointer;
        position: relative;
        color: #222;
        font-size: 0.95rem;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.5rem;
        letter-spacing: 1px;
        background: #214a8c;
        color: #fff !important;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .products-menu ul._main > li a#level1 a:hover {
          color: #214a8c; }
        .products-menu ul._main > li a#level1:hover, .products-menu ul._main > li a#level1:focus {
          background: #08285c; }
        .products-menu ul._main > li a#level1:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e98f";
          color: #fff;
          margin-right: 5px; }
        .products-menu ul._main > li a#level1:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e92e";
          color: #fff;
          vertical-align: middle;
          margin: 0px 0px 0px 5px;
          font-weight: 600;
          font-size: 1rem; }
      .products-menu ul._main > li .dropdown-menu {
        background: #f1f1f1;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        border: 1px solid #ccc; }
        .products-menu ul._main > li .dropdown-menu ul.level1 {
          flex-direction: column; }
          .products-menu ul._main > li .dropdown-menu ul.level1 > li {
            position: static;
            border-bottom: 1px solid #ddd; }
            .products-menu ul._main > li .dropdown-menu ul.level1 > li > label {
              margin: 0px; }
              .products-menu ul._main > li .dropdown-menu ul.level1 > li > label > a {
                padding: 5px 15px;
                color: #222;
                text-transform: capitalize;
                display: flex;
                justify-content: space-between;
                font-weight: 600; }
          .products-menu ul._main > li .dropdown-menu ul.level1 > .browse a {
            background: #214a8c;
            color: #fff;
            padding: 5px 15px;
            display: block;
            font-weight: 600; }
      .products-menu ul._main > li .dropdown-menu.roll-out {
        line-height: 1rem;
        position: absolute;
        left: 100%;
        background: #fff;
        top: -1px;
        flex: 0 0 300%;
        width: 300%;
        display: none; }
        .products-menu ul._main > li .dropdown-menu.roll-out a.links {
          color: #214a8c;
          font-size: 0.8rem;
          display: flex;
          align-items: center; }
          .products-menu ul._main > li .dropdown-menu.roll-out a.links:hover {
            color: #08285c; }
          .products-menu ul._main > li .dropdown-menu.roll-out a.links:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e930";
            color: #214a8c;
            font-size: 1rem; }
          .products-menu ul._main > li .dropdown-menu.roll-out a.links:hover:after {
            left: 5px; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left, .products-menu ul._main > li .dropdown-menu.roll-out .right {
          display: flex;
          flex-wrap: wrap;
          float: left;
          width: 100%;
          height: 100%; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left > div, .products-menu ul._main > li .dropdown-menu.roll-out .right > div {
            max-width: 100%;
            flex: 0 0 100%; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left .title {
          padding: 30px 20px 19px;
          display: flex;
          justify-content: space-between; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left .title label {
            text-transform: capitalize;
            color: #214a8c;
            font-size: 1.25rem;
            margin: 0px; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li > a {
          padding: 0px 0px 7px;
          color: #222;
          border-bottom: 1px solid #ddd; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li > a:hover {
            color: #214a8c; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li:hover, .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li:focus {
          color: #222;
          background: none; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li:hover > a, .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li:focus > a {
            color: #214a8c;
            border-bottom-color: #214a8c; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 {
          flex-direction: column;
          padding-bottom: 15px;
          margin-top: 7px; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li {
            padding: 0px; }
            .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li a {
              padding: 0px 0px 7px;
              color: #666; }
            .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li:hover, .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li:focus {
              background: none; }
              .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li:hover > a, .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 > li:focus > a {
                color: #214a8c;
                padding-left: 5px; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 a.links {
            color: #222; }
            .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level3 a.links:hover {
              color: #214a8c; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left .vendors {
          border-top: 1px solid #ccc;
          height: calc(80px + 10px + 2px);
          display: flex;
          align-items: center;
          justify-content: center;
          justify-content: space-around; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left .vendors a {
            text-align: center; }
            .products-menu ul._main > li .dropdown-menu.roll-out .left .vendors a img {
              max-height: 60px;
              width: auto;
              max-width: 75%; }
    .products-menu ul._main a {
      white-space: normal; }
  @media (min-width: 1440px) {
    .products-menu ul._main > li .dropdown-menu.roll-out .left .vendors a img {
      max-width: 190px; } }
  @media (min-width: 992px) {
    .products-menu ul._main > li .dropdown-menu {
      width: 150%;
      z-index: 222; }
      .products-menu ul._main > li .dropdown-menu ul.level1 > li > label {
        width: 100%;
        display: block; }
        .products-menu ul._main > li .dropdown-menu ul.level1 > li > label > a {
          min-height: 30px; }
      .products-menu ul._main > li .dropdown-menu ul.level1 > li.active, .products-menu ul._main > li .dropdown-menu ul.level1 > li:hover {
        border-color: #ccc; }
        .products-menu ul._main > li .dropdown-menu ul.level1 > li.active > label > a, .products-menu ul._main > li .dropdown-menu ul.level1 > li:hover > label > a {
          background: #fff;
          color: #214a8c;
          position: relative; }
          .products-menu ul._main > li .dropdown-menu ul.level1 > li.active > label > a:before, .products-menu ul._main > li .dropdown-menu ul.level1 > li:hover > label > a:before {
            border-top: 1px solid #ccc;
            position: absolute;
            content: "";
            top: -1px;
            width: 100%;
            left: 0px; }
          .products-menu ul._main > li .dropdown-menu ul.level1 > li.active > label > a:after, .products-menu ul._main > li .dropdown-menu ul.level1 > li:hover > label > a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e930";
            color: #214a8c;
            font-size: 1rem;
            height: 1rem;
            top: -2px;
            left: auto;
            right: -10px; }
        .products-menu ul._main > li .dropdown-menu ul.level1 > li.active .roll-out, .products-menu ul._main > li .dropdown-menu ul.level1 > li:hover .roll-out {
          display: block; }
      .products-menu ul._main > li .dropdown-menu ul.level1 > li:first-of-type > label > a:before {
        display: none; }
      .products-menu ul._main > li .dropdown-menu.show {
        border-right: none; }
    .products-menu ul._main > li .dropdown-menu.roll-out {
      height: calc(500px + 150px + 1px); }
      .products-menu ul._main > li .dropdown-menu.roll-out .left {
        max-width: calc(100% - 240px);
        align-content: space-between; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left .scroll-content {
          height: 480px;
          align-content: flex-start;
          padding-bottom: 15px; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left .scroll-content:last-child {
          height: calc(100% - 70px); }
        .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li {
            width: 33.333333%;
            padding: 15px 20px 0px; }
            .products-menu ul._main > li .dropdown-menu.roll-out .left ul.level2 > li > a {
              font-size: 0.875rem;
              font-weight: 600; }
      .products-menu ul._main > li .dropdown-menu.roll-out .left:last-child {
        max-width: 100%; }
        .products-menu ul._main > li .dropdown-menu.roll-out .left:last-child ul.level2 > li {
          width: 25%; }
      .products-menu ul._main > li .dropdown-menu.roll-out .right {
        max-width: 240px;
        border-left: 1px solid #ccc; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right > div {
          background: #f1f1f1;
          padding: 20px; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right .pro-details > div:not(.sub-title) {
          margin-bottom: 20px; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right .product-img img {
          width: 100%; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right .sub-title {
          font-family: "Poppins", sans-serif;
          font-size: 0.875rem;
          letter-spacing: 0.75px;
          color: #666;
          font-size: 0.8rem;
          font-weight: 300;
          text-transform: uppercase; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right .sub-title a {
            color: #666; }
            .products-menu ul._main > li .dropdown-menu.roll-out .right .sub-title a:hover {
              color: #222; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right .title {
          color: #222;
          font-size: 0.8rem;
          font-family: "Poppins", sans-serif;
          line-height: 1.1rem;
          letter-spacing: 0.25px;
          margin-bottom: 10px;
          max-height: 35px;
          overflow: hidden;
          position: relative;
          height: auto; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right .title a {
            color: #222; }
            .products-menu ul._main > li .dropdown-menu.roll-out .right .title a:hover {
              color: #214a8c; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right .title:after {
            content: "";
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 40%;
            height: 1rem;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
            bottom: 0px; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right .title:after {
            display: none; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right .description {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666; }
        .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml {
          background: #214a8c !important;
          color: #fff;
          background: #214a8c !important;
          color: #fff;
          font-size: 1rem;
          cursor: pointer;
          letter-spacing: 0.5px;
          font-family: "Poppins", sans-serif;
          width: 200px;
          text-transform: uppercase;
          margin: 40px auto;
          text-align: center;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px 10px;
          border: none;
          white-space: normal;
          line-height: 1rem;
          padding: 3px 5px;
          height: 30px;
          font-size: 0.75rem;
          margin: 0px;
          line-height: 10px;
          width: 150px; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml:hover, .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml:focus {
            background: #08285c !important;
            border: none; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml:hover, .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml:focus {
            background: #08285c !important;
            border: none; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml a {
            color: #fff;
            padding: 15px;
            width: 100%; }
          .products-menu ul._main > li .dropdown-menu.roll-out .right a.btn-sml:focus {
            outline-style: none; }
    .products-menu ul._main li a {
      font-size: 0.8rem; } }
  @media (max-width: 991px) {
    .products-menu {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      z-index: 99; }
      .products-menu button.navbar-toggler[aria-expanded="true"]:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .products-menu ul._main > li a#level1 {
        display: none; }
      .products-menu ul._main > li .dropdown-menu {
        display: block;
        border: none; }
        .products-menu ul._main > li .dropdown-menu ul.level1 > li > a {
          width: 30px;
          float: right;
          padding: 5px 0px;
          text-align: center;
          background: #f7f7f7; }
        .products-menu ul._main > li .dropdown-menu ul.level1 > li.show {
          background: #fff; }
          .products-menu ul._main > li .dropdown-menu ul.level1 > li.show a {
            color: #214a8c;
            background: #fff; }
            .products-menu ul._main > li .dropdown-menu ul.level1 > li.show a:after {
              color: #214a8c; }
      .products-menu ul._main > li .dropdown-menu.roll-out.show {
        position: inherit !important;
        width: 100%;
        padding: 0px;
        left: 0px;
        display: flex !important; }
        .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level3, .products-menu ul._main > li .dropdown-menu.roll-out.show .vendors, .products-menu ul._main > li .dropdown-menu.roll-out.show .right {
          display: none !important; }
        .products-menu ul._main > li .dropdown-menu.roll-out.show .left .title {
          display: none; }
        .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level2 {
          width: 100%;
          padding-bottom: 5px; }
          .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level2 > li {
            padding: 0px 15px; }
            .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level2 > li > a {
              font-size: 0.75rem;
              border: none; }
              .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level2 > li > a:before {
                font-family: "Feather";
                color: #214a8c;
                position: relative;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                z-index: 1;
                font-size: 1.1rem;
                padding-left: 5px;
                left: 0px;
                font-weight: 400;
                content: "\e930";
                color: #ccc;
                font-size: 0.8rem;
                padding: 0px 5px 0px 0px; }
          .products-menu ul._main > li .dropdown-menu.roll-out.show .left ul.level2 li:last-of-type > a {
            border-bottom: none; }
      .products-menu ul._main li a {
        font-size: 0.75rem; } }

.breadcrumbs {
  font-size: 0.8rem;
  border-top: 1px solid #eee;
  max-width: 100% !important; }
  .breadcrumbs ul {
    padding: 10px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #aaa;
    margin: 0px auto;
    margin-bottom: -1px; }
    @media (max-width: 991px) {
      .breadcrumbs ul {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .breadcrumbs ul {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .breadcrumbs ul {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .breadcrumbs ul {
        max-width: 1600px; } }
    .breadcrumbs ul li {
      list-style: none;
      display: inline-flex;
      min-height: 25px; }
      .breadcrumbs ul li a {
        color: #666; }
        .breadcrumbs ul li a:hover {
          color: #214a8c; }
    .breadcrumbs ul li:not(:last-of-type):after {
      font-family: "Feather";
      content: "\e930";
      vertical-align: middle;
      font-size: 0.95rem;
      margin: 0px 5px;
      color: #aaa; }
    .breadcrumbs ul li:last-of-type {
      color: #222; }
  @media (max-width: 991px) {
    .breadcrumbs {
      border-top: none;
      padding: 0px; }
      .breadcrumbs ul {
        padding: 0px; }
        .breadcrumbs ul li.home {
          display: none; }
        .breadcrumbs ul li:not(:nth-last-child(2)) {
          display: none; }
        .breadcrumbs ul li:after {
          display: none; }
        .breadcrumbs ul li:before {
          font-family: "Feather";
          content: "\e92f";
          vertical-align: middle;
          font-size: 0.95rem;
          color: #aaa; }
        .breadcrumbs ul li {
          padding: 10px 10px; } }

.breadcrumbs.plp {
  background: #f1f1f1; }
  .breadcrumbs.plp ul {
    border: none; }

.article {
  padding: 0px; }
  .article .breadcrumbs ul {
    border-bottom: none; }
  .article section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .article section {
        margin: 15px auto; } }
    @media (max-width: 991px) {
      .article section {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .article section {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .article section {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .article section {
        max-width: 1600px; } }
    .article section .row {
      justify-content: center; }
  .article .news-post .block {
    padding: 0px 15px;
    width: 100%;
    position: relative;
    max-width: 25%; }
    .article .news-post .block .img, .article .news-post .block .video {
      text-align: center;
      position: relative;
      width: 100%; }
      .article .news-post .block .img img, .article .news-post .block .video img {
        max-width: 100%;
        width: auto;
        height: auto; }
    .article .news-post .block .video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden; }
    .article .news-post .block .video iframe, .article .news-post .block .video object, .article .news-post .block .video embed {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: calc(100% + 1px); }
    .article .news-post .block .details {
      margin-top: 15px; }
      .article .news-post .block .details > div + div, .article .news-post .block .details > article + div, .article .news-post .block .details > div + article {
        margin-top: 15px; }
      .article .news-post .block .details .cat-title {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin: 0px 5px 10px 0px;
        width: max-content; }
      .article .news-post .block .details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        padding-bottom: 10px; }
      .article .news-post .block .details .title {
        color: #222;
        font-size: 2.5rem;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        line-height: calc(100% + 5px);
        padding: 25px 0px;
        font-size: 1.75rem;
        padding: 10px 0px;
        font-weight: 400;
        padding: 0px;
        margin-top: 0px; }
        @media (max-width: 991px) {
          .article .news-post .block .details .title {
            font-size: 1.2rem;
            padding: 0px; } }
        @media (max-width: 991px) {
          .article .news-post .block .details .title {
            font-size: 1.5rem; } }
        @media (min-width: 992px) {
          .article .news-post .block .details .title {
            font-size: 1.25rem; } }
        @media (max-width: 991px) {
          .article .news-post .block .details .title {
            font-size: 1rem; } }
        .article .news-post .block .details .title a {
          color: #222; }
          .article .news-post .block .details .title a:hover {
            color: #214a8c;
            text-decoration: none; }
      .article .news-post .block .details .posted {
        color: #666;
        font-family: "Poppins", sans-serif;
        font-size: 0.75rem;
        letter-spacing: 0.75px;
        margin-top: 0px;
        padding-top: 0.25rem;
        display: inline-block; }
        .article .news-post .block .details .posted span {
          color: #222; }
        .article .news-post .block .details .posted span.date {
          text-transform: uppercase; }
      .article .news-post .block .details .description, .article .news-post .block .details .l-description {
        margin-bottom: 0px;
        color: #222; }
      .article .news-post .block .details .l-description figure img {
        max-width: 100%;
        height: auto;
        width: auto; }
      .article .news-post .block .details .l-description figure label {
        font-size: 0.75rem;
        margin-bottom: 0px;
        font-weight: 400;
        color: #aaa; }
      .article .news-post .block .details .l-description a.brand-link {
        color: #214a8c; }
        .article .news-post .block .details .l-description a.brand-link:hover {
          color: #08285c; }
      .article .news-post .block .details .l-description p.brand-btn {
        display: inline-flex; }
        .article .news-post .block .details .l-description p.brand-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .article .news-post .block .details .l-description p.brand-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .article .news-post .block .details .l-description p.brand-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .article .news-post .block .details .l-description p.brand-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .article .news-post .block .details .l-description p.brand-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .article .news-post .block .details .l-description p.brand-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .article .news-post .block .details .l-description p.brand-btn a:after {
            color: #fff; }
          .article .news-post .block .details .l-description p.brand-btn a:hover {
            color: #214a8c; }
          .article .news-post .block .details .l-description p.brand-btn a:hover:after {
            color: #214a8c; }
      .article .news-post .block .details .l-description p.dark-btn {
        display: inline-flex; }
        .article .news-post .block .details .l-description p.dark-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .article .news-post .block .details .l-description p.dark-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .article .news-post .block .details .l-description p.dark-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .article .news-post .block .details .l-description p.dark-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .article .news-post .block .details .l-description p.dark-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .article .news-post .block .details .l-description p.dark-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .article .news-post .block .details .l-description p.dark-btn a:after {
            color: #fff; }
          .article .news-post .block .details .l-description p.dark-btn a:hover {
            color: #214a8c; }
          .article .news-post .block .details .l-description p.dark-btn a:hover:after {
            color: #214a8c; }
        .article .news-post .block .details .l-description p.dark-btn a {
          background: #222;
          border-color: #222; }
          .article .news-post .block .details .l-description p.dark-btn a:hover {
            color: #222; }
          .article .news-post .block .details .l-description p.dark-btn a:hover:after {
            color: #222; }
      .article .news-post .block .details .l-description p.white-btn {
        display: inline-flex; }
        .article .news-post .block .details .l-description p.white-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .article .news-post .block .details .l-description p.white-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .article .news-post .block .details .l-description p.white-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .article .news-post .block .details .l-description p.white-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .article .news-post .block .details .l-description p.white-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
      .article .news-post .block .details .l-description a {
        color: #666;
        text-decoration: underline;
        color: #222; }
        .article .news-post .block .details .l-description a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .article .news-post .block .details .l-description p {
        margin-bottom: 15px; }
      .article .news-post .block .details .l-description p:only-child {
        margin-bottom: 0px; }
      .article .news-post .block .details .l-description p ~ br {
        display: none; }
      .article .news-post .block .details .l-description p + ul, .article .news-post .block .details .l-description ul + p {
        margin-top: 15px; }
      .article .news-post .block .details .l-description ul {
        margin-bottom: 0px; }
      .article .news-post .block .details .l-description label {
        font-size: 1.25rem;
        font-weight: 600;
        color: #222;
        margin-bottom: 15px; }
      .article .news-post .block .details .l-description ul li, .article .news-post .block .details .l-description ol li {
        margin-bottom: 10px;
        width: 100%; }
      .article .news-post .block .details .l-description ol {
        padding-left: 20px; }
        .article .news-post .block .details .l-description ol li {
          padding-left: 5px; }
      .article .news-post .block .details .l-description ul {
        padding-left: 0px; }
        .article .news-post .block .details .l-description ul li {
          list-style: none;
          position: relative;
          padding-left: 25px; }
        .article .news-post .block .details .l-description ul li:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          content: "\e930";
          margin-right: 10px;
          color: #666;
          position: absolute;
          left: 0px;
          font-size: 1rem; }
        .article .news-post .block .details .l-description ul li:nth-last-child(1) {
          margin-bottom: 0px; }
      @media (max-width: 991px) {
        .article .news-post .block .details .l-description label {
          font-size: 1rem;
          margin-bottom: 0px; } }
      .article .news-post .block .details .l-description .bold-txt {
        font-weight: 600; }
      .article .news-post .block .details .l-description .center {
        text-align: center; }
      .article .news-post .block .details .l-description .left {
        text-align: left; }
      .article .news-post .block .details .l-description .right {
        text-align: right; }
      .article .news-post .block .details .l-description .heading, .article .news-post .block .details .l-description .lg-heading {
        font-size: 1.5rem;
        font-family: "Poppins", sans-serif;
        letter-spacing: 0.75px; }
      .article .news-post .block .details .l-description .lg-heading {
        font-size: 2rem;
        font-weight: 600; }
      .article .news-post .block .details .l-description .body-title, .article .news-post .block .details .l-description .lg-txt {
        font-size: 1.25rem;
        color: #222; }
      .article .news-post .block .details .l-description .row > div, .article .news-post .block .details .l-description .btm-space {
        margin-bottom: 40px; }
      .article .news-post .block .details .l-description .noPadLR {
        padding-left: 0px;
        padding-right: 0px; }
      .article .news-post .block .details .l-description .noPadL {
        padding-left: 0px; }
      .article .news-post .block .details .l-description .noPadR {
        padding-right: 0px; }
      .article .news-post .block .details .l-description .wide {
        min-width: 50%; }
      .article .news-post .block .details .l-description .row.center {
        justify-content: center;
        text-align: left; }
      .article .news-post .block .details .l-description .brand-color {
        color: #214a8c; }
      @media (max-width: 991px) {
        .article .news-post .block .details .l-description .row > div, .article .news-post .block .details .l-description .btm-space {
          margin-bottom: 20px; }
        .article .news-post .block .details .l-description .body-title, .article .news-post .block .details .l-description .lg-txt {
          font-size: 1rem; }
        .article .news-post .block .details .l-description .heading {
          font-size: 1.25rem; } }
      .article .news-post .block .details article p {
        margin-bottom: 0px; }
      .article .news-post .block .details .link a {
        color: #222;
        text-transform: uppercase;
        font-size: 0.875rem;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        line-height: 1rem;
        letter-spacing: 0.5px; }
        .article .news-post .block .details .link a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          vertical-align: sub; }
        .article .news-post .block .details .link a:hover {
          color: #214a8c; }
        .article .news-post .block .details .link a:hover:after {
          left: 5px; }
    .article .news-post .block .details:only-child {
      display: flex;
      flex-direction: column; }
      .article .news-post .block .details:only-child .title:only-child {
        font-size: 2.5rem;
        word-break: break-word;
        text-align: center; }
    @media (max-width: 991px) {
      .article .news-post .block .details {
        margin-top: 10px; }
        .article .news-post .block .details > div + div {
          margin-top: 10px; }
      .article .news-post .block .details:only-child .title:only-child {
        font-size: 1.25rem; } }
    .article .news-post .block .img {
      display: flex;
      align-items: center;
      justify-content: center; }
      .article .news-post .block .img a {
        flex: 1 1 100%; }
      .article .news-post .block .img:before {
        content: "";
        border: 1px solid #ddd;
        z-index: -1;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px; }
    .article .news-post .block .img {
      height: calc(200px + 10px + 2px); }
      .article .news-post .block .img img {
        max-height: calc(200px + 10px + 2px); }
    .article .news-post .block .details .title {
      font-size: 1.25rem; }
  .article .scrolling-wrapper {
    background: #222; }
    .article .scrolling-wrapper .container {
      display: flex;
      align-items: center;
      justify-content: center; }
    .article .scrolling-wrapper .link {
      color: #222;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.5rem;
      letter-spacing: 1px;
      white-space: nowrap;
      border-bottom: 5px solid #222; }
      .article .scrolling-wrapper .link a:hover {
        color: #214a8c; }
      .article .scrolling-wrapper .link:hover a {
        color: #214a8c; }
      .article .scrolling-wrapper .link a {
        color: #fff;
        padding: 20px 50px 15px;
        text-align: center;
        display: block; }
        .article .scrolling-wrapper .link a:hover {
          text-decoration: none; }
    .article .scrolling-wrapper .link.active {
      border-bottom-color: #214a8c; }
  @media (min-width: 992px) {
    .article .news-post .block:nth-child(n+5) {
      margin-top: 30px; } }
  @media (max-width: 991px) {
    .article section {
      padding: 0px 15px; }
    .article .scrolling-wrapper .container {
      justify-content: flex-start; }
    .article .scrolling-wrapper .link a {
      padding: 15px 25px 10px; }
    .article .news-post .block {
      max-width: 50%; }
      .article .news-post .block .img {
        height: 200px; }
        .article .news-post .block .img img {
          max-height: 200px; }
      .article .news-post .block .details .title {
        font-size: 1rem; }
    .article .news-post .block:nth-child(n+3) {
      margin-top: 15px; } }
  @media (max-width: 767px) {
    .article .news-post .block {
      max-width: 100%; }
      .article .news-post .block .img {
        height: calc(200px + 15px); }
        .article .news-post .block .img img {
          max-height: calc(200px + 15px); }
    .article .news-post .block:nth-child(n+2) {
      margin-top: 15px; } }

.article.detail .breadcrumbs ul {
  border-bottom: 1px solid #aaa; }
.article.detail .header {
  text-align: center;
  padding: 60px 0px; }
  .article.detail .header .cat-title {
    padding: 3px 5px;
    border: 1px solid #aaa;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: normal;
    color: #666;
    margin: 0px 5px 10px 0px;
    width: max-content; }
  .article.detail .header .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    text-align: center;
    font-weight: 600; }
    @media (max-width: 991px) {
      .article.detail .header .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
  .article.detail .header .posted {
    color: #666;
    font-family: "Poppins", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.75px;
    margin-top: 0px;
    padding-top: 0.25rem;
    display: inline-block; }
    .article.detail .header .posted span {
      color: #222; }
    .article.detail .header .posted span.date {
      text-transform: uppercase; }
.article.detail .featured-img {
  padding: 0px;
  margin-bottom: 60px; }
  .article.detail .featured-img img {
    width: 100%; }
  @media (max-width: 991px) {
    .article.detail .featured-img {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .article.detail .featured-img {
      display: flex;
      justify-content: center;
      overflow: hidden; }
      .article.detail .featured-img img {
        height: 150px; } }
.article.detail .article-body {
  padding: 0px 0px 60px 0px; }
  .article.detail .article-body article figure img {
    max-width: 100%;
    height: auto;
    width: auto; }
  .article.detail .article-body article figure label {
    font-size: 0.75rem;
    margin-bottom: 0px;
    font-weight: 400;
    color: #aaa; }
  .article.detail .article-body article a.brand-link {
    color: #214a8c; }
    .article.detail .article-body article a.brand-link:hover {
      color: #08285c; }
  .article.detail .article-body article p.brand-btn {
    display: inline-flex; }
    .article.detail .article-body article p.brand-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .article.detail .article-body article p.brand-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .article.detail .article-body article p.brand-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .article.detail .article-body article p.brand-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .article.detail .article-body article p.brand-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .article.detail .article-body article p.brand-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .article.detail .article-body article p.brand-btn a:after {
        color: #fff; }
      .article.detail .article-body article p.brand-btn a:hover {
        color: #214a8c; }
      .article.detail .article-body article p.brand-btn a:hover:after {
        color: #214a8c; }
  .article.detail .article-body article p.dark-btn {
    display: inline-flex; }
    .article.detail .article-body article p.dark-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .article.detail .article-body article p.dark-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .article.detail .article-body article p.dark-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .article.detail .article-body article p.dark-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .article.detail .article-body article p.dark-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .article.detail .article-body article p.dark-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .article.detail .article-body article p.dark-btn a:after {
        color: #fff; }
      .article.detail .article-body article p.dark-btn a:hover {
        color: #214a8c; }
      .article.detail .article-body article p.dark-btn a:hover:after {
        color: #214a8c; }
    .article.detail .article-body article p.dark-btn a {
      background: #222;
      border-color: #222; }
      .article.detail .article-body article p.dark-btn a:hover {
        color: #222; }
      .article.detail .article-body article p.dark-btn a:hover:after {
        color: #222; }
  .article.detail .article-body article p.white-btn {
    display: inline-flex; }
    .article.detail .article-body article p.white-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .article.detail .article-body article p.white-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .article.detail .article-body article p.white-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .article.detail .article-body article p.white-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .article.detail .article-body article p.white-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  .article.detail .article-body article a {
    color: #666;
    text-decoration: underline;
    color: #222; }
    .article.detail .article-body article a:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .article.detail .article-body article p {
    margin-bottom: 15px; }
  .article.detail .article-body article p:only-child {
    margin-bottom: 0px; }
  .article.detail .article-body article p ~ br {
    display: none; }
  .article.detail .article-body article p + ul, .article.detail .article-body article ul + p {
    margin-top: 15px; }
  .article.detail .article-body article ul {
    margin-bottom: 0px; }
  .article.detail .article-body article label {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px; }
  .article.detail .article-body article ul li, .article.detail .article-body article ol li {
    margin-bottom: 10px;
    width: 100%; }
  .article.detail .article-body article ol {
    padding-left: 20px; }
    .article.detail .article-body article ol li {
      padding-left: 5px; }
  .article.detail .article-body article ul {
    padding-left: 0px; }
    .article.detail .article-body article ul li {
      list-style: none;
      position: relative;
      padding-left: 25px; }
    .article.detail .article-body article ul li:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      content: "\e930";
      margin-right: 10px;
      color: #666;
      position: absolute;
      left: 0px;
      font-size: 1rem; }
    .article.detail .article-body article ul li:nth-last-child(1) {
      margin-bottom: 0px; }
  @media (max-width: 991px) {
    .article.detail .article-body article label {
      font-size: 1rem;
      margin-bottom: 0px; } }
  .article.detail .article-body article .bold-txt {
    font-weight: 600; }
  .article.detail .article-body article .center {
    text-align: center; }
  .article.detail .article-body article .left {
    text-align: left; }
  .article.detail .article-body article .right {
    text-align: right; }
  .article.detail .article-body article .heading, .article.detail .article-body article .lg-heading {
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.75px; }
  .article.detail .article-body article .lg-heading {
    font-size: 2rem;
    font-weight: 600; }
  .article.detail .article-body article .body-title, .article.detail .article-body article .lg-txt {
    font-size: 1.25rem;
    color: #222; }
  .article.detail .article-body article .row > div, .article.detail .article-body article .btm-space {
    margin-bottom: 40px; }
  .article.detail .article-body article .noPadLR {
    padding-left: 0px;
    padding-right: 0px; }
  .article.detail .article-body article .noPadL {
    padding-left: 0px; }
  .article.detail .article-body article .noPadR {
    padding-right: 0px; }
  .article.detail .article-body article .wide {
    min-width: 50%; }
  .article.detail .article-body article .row.center {
    justify-content: center;
    text-align: left; }
  .article.detail .article-body article .brand-color {
    color: #214a8c; }
  @media (max-width: 991px) {
    .article.detail .article-body article .row > div, .article.detail .article-body article .btm-space {
      margin-bottom: 20px; }
    .article.detail .article-body article .body-title, .article.detail .article-body article .lg-txt {
      font-size: 1rem; }
    .article.detail .article-body article .heading {
      font-size: 1.25rem; } }
.article.detail .back {
  background: #eee;
  padding: 40px 0px;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 60px; }
  .article.detail .back a {
    color: #222;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 600; }
    .article.detail .back a:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e910";
      top: -2px; }
    .article.detail .back a:hover {
      color: #214a8c; }
    .article.detail .back a:hover:before {
      right: 5px; }
  @media (max-width: 991px) {
    .article.detail .back {
      padding: 15px 0px;
      margin-top: 15px; } }
.article.detail img {
  width: 100%; }
@media (max-width: 991px) {
  .article.detail .header {
    padding: 25px 0px; }
  .article.detail .article-body {
    padding-bottom: 25px; }
    .article.detail .article-body article ul li {
      width: 100%; } }

.careers section {
  margin: 40px auto;
  padding: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .careers section {
      margin: 15px auto; } }
  .careers section h1 {
    color: #222;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px;
    letter-spacing: 0.75px;
    color: #222;
    font-family: "Poppins", sans-serif;
    margin-bottom: 30px;
    letter-spacing: 0.75px;
    font-size: 1.5rem;
    text-align: center; }
    .careers section h1:after {
      display: block;
      width: 50px;
      border-bottom: 3px solid #214a8c;
      content: "";
      padding-top: 10px;
      margin: 0px auto; }
    @media (max-width: 991px) {
      .careers section h1 {
        margin-bottom: 20px; } }
    .careers section h1:after {
      display: block;
      width: 50px;
      border-bottom: 3px solid #214a8c;
      content: "";
      padding-top: 10px;
      margin: 0px auto; }
    @media (max-width: 991px) {
      .careers section h1 {
        margin-bottom: 20px; } }
    @media (max-width: 991px) {
      .careers section h1 {
        font-size: 1.25rem; } }
    .careers section h1:after {
      display: block;
      width: 50px;
      border-bottom: 3px solid #214a8c;
      content: "";
      padding-top: 10px; }
.careers .text article figure img {
  max-width: 100%;
  height: auto;
  width: auto; }
.careers .text article figure label {
  font-size: 0.75rem;
  margin-bottom: 0px;
  font-weight: 400;
  color: #aaa; }
.careers .text article a.brand-link {
  color: #214a8c; }
  .careers .text article a.brand-link:hover {
    color: #08285c; }
.careers .text article p.brand-btn {
  display: inline-flex; }
  .careers .text article p.brand-btn a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .careers .text article p.brand-btn a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .careers .text article p.brand-btn a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .careers .text article p.brand-btn a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .careers .text article p.brand-btn a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .careers .text article p.brand-btn a {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
    .careers .text article p.brand-btn a:after {
      color: #fff; }
    .careers .text article p.brand-btn a:hover {
      color: #214a8c; }
    .careers .text article p.brand-btn a:hover:after {
      color: #214a8c; }
.careers .text article p.dark-btn {
  display: inline-flex; }
  .careers .text article p.dark-btn a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .careers .text article p.dark-btn a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .careers .text article p.dark-btn a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .careers .text article p.dark-btn a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .careers .text article p.dark-btn a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .careers .text article p.dark-btn a {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
    .careers .text article p.dark-btn a:after {
      color: #fff; }
    .careers .text article p.dark-btn a:hover {
      color: #214a8c; }
    .careers .text article p.dark-btn a:hover:after {
      color: #214a8c; }
  .careers .text article p.dark-btn a {
    background: #222;
    border-color: #222; }
    .careers .text article p.dark-btn a:hover {
      color: #222; }
    .careers .text article p.dark-btn a:hover:after {
      color: #222; }
.careers .text article p.white-btn {
  display: inline-flex; }
  .careers .text article p.white-btn a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .careers .text article p.white-btn a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .careers .text article p.white-btn a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .careers .text article p.white-btn a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .careers .text article p.white-btn a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
.careers .text article a {
  color: #666;
  text-decoration: underline;
  color: #222; }
  .careers .text article a:hover {
    text-decoration: none;
    color: #214a8c;
    cursor: pointer; }
.careers .text article p {
  margin-bottom: 15px; }
.careers .text article p:only-child {
  margin-bottom: 0px; }
.careers .text article p ~ br {
  display: none; }
.careers .text article p + ul, .careers .text article ul + p {
  margin-top: 15px; }
.careers .text article ul {
  margin-bottom: 0px; }
.careers .text article label {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px; }
.careers .text article ul li, .careers .text article ol li {
  margin-bottom: 10px;
  width: 100%; }
.careers .text article ol {
  padding-left: 20px; }
  .careers .text article ol li {
    padding-left: 5px; }
.careers .text article ul {
  padding-left: 0px; }
  .careers .text article ul li {
    list-style: none;
    position: relative;
    padding-left: 25px; }
  .careers .text article ul li:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    content: "\e930";
    margin-right: 10px;
    color: #666;
    position: absolute;
    left: 0px;
    font-size: 1rem; }
  .careers .text article ul li:nth-last-child(1) {
    margin-bottom: 0px; }
@media (max-width: 991px) {
  .careers .text article label {
    font-size: 1rem;
    margin-bottom: 0px; } }
.careers .text article .bold-txt {
  font-weight: 600; }
.careers .text article .center {
  text-align: center; }
.careers .text article .left {
  text-align: left; }
.careers .text article .right {
  text-align: right; }
.careers .text article .heading, .careers .text article .lg-heading {
  font-size: 1.5rem;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.75px; }
.careers .text article .lg-heading {
  font-size: 2rem;
  font-weight: 600; }
.careers .text article .body-title, .careers .text article .lg-txt {
  font-size: 1.25rem;
  color: #222; }
.careers .text article .row > div, .careers .text article .btm-space {
  margin-bottom: 40px; }
.careers .text article .noPadLR {
  padding-left: 0px;
  padding-right: 0px; }
.careers .text article .noPadL {
  padding-left: 0px; }
.careers .text article .noPadR {
  padding-right: 0px; }
.careers .text article .wide {
  min-width: 50%; }
.careers .text article .row.center {
  justify-content: center;
  text-align: left; }
.careers .text article .brand-color {
  color: #214a8c; }
@media (max-width: 991px) {
  .careers .text article .row > div, .careers .text article .btm-space {
    margin-bottom: 20px; }
  .careers .text article .body-title, .careers .text article .lg-txt {
    font-size: 1rem; }
  .careers .text article .heading {
    font-size: 1.25rem; } }
.careers .text article h4 {
  font-size: 1.25rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 500; }
.careers .listing {
  clear: both;
  position: relative; }
  .careers .listing .page-th > .col, .careers .listing .page .details > .col {
    padding-left: 0px;
    padding-right: 0px; }
  .careers .listing .page-th .price, .careers .listing .page-th .qty, .careers .listing .page .details .price, .careers .listing .page .details .qty {
    text-align: right; }
  .careers .listing .page-th .col.price, .careers .listing .page-th .ordered, .careers .listing .page .details .col.price, .careers .listing .page .details .ordered {
    max-width: 13.33%; }
  .careers .listing .page-th .inventory, .careers .listing .page .details .inventory {
    max-width: 20%; }
  .careers .listing .page-th .col.qty, .careers .listing .page-th .col.total, .careers .listing .page .details .col.qty, .careers .listing .page .details .col.total {
    max-width: 16.666667%; }
  .careers .listing .page-th {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 7px 0px;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    width: 100%;
    align-items: center; }
    .careers .listing .page-th .col {
      word-break: break-word;
      line-height: 25px; }
    .careers .listing .page-th > .col:first-of-type {
      padding-left: 15px; }
    .careers .listing .page-th > .col:last-of-type {
      text-align: right;
      padding-right: 15px; }
  .careers .listing .page > form {
    margin: 0px; }
  .careers .listing .page .details {
    padding: 15px 0px;
    align-items: center;
    margin-top: 0px;
    position: relative; }
    .careers .listing .page .details .location {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin-right: 10px;
      margin-bottom: 10px; }
    .careers .listing .page .details .time, .careers .listing .page .details .type {
      font-weight: 600; }
    .careers .listing .page .details .icon {
      text-align: right;
      font-size: 1.5rem;
      padding-right: 10px; }
      .careers .listing .page .details .icon a {
        color: #214a8c;
        display: block; }
    .careers .listing .page .details .submit {
      text-align: right;
      padding-right: 0px;
      display: flex;
      justify-content: flex-end; }
      .careers .listing .page .details .submit input, .careers .listing .page .details .submit button {
        background: none !important;
        border-color: #fff;
        border: none;
        left: 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative;
        height: 25px; }
      .careers .listing .page .details .submit input {
        padding: 3px 15px; }
      .careers .listing .page .details .submit button {
        padding: 0px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
  .careers .listing .page .total {
    text-align: right;
    color: #222;
    font-weight: 600; }
  .careers .listing .page .details + .actions a .fe-download, .careers .listing .page .details + .actions a span, .careers .listing .page .details + .sub-total .actions a .fe-download, .careers .listing .page .details + .sub-total .actions a span {
    color: #214a8c; }
  .careers .listing .summary .page-th > .col {
    text-align: left; }
  .careers .listing .summary .page .details {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    flex-wrap: wrap;
    background: #fff; }
    .careers .listing .summary .page .details > .col {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3px;
      text-align: left; }
    .careers .listing .summary .page .details > .col .left {
      display: flex;
      align-items: center;
      line-height: 1rem; }
    .careers .listing .summary .page .details .eco .right {
      color: #10a700; }
    .careers .listing .summary .page .details .discount .right {
      color: #dc3545; }
      .careers .listing .summary .page .details .discount .right:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "-";
        padding-right: 2px;
        line-height: 1rem;
        color: #dc3545; }
    .careers .listing .summary .page .details .total {
      border-top: 1px solid #ccc;
      margin: 10px auto 0px;
      padding-top: 10px;
      align-items: center; }
      .careers .listing .summary .page .details .total .left {
        font-weight: 600; }
      .careers .listing .summary .page .details .total .right {
        font-size: 1.25rem; }
    .careers .listing .summary .page .details .sub-total .right, .careers .listing .summary .page .details .items .right {
      color: #222; }
    .careers .listing .summary .page .details .sub-total .right, .careers .listing .summary .page .details .items .right, .careers .listing .summary .page .details .saving .right {
      font-weight: 700;
      font-size: 1rem; }
    .careers .listing .summary .page .details .saving {
      color: #10a700;
      margin-top: 10px; }
    .careers .listing .summary .page .details .supp {
      text-align: left;
      color: #666;
      font-size: 0.75rem; }
    .careers .listing .summary .page .details form {
      margin: 0px;
      width: 100%; }
    .careers .listing .summary .page .details .e-row {
      padding-bottom: 15px;
      margin-bottom: 0px; }
      .careers .listing .summary .page .details .e-row input[type="text"], .careers .listing .summary .page .details .e-row textarea {
        background: #fff !important;
        border-color: #ccc; }
      .careers .listing .summary .page .details .e-row input[type="image"] {
        position: absolute;
        right: 0px;
        bottom: 15px;
        width: 50px;
        border: 1px solid #214a8c;
        margin: 0px;
        padding: 15px;
        min-width: auto; }
      .careers .listing .summary .page .details .e-row p.note {
        margin: 0px; }
      .careers .listing .summary .page .details .e-row label.e-label {
        font-size: 0.8rem; }
    .careers .listing .summary .page .details .col.total {
      max-width: 100%; }
    .careers .listing .summary .page .details .submit-btn {
      margin: 10px auto;
      max-width: 240px;
      width: 100%; }
    .careers .listing .summary .page .details.save-cart .submit-btn {
      margin-bottom: 0px; }
  .careers .listing .summary .page .details.proceed .e-group, .careers .listing .summary .page .details.proceed form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px;
    width: 100%; }
    .careers .listing .summary .page .details.proceed .e-group .add-cart, .careers .listing .summary .page .details.proceed form .add-cart {
      width: 240px; }
    .careers .listing .summary .page .details.proceed .e-group .add-more, .careers .listing .summary .page .details.proceed form .add-more {
      width: 240px;
      height: 50px;
      margin: 10px 0px;
      font-size: 1rem; }
      .careers .listing .summary .page .details.proceed .e-group .add-more i, .careers .listing .summary .page .details.proceed form .add-more i {
        font-size: 1.25rem; }
    .careers .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .careers .listing .summary .page .details.proceed form .add-more.btn-sml:before {
      display: none; }
  .careers .listing .summary .page .details.proceed .e-row {
    padding-bottom: 0px;
    width: 100%; }
    .careers .listing .summary .page .details.proceed .e-row a:hover {
      color: #fff; }
  .careers .listing .summary .page .details.proceed .supp {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .careers .listing .summary .page .details.proceed .supp a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline;
      margin-left: 5px; }
      .careers .listing .summary .page .details.proceed .supp a:hover {
        color: #214a8c;
        text-decoration: none; }
  .careers .listing .summary .page .details.proceed .slide-out {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px auto;
    border: none;
    margin-top: 1px; }
    .careers .listing .summary .page .details.proceed .slide-out .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .careers .listing .summary .page .details.proceed .slide-out .mode + .mode {
      border-left: none; }
    .careers .listing .summary .page .details.proceed .slide-out .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .careers .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .careers .listing .summary .page .details.proceed .slide-out .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .careers .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .careers .listing .summary .page .details.proceed .slide-out {
        flex-wrap: wrap;
        min-width: 100%; }
        .careers .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .careers .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .careers .listing .summary .page .details.proceed .slide-out div.center {
      padding: 10px 0px; }
    .careers .listing .summary .page .details.proceed .slide-out .mode-selection {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 0px 15px; }
      .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
        height: auto;
        padding: 0px;
        width: 100%; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
          height: 30px; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          height: 50px; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          position: relative; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
            display: inherit; }
            .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            min-width: 170px; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
          color: #222; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
          color: #222; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
          color: #222; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
          flex-wrap: wrap;
          width: 100%; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            color: #666; }
          .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .careers .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            line-height: 30px; }
      .careers .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
        padding: 0px 15px;
        margin: 0px; }
      .careers .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
        height: 25px;
        background: none !important;
        margin: 10px 5px 0px;
        padding: 0px;
        width: auto;
        border: none; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .careers .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
          background: none !important;
          border: none !important; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .careers .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
          filter: grayscale(100%);
          pointer-events: none;
          cursor: default;
          opacity: 0.25; }
      .careers .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
        height: 25px; }
      .careers .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
        display: none; }
    @media (max-width: 767px) {
      .careers .listing .summary .page .details.proceed .slide-out {
        padding: 0px; }
        .careers .listing .summary .page .details.proceed .slide-out .mode-selection {
          flex-wrap: wrap;
          padding: 15px; } }
    .careers .listing .summary .page .details.proceed .slide-out .mode-selection {
      flex-wrap: wrap; }
  .careers .listing .summary .page .details.proceed .custom-radiobox {
    height: auto; }
  .careers .listing .summary .page .details.proceed p.center {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0px; }
  .careers .listing .summary .page .details.proceed .e-row + .supp.text-center {
    margin: -10px auto 10px; }
  .careers .listing .summary .page .details.proceed.sticky-div form {
    width: auto; }
  .careers .listing #accordion, .careers .listing #braidAccordian {
    flex-wrap: wrap; }
    .careers .listing #accordion .title-link, .careers .listing #braidAccordian .title-link {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center;
      padding: 10px 15px;
      text-align: left;
      cursor: pointer;
      line-height: normal;
      text-transform: capitalize; }
      .careers .listing #accordion .title-link .col, .careers .listing #braidAccordian .title-link .col {
        word-break: break-word;
        line-height: 25px; }
    .careers .listing #accordion .title-link.collapsed, .careers .listing #braidAccordian .title-link.collapsed {
      color: #666; }
    .careers .listing #accordion .title-link:after, .careers .listing #braidAccordian .title-link:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e996";
      color: #666;
      line-height: calc(20px + 2px);
      float: right; }
    .careers .listing #accordion .title-link.collapsed:after, .careers .listing #braidAccordian .title-link.collapsed:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e9b1";
      color: #666; }
    .careers .listing #accordion .title-link + .collapse + .title-link, .careers .listing #braidAccordian .title-link + .collapse + .title-link {
      border-top: none; }
    .careers .listing #accordion .collapse:not(.show), .careers .listing #braidAccordian .collapse:not(.show) {
      display: none; }
    .careers .listing #accordion .details, .careers .listing #braidAccordian .details {
      width: 100%;
      border: 1px solid #ccc;
      border-top: none; }
  .careers .listing .td-1 {
    max-width: 8.33%; }
  .careers .listing .td-2 {
    max-width: 16.666667%; }
  .careers .listing .td-3 {
    max-width: 25%; }
  .careers .listing .td-4 {
    max-width: 33.333333%; }
  .careers .listing .td-5 {
    max-width: 41.666667%; }
  .careers .listing .td-6 {
    max-width: 50%; }
  .careers .listing .td-7 {
    max-width: 58.33%; }
  .careers .listing .td-8 {
    max-width: 66.66%; }
  .careers .listing .td-9 {
    max-width: 75%; }
  .careers .listing .td-10 {
    max-width: 83.33333333%; }
  .careers .listing .td-11 {
    max-width: 91.66666667%; }
  .careers .listing .td-12 {
    max-width: 100%;
    flex: 0 0 100%; }
  .careers .listing .center {
    text-align: center; }
  .careers .listing .right {
    justify-content: flex-end;
    text-align: right;
    padding: 0px; }
  .careers .listing .left {
    align-items: self-start;
    text-align: left;
    padding: 0px; }
  .careers .listing .col-9.left {
    padding-right: 20px; }
  .careers .listing .actions {
    font-size: 0.875rem;
    flex-wrap: wrap;
    background: #fff;
    /* EXPLORER ONLY */ }
    .careers .listing .actions .results {
      color: #222; }
      .careers .listing .actions .results span {
        margin-right: 5px;
        font-weight: 600; }
    .careers .listing .actions .search {
      margin: 0px auto;
      padding: 0px;
      max-width: 50%;
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      justify-content: center; }
      .careers .listing .actions .search input, .careers .listing .actions .search button {
        border-radius: 0px;
        float: left; }
      .careers .listing .actions .search input:focus, .careers .listing .actions .search button:focus {
        box-shadow: none;
        border-color: #666 !important; }
      .careers .listing .actions .search input {
        color: #222;
        background: #fff !important;
        border-color: #ccc;
        font-size: 0.95rem;
        width: 300px; }
      .careers .listing .actions .search button {
        width: 50px;
        border-left: none;
        border-color: #ccc;
        padding: 5px; }
        .careers .listing .actions .search button i {
          color: #666;
          font-size: 1.5rem;
          top: 2px;
          position: relative; }
        .careers .listing .actions .search button:hover {
          border-color: #666; }
      @media (max-width: 991px) {
        .careers .listing .actions .search button {
          width: 40px; }
        .careers .listing .actions .search input, .careers .listing .actions .search button {
          height: 40px; }
        .careers .listing .actions .search input {
          width: 100%; } }
      @media (max-width: 767px) {
        .careers .listing .actions .search input {
          width: calc(100% - 40px); } }
      .careers .listing .actions .search input, .careers .listing .actions .search textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .careers .listing .actions .search input, .careers .listing .actions .search button {
        height: 30px; }
      .careers .listing .actions .search textarea {
        height: 50px; }
      .careers .listing .actions .search span {
        padding-right: 10px;
        color: #222; }
      .careers .listing .actions .search input {
        width: 200px;
        font-size: 0.8rem;
        height: 30px; }
      .careers .listing .actions .search button {
        width: 30px;
        height: 30px; }
        .careers .listing .actions .search button i {
          font-size: 1rem;
          top: -2px; }
      @media (max-width: 991px) {
        .careers .listing .actions .search input {
          width: 170px; } }
      @media (max-width: 767px) {
        .careers .listing .actions .search {
          max-width: 100%;
          flex: 0 0 100%; } }
    .careers .listing .actions .search:only-child {
      padding: 10px; }
    .careers .listing .actions a.pdf-export, .careers .listing .actions a.excel-export, .careers .listing .actions a.import-pro {
      cursor: pointer;
      position: relative; }
      .careers .listing .actions a.pdf-export.active, .careers .listing .actions a.excel-export.active, .careers .listing .actions a.import-pro.active {
        color: #214a8c; }
        .careers .listing .actions a.pdf-export.active:before, .careers .listing .actions a.excel-export.active:before, .careers .listing .actions a.import-pro.active:before {
          content: "";
          top: -7px;
          margin: 0px auto;
          height: 10px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #666;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          top: calc(20px + 7px);
          left: 50%; }
    .careers .listing .actions #exportPdf, .careers .listing .actions #exportExcel, .careers .listing .actions #importPro {
      border: 1px solid #666;
      margin: 7px 0px 10px;
      padding: 0px;
      height: auto;
      background: #fff; }
      .careers .listing .actions #exportPdf form, .careers .listing .actions #exportExcel form, .careers .listing .actions #importPro form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0px; }
        .careers .listing .actions #exportPdf form label, .careers .listing .actions #exportExcel form label, .careers .listing .actions #importPro form label {
          margin-bottom: 0px;
          text-align: left; }
        .careers .listing .actions #exportPdf form > div, .careers .listing .actions #exportExcel form > div, .careers .listing .actions #importPro form > div {
          padding: 0px 15px;
          height: 50px;
          display: flex;
          align-items: center;
          flex-direction: row; }
        .careers .listing .actions #exportPdf form > div:not(.generate), .careers .listing .actions #exportExcel form > div:not(.generate), .careers .listing .actions #importPro form > div:not(.generate) {
          border-bottom: 1px solid #ddd; }
        .careers .listing .actions #exportPdf form .left, .careers .listing .actions #exportExcel form .left, .careers .listing .actions #importPro form .left {
          max-width: 25%;
          flex: 0 0 25%;
          line-height: 1rem;
          justify-content: flex-end; }
        .careers .listing .actions #exportPdf form .right, .careers .listing .actions #exportExcel form .right, .careers .listing .actions #importPro form .right {
          max-width: 75%;
          flex: 0 0 75%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          border-left: 1px solid #ddd; }
        .careers .listing .actions #exportPdf form .attachment, .careers .listing .actions #exportExcel form .attachment, .careers .listing .actions #importPro form .attachment {
          flex-wrap: wrap;
          padding: 15px;
          display: none;
          height: auto; }
          .careers .listing .actions #exportPdf form .attachment > div, .careers .listing .actions #exportExcel form .attachment > div, .careers .listing .actions #importPro form .attachment > div {
            width: 100%;
            display: flex;
            padding: 0px; }
          .careers .listing .actions #exportPdf form .attachment .col-3, .careers .listing .actions #exportPdf form .attachment .col-9, .careers .listing .actions #exportExcel form .attachment .col-3, .careers .listing .actions #exportExcel form .attachment .col-9, .careers .listing .actions #importPro form .attachment .col-3, .careers .listing .actions #importPro form .attachment .col-9 {
            float: left;
            flex-wrap: wrap; }
            .careers .listing .actions #exportPdf form .attachment .col-3 > div, .careers .listing .actions #exportPdf form .attachment .col-9 > div, .careers .listing .actions #exportExcel form .attachment .col-3 > div, .careers .listing .actions #exportExcel form .attachment .col-9 > div, .careers .listing .actions #importPro form .attachment .col-3 > div, .careers .listing .actions #importPro form .attachment .col-9 > div {
              width: 100%;
              text-align: left; }
            .careers .listing .actions #exportPdf form .attachment .col-3 > label, .careers .listing .actions #exportPdf form .attachment .col-9 > label, .careers .listing .actions #exportExcel form .attachment .col-3 > label, .careers .listing .actions #exportExcel form .attachment .col-9 > label, .careers .listing .actions #importPro form .attachment .col-3 > label, .careers .listing .actions #importPro form .attachment .col-9 > label {
              margin-bottom: 10px; }
            .careers .listing .actions #exportPdf form .attachment .col-3 p.supp, .careers .listing .actions #exportPdf form .attachment .col-9 p.supp, .careers .listing .actions #exportExcel form .attachment .col-3 p.supp, .careers .listing .actions #exportExcel form .attachment .col-9 p.supp, .careers .listing .actions #importPro form .attachment .col-3 p.supp, .careers .listing .actions #importPro form .attachment .col-9 p.supp {
              position: relative;
              margin: 0px 0px 0px 10px; }
          .careers .listing .actions #exportPdf form .attachment .col-9, .careers .listing .actions #exportExcel form .attachment .col-9, .careers .listing .actions #importPro form .attachment .col-9 {
            padding-left: 15px; }
          .careers .listing .actions #exportPdf form .attachment .text, .careers .listing .actions #exportPdf form .attachment .image, .careers .listing .actions #exportExcel form .attachment .text, .careers .listing .actions #exportExcel form .attachment .image, .careers .listing .actions #importPro form .attachment .text, .careers .listing .actions #importPro form .attachment .image {
            margin: 0px 0px 5px; }
            .careers .listing .actions #exportPdf form .attachment .text p, .careers .listing .actions #exportPdf form .attachment .image p, .careers .listing .actions #exportExcel form .attachment .text p, .careers .listing .actions #exportExcel form .attachment .image p, .careers .listing .actions #importPro form .attachment .text p, .careers .listing .actions #importPro form .attachment .image p {
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              font-weight: 400;
              margin: 0px; }
          .careers .listing .actions #exportPdf form .attachment .image, .careers .listing .actions #exportExcel form .attachment .image, .careers .listing .actions #importPro form .attachment .image {
            display: flex;
            align-items: center;
            flex-direction: row;
            margin: 0px;
            width: 100%; }
            .careers .listing .actions #exportPdf form .attachment .image p, .careers .listing .actions #exportExcel form .attachment .image p, .careers .listing .actions #importPro form .attachment .image p {
              font-style: italic;
              margin: 0px 10px; }
            .careers .listing .actions #exportPdf form .attachment .image img, .careers .listing .actions #exportExcel form .attachment .image img, .careers .listing .actions #importPro form .attachment .image img {
              max-width: 100px;
              width: auto;
              max-height: 40px; }
          .careers .listing .actions #exportPdf form .attachment .btns, .careers .listing .actions #exportExcel form .attachment .btns, .careers .listing .actions #importPro form .attachment .btns {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .careers .listing .actions #exportPdf form .attachment .btns i, .careers .listing .actions #exportExcel form .attachment .btns i, .careers .listing .actions #importPro form .attachment .btns i {
              font-size: calc(20px + 2px);
              margin-right: 5px; }
            .careers .listing .actions #exportPdf form .attachment .btns a, .careers .listing .actions #exportPdf form .attachment .btns input, .careers .listing .actions #exportPdf form .attachment .btns button, .careers .listing .actions #exportExcel form .attachment .btns a, .careers .listing .actions #exportExcel form .attachment .btns input, .careers .listing .actions #exportExcel form .attachment .btns button, .careers .listing .actions #importPro form .attachment .btns a, .careers .listing .actions #importPro form .attachment .btns input, .careers .listing .actions #importPro form .attachment .btns button {
              border: none;
              background: none;
              padding: 0px;
              height: 20px;
              cursor: pointer;
              margin-right: 10px;
              font-size: 0.875rem;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              display: flex;
              align-items: center; }
              .careers .listing .actions #exportPdf form .attachment .btns a:focus, .careers .listing .actions #exportPdf form .attachment .btns input:focus, .careers .listing .actions #exportPdf form .attachment .btns button:focus, .careers .listing .actions #exportExcel form .attachment .btns a:focus, .careers .listing .actions #exportExcel form .attachment .btns input:focus, .careers .listing .actions #exportExcel form .attachment .btns button:focus, .careers .listing .actions #importPro form .attachment .btns a:focus, .careers .listing .actions #importPro form .attachment .btns input:focus, .careers .listing .actions #importPro form .attachment .btns button:focus {
                border: none;
                background: none; }
              .careers .listing .actions #exportPdf form .attachment .btns a:hover, .careers .listing .actions #exportPdf form .attachment .btns input:hover, .careers .listing .actions #exportPdf form .attachment .btns button:hover, .careers .listing .actions #exportExcel form .attachment .btns a:hover, .careers .listing .actions #exportExcel form .attachment .btns input:hover, .careers .listing .actions #exportExcel form .attachment .btns button:hover, .careers .listing .actions #importPro form .attachment .btns a:hover, .careers .listing .actions #importPro form .attachment .btns input:hover, .careers .listing .actions #importPro form .attachment .btns button:hover {
                color: #214a8c; }
            .careers .listing .actions #exportPdf form .attachment .btns button + button, .careers .listing .actions #exportPdf form .attachment .btns a + a, .careers .listing .actions #exportPdf form .attachment .btns input + input, .careers .listing .actions #exportExcel form .attachment .btns button + button, .careers .listing .actions #exportExcel form .attachment .btns a + a, .careers .listing .actions #exportExcel form .attachment .btns input + input, .careers .listing .actions #importPro form .attachment .btns button + button, .careers .listing .actions #importPro form .attachment .btns a + a, .careers .listing .actions #importPro form .attachment .btns input + input {
              pointer-events: none;
              color: #ccc; }
            .careers .listing .actions #exportPdf form .attachment .btns .image, .careers .listing .actions #exportExcel form .attachment .btns .image, .careers .listing .actions #importPro form .attachment .btns .image {
              margin-top: 15px;
              padding-top: 15px;
              border-top: 1px solid #ddd;
              flex-wrap: wrap;
              height: auto; }
              .careers .listing .actions #exportPdf form .attachment .btns .image > div, .careers .listing .actions #exportExcel form .attachment .btns .image > div, .careers .listing .actions #importPro form .attachment .btns .image > div {
                max-width: 50%;
                flex: 0 0 50%;
                display: flex;
                align-items: center; }
        .careers .listing .actions #exportPdf form .address-list, .careers .listing .actions #exportExcel form .address-list, .careers .listing .actions #importPro form .address-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 0px;
          padding: 15px;
          height: auto;
          border-left: none; }
          .careers .listing .actions #exportPdf form .address-list div, .careers .listing .actions #exportExcel form .address-list div, .careers .listing .actions #importPro form .address-list div {
            padding: 0px;
            font-family: "Open Sans", sans-serif; }
          .careers .listing .actions #exportPdf form .address-list > div:not(.d-flex), .careers .listing .actions #exportExcel form .address-list > div:not(.d-flex), .careers .listing .actions #importPro form .address-list > div:not(.d-flex) {
            padding: 5px 0px;
            text-align: left; }
          .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 {
            max-width: calc(50% - 10px);
            flex: 0 0 50%;
            position: relative; }
            .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 label {
              display: inherit; }
              .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .careers .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .careers .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .careers .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .careers .listing .actions #exportPdf form .address-list .btn-block, .careers .listing .actions #exportExcel form .address-list .btn-block, .careers .listing .actions #importPro form .address-list .btn-block {
            border: none; }
            .careers .listing .actions #exportPdf form .address-list .btn-block a, .careers .listing .actions #exportExcel form .address-list .btn-block a, .careers .listing .actions #importPro form .address-list .btn-block a {
              height: 30px; }
        .careers .listing .actions #exportPdf form .attachment, .careers .listing .actions #exportPdf form .address-list, .careers .listing .actions #exportExcel form .attachment, .careers .listing .actions #exportExcel form .address-list, .careers .listing .actions #importPro form .attachment, .careers .listing .actions #importPro form .address-list {
          max-width: 100%;
          flex: 0 0 100%;
          padding-left: calc(25% + 15px); }
        .careers .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .careers .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .careers .listing .actions #importPro form .btn-sml.btn-dark-bdr {
          margin: 0px; }
        .careers .listing .actions #exportPdf form .generate, .careers .listing .actions #exportExcel form .generate, .careers .listing .actions #importPro form .generate {
          padding: 15px;
          justify-content: center; }
          .careers .listing .actions #exportPdf form .generate .btn-sml, .careers .listing .actions #exportExcel form .generate .btn-sml, .careers .listing .actions #importPro form .generate .btn-sml {
            max-width: 100px; }
        .careers .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .careers .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .careers .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
          pointer-events: none;
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer */
          -khtml-user-select: none;
          /* KHTML browsers (e.g. Konqueror) */
          -webkit-user-select: none;
          /* Chrome, Safari, and Opera */
          -webkit-touch-callout: none;
          /* Disable Android and iOS callouts*/
          opacity: 0.25; }
        .careers .listing .actions #exportPdf form .img, .careers .listing .actions #exportExcel form .img, .careers .listing .actions #importPro form .img {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .careers .listing .actions #exportPdf form .img .text p, .careers .listing .actions #exportExcel form .img .text p, .careers .listing .actions #importPro form .img .text p {
            margin-bottom: 0px;
            text-align: left; }
          .careers .listing .actions #exportPdf form .img p.supp, .careers .listing .actions #exportExcel form .img p.supp, .careers .listing .actions #importPro form .img p.supp {
            width: 100%;
            margin: 0px 0px 10px;
            position: inherit;
            text-align: left; }
          .careers .listing .actions #exportPdf form .img img, .careers .listing .actions #exportExcel form .img img, .careers .listing .actions #importPro form .img img {
            padding-right: 15px; }
    .careers .listing .actions #exportPdf:not(.show), .careers .listing .actions #exportExcel:not(.show), .careers .listing .actions #importPro:not(.show) {
      display: none; }
    @media (max-width: 991px) {
      .careers .listing .actions #exportPdf form > div, .careers .listing .actions #exportExcel form > div, .careers .listing .actions #importPro form > div {
        height: auto;
        padding: 10px !important; }
      .careers .listing .actions #exportPdf form .custom-checkbox, .careers .listing .actions #exportExcel form .custom-checkbox, .careers .listing .actions #importPro form .custom-checkbox {
        height: 30px; }
      .careers .listing .actions #exportPdf form .left, .careers .listing .actions #exportPdf form .right, .careers .listing .actions #exportExcel form .left, .careers .listing .actions #exportExcel form .right, .careers .listing .actions #importPro form .left, .careers .listing .actions #importPro form .right {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 10px; }
      .careers .listing .actions #exportPdf form .left, .careers .listing .actions #exportExcel form .left, .careers .listing .actions #importPro form .left {
        border-bottom: none !important;
        padding-bottom: 0px !important; }
      .careers .listing .actions #exportPdf form .address-list, .careers .listing .actions #exportExcel form .address-list, .careers .listing .actions #importPro form .address-list {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .careers .listing .actions #exportPdf form label, .careers .listing .actions #exportExcel form label, .careers .listing .actions #importPro form label {
        justify-content: flex-start; }
      .careers .listing .actions #exportPdf form .right, .careers .listing .actions #exportExcel form .right, .careers .listing .actions #importPro form .right {
        border-left: none;
        margin: 0px; }
      .careers .listing .actions #exportPdf form .attachment, .careers .listing .actions #exportExcel form .attachment, .careers .listing .actions #importPro form .attachment {
        padding: 10px; }
        .careers .listing .actions #exportPdf form .attachment .col-3, .careers .listing .actions #exportPdf form .attachment .col-9, .careers .listing .actions #exportExcel form .attachment .col-3, .careers .listing .actions #exportExcel form .attachment .col-9, .careers .listing .actions #importPro form .attachment .col-3, .careers .listing .actions #importPro form .attachment .col-9 {
          max-width: 100%;
          flex: 0 0 100%; }
        .careers .listing .actions #exportPdf form .attachment .col-3, .careers .listing .actions #exportExcel form .attachment .col-3, .careers .listing .actions #importPro form .attachment .col-3 {
          margin-bottom: 10px;
          flex-wrap: nowrap; }
          .careers .listing .actions #exportPdf form .attachment .col-3 label, .careers .listing .actions #exportPdf form .attachment .col-3 .image, .careers .listing .actions #exportExcel form .attachment .col-3 label, .careers .listing .actions #exportExcel form .attachment .col-3 .image, .careers .listing .actions #importPro form .attachment .col-3 label, .careers .listing .actions #importPro form .attachment .col-3 .image {
            width: 50%;
            margin: 0px; }
        .careers .listing .actions #exportPdf form .attachment .col-9, .careers .listing .actions #exportExcel form .attachment .col-9, .careers .listing .actions #importPro form .attachment .col-9 {
          padding: 0px; }
          .careers .listing .actions #exportPdf form .attachment .col-9 p.supp, .careers .listing .actions #exportExcel form .attachment .col-9 p.supp, .careers .listing .actions #importPro form .attachment .col-9 p.supp {
            width: 50%; }
      .careers .listing .actions #exportPdf form .address-list .col-3, .careers .listing .actions #exportExcel form .address-list .col-3, .careers .listing .actions #importPro form .address-list .col-3 {
        max-width: 40%;
        flex: 0 0 40%; }
      .careers .listing .actions #exportPdf form .address-list .col-9, .careers .listing .actions #exportExcel form .address-list .col-9, .careers .listing .actions #importPro form .address-list .col-9 {
        max-width: 60%;
        flex: 0 0 60%; }
      .careers .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .careers .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .careers .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .careers .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .careers .listing .actions #importPro form .address-list > div:nth-of-type(1), .careers .listing .actions #importPro form .address-list > div:nth-of-type(2) {
        max-width: 100%;
        flex: 0 0 100%; }
      .careers .listing .actions #exportPdf form .img img, .careers .listing .actions #exportExcel form .img img, .careers .listing .actions #importPro form .img img {
        max-width: 100%;
        padding: 0px 0px 10px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .careers .listing .actions #exportPdf .custom-checkbox .custom-check, .careers .listing .actions #exportExcel .custom-checkbox .custom-check, .careers .listing .actions #importPro .custom-checkbox .custom-check {
        top: 1rem; } }
    .careers .listing .actions .slide-out {
      border: 1px solid #ccc;
      border-bottom: 0px; }
    .careers .listing .actions form {
      margin: 0px; }
    .careers .listing .actions .shared {
      padding: 0px;
      position: absolute;
      justify-content: flex-end;
      top: -100px;
      right: 0px; }
      .careers .listing .actions .shared .checkbox {
        background: #f5fefa;
        padding: 3px 25px 2px;
        border-radius: 4px;
        border: 1px solid #10a700; }
      .careers .listing .actions .shared .custom-input:checked ~ p {
        color: #10a700; }
      .careers .listing .actions .shared .email {
        display: flex; }
        .careers .listing .actions .shared .email i {
          line-height: 20px;
          color: #10a700;
          margin-right: 5px; }
          .careers .listing .actions .shared .email i span {
            font-family: "Open Sans", sans-serif;
            margin: 0px 5px; }
        .careers .listing .actions .shared .email p {
          margin: 0px;
          color: #222; }
    .careers .listing .actions .left, .careers .listing .actions > .center, .careers .listing .actions .right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      display: flex;
      align-items: center;
      max-width: max-content;
      flex: 0 0 auto;
      min-height: 30px; }
    .careers .listing .actions .right {
      margin-left: auto; }
    .careers .listing .actions .action-link, .careers .listing .actions .left > a, .careers .listing .actions .right > a {
      border: none;
      background: none;
      padding: 0px;
      cursor: pointer;
      height: 30px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      color: #222;
      display: flex;
      align-items: center; }
      .careers .listing .actions .action-link:hover, .careers .listing .actions .left > a:hover, .careers .listing .actions .right > a:hover {
        color: #214a8c;
        text-decoration: none; }
      .careers .listing .actions .action-link span, .careers .listing .actions .left > a span, .careers .listing .actions .right > a span {
        margin-left: 5px; }
      .careers .listing .actions .action-link span:empty, .careers .listing .actions .left > a span:empty, .careers .listing .actions .right > a span:empty {
        display: none; }
    .careers .listing .actions .action-link, .careers .listing .actions a + a, .careers .listing .actions .checkbox + a {
      margin-left: 20px; }
    .careers .listing .actions .action-link.disabled {
      color: #ccc;
      cursor: default;
      pointer-events: none; }
    .careers .listing .actions .custom-checkbox p {
      color: #222; }
    .careers .listing .actions .custom-checkbox:hover p {
      color: #214a8c; }
  .careers .listing .actions ~ .d-flex {
    margin-top: -1px; }
  .careers .listing > .actions, .careers .listing .sub-header ~ .actions {
    border: none;
    padding: 7px 0px; }
  .careers .listing .actions.sticky-div {
    border-bottom: 1px solid #ccc; }
    .careers .listing .actions.sticky-div .right {
      margin: 10px 0px 10px auto; }
  @media (max-width: 991px) {
    .careers .listing .actions {
      font-size: 0.8rem; }
      .careers .listing .actions .shared {
        top: calc(10px - 100px);
        margin: auto;
        left: 0px;
        right: 0px; }
      .careers .listing .actions .left .action-link i {
        font-size: 1rem; }
      .careers .listing .actions .left a.action-link, .careers .listing .actions .left .action-link i span {
        display: none !important; } }
  @media (max-width: 767px) {
    .careers .listing .actions {
      justify-content: center; }
      .careers .listing .actions .shared {
        top: calc(10px - 150px); }
      .careers .listing .actions .action-link, .careers .listing .actions a + a, .careers .listing .actions .checkbox + a {
        margin-left: 15px; }
      .careers .listing .actions > .right {
        justify-content: center; }
      .careers .listing .actions .search + .right {
        margin-left: 0px; } }
  .careers .listing .add-more[aria-expanded="true"] {
    background: #214a8c !important;
    color: #fff !important;
    border-color: #214a8c;
    position: relative; }
    .careers .listing .add-more[aria-expanded="true"]:hover, .careers .listing .add-more[aria-expanded="true"]:focus {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c; }
      .careers .listing .add-more[aria-expanded="true"]:hover i, .careers .listing .add-more[aria-expanded="true"]:focus i {
        color: #fff; }
    .careers .listing .add-more[aria-expanded="true"]:before {
      content: "";
      top: -7px;
      margin: 0px auto;
      height: 10px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #666;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      top: auto;
      bottom: calc(3px - 15px); }
  .careers .listing .add-more[aria-expanded="false"], .careers .listing .add-more.collapsed {
    background: #fff !important;
    border: 1px solid #214a8c;
    color: #214a8c !important; }
    .careers .listing .add-more[aria-expanded="false"]:hover, .careers .listing .add-more[aria-expanded="false"]:focus, .careers .listing .add-more.collapsed:hover, .careers .listing .add-more.collapsed:focus {
      background: #08285c !important;
      color: #fff !important; }
    .careers .listing .add-more[aria-expanded="false"]:hover, .careers .listing .add-more.collapsed:hover {
      border-color: #08285c; }
      .careers .listing .add-more[aria-expanded="false"]:hover i, .careers .listing .add-more.collapsed:hover i {
        color: #fff; }
  .careers .listing .add-more.cancel:before {
    display: none; }
  .careers .listing a.add-more.disabled {
    pointer-events: none;
    color: #ccc !important;
    border-color: #ccc; }
  .careers .listing button.links, .careers .listing a.links {
    border: none;
    color: #214a8c;
    height: auto;
    background: none;
    text-align: left;
    padding: 0px;
    cursor: pointer;
    color: #666;
    text-decoration: underline; }
    .careers .listing button.links:hover, .careers .listing a.links:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .careers .listing a.plus i {
    font-size: 1rem; }
  .careers .listing a.plus[aria-expanded="true"] i:before {
    content: "\e998";
    color: #214a8c; }
  .careers .listing a.plus[aria-expanded="true"] > span {
    color: #214a8c; }
  .careers .listing a.plus:not(.collapsed) > span {
    color: #214a8c !important; }
  .careers .listing .custom-radiobox:not(:last-of-type), .careers .listing .custom-checkbox:not(:last-of-type) {
    margin-right: 25px; }
  .careers .listing .ship-when > p, .careers .listing .bill-method > p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    color: #666;
    font-weight: normal;
    font-size: 0.875rem;
    text-transform: none; }
  .careers .listing .delivery-date {
    line-height: 25px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    color: #666; }
    .careers .listing .delivery-date span {
      margin-left: 5px;
      color: #222; }
    .careers .listing .delivery-date .date input {
      font-family: "Open Sans", sans-serif;
      color: #222;
      background: none !important;
      border: none !important;
      height: 20px;
      padding: 0px;
      line-height: 400;
      cursor: pointer;
      max-width: 60px;
      color: #666;
      text-decoration: underline; }
      .careers .listing .delivery-date .date input:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .careers .listing .address:not(.e-label) {
    font-family: "Open Sans", sans-serif; }
  .careers .listing .day-time span {
    font-weight: 600; }
  .careers .listing .contact a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #222;
    text-decoration: none;
    text-decoration: underline; }
    .careers .listing .contact a:hover {
      color: #214a8c;
      text-decoration: none; }
  .careers .listing .sub-total.btm {
    border-bottom: 4px double #ccc;
    padding: 15px 5px;
    display: flex;
    flex-direction: row; }
    .careers .listing .sub-total.btm > div, .careers .listing .sub-total.btm .total {
      padding: 0px;
      color: #222; }
    .careers .listing .sub-total.btm > div:last-child {
      display: flex;
      justify-content: flex-end;
      margin-left: auto; }
    .careers .listing .sub-total.btm .actions {
      margin: 0px;
      display: none; }
  .careers .listing .sub-header {
    clear: both;
    padding: 0px; }
    .careers .listing .sub-header > div {
      display: flex;
      align-items: center; }
    .careers .listing .sub-header .delivery-date {
      display: flex;
      justify-content: flex-end; }
    .careers .listing .sub-header .title {
      margin-bottom: 0px; }
      .careers .listing .sub-header .title span {
        color: #214a8c;
        margin-left: 3px; }
  .careers .listing .page + .sub-header {
    margin-top: 40px; }
    .careers .listing .page + .sub-header .title {
      flex-basis: content; }
  .careers .listing div.alert-warning {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #fbe4b5;
    color: #de6e00; }
    .careers .listing div.alert-warning .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .careers .listing div.alert-warning p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .careers .listing div.alert-warning {
        padding: 5px;
        margin: 10px auto; }
        .careers .listing div.alert-warning p {
          font-size: 0.8rem; }
        .careers .listing div.alert-warning .alert-heading {
          font-size: 0.875rem; } }
  .careers .listing div.alert-danger {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #f8c1c4;
    color: #dc3545;
    background: #feeeef; }
    .careers .listing div.alert-danger .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .careers .listing div.alert-danger p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .careers .listing div.alert-danger {
        padding: 5px;
        margin: 10px auto; }
        .careers .listing div.alert-danger p {
          font-size: 0.8rem; }
        .careers .listing div.alert-danger .alert-heading {
          font-size: 0.875rem; } }
  @media (min-width: 992px) {
    .careers .listing .col-9 > .page {
      min-height: 500px; }
    .careers .listing .page .details .submit input:hover, .careers .listing .page .details .submit button:hover {
      left: 10px; } }
  @media (max-width: 991px) {
    .careers .listing .page .details {
      flex-wrap: wrap;
      padding: 15px 0px; }
      .careers .listing .page .details .submit button {
        width: 25px; }
    .careers .listing .col-3.right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%; }
    .careers .listing .col-9.left {
      padding-right: 10px;
      max-width: 66.66%;
      flex: 0 0 66.66%; }
      .careers .listing .col-9.left .page-th {
        display: none !important; }
      .careers .listing .col-9.left .page {
        border-top: 1px solid #666; }
    .careers .listing .sub-header {
      flex-wrap: wrap; }
      .careers .listing .sub-header .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-start;
        margin: 0px !important; }
      .careers .listing .sub-header > .title {
        font-size: 1.2rem !important; }
    .careers .listing .page + .sub-header {
      margin-top: 20px;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .careers .listing > .d-flex {
      flex-wrap: wrap; }
    .careers .listing .col-12.left .page-th, .careers .listing .col-9.left .page-th {
      display: none !important; }
    .careers .listing .page .details > div {
      max-width: 100% !important;
      flex: 0 0 auto; }
    .careers .listing .page .details .col {
      display: inline-flex;
      color: #222;
      line-height: 1.2rem; }
    .careers .listing .page .details .time, .careers .listing .page .details .type {
      color: #666; }
    .careers .listing .page .details .custom-radiobox .custom-radio {
      height: 25px; }
    .careers .listing .col-12.left, .careers .listing .col-3.right, .careers .listing .col-9.left {
      padding-right: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
    .careers .listing .summary {
      margin-top: 15px; }
      .careers .listing .summary .details.proceed .supp {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
    .careers .listing .sub-total.btm > div:last-child {
      max-width: 100%;
      flex: 0 0 100%; } }
  .careers .listing .page .details:first-of-type {
    border-top: 1px solid #ccc; }
  .careers .listing .page .title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    font-size: 1.75rem;
    padding: 10px 0px;
    font-weight: 400;
    padding: 0px; }
    @media (max-width: 991px) {
      .careers .listing .page .title {
        font-size: 1.2rem;
        padding: 0px; } }
    @media (max-width: 991px) {
      .careers .listing .page .title {
        font-size: 1.5rem; } }
    @media (min-width: 992px) {
      .careers .listing .page .title {
        font-size: 1.25rem; } }
    @media (max-width: 991px) {
      .careers .listing .page .title {
        font-size: 1rem; } }
    .careers .listing .page .title a {
      color: #222; }
      .careers .listing .page .title a:hover {
        color: #214a8c;
        text-decoration: none; }
.careers .pagination {
  justify-content: center;
  margin: 20px auto;
  margin-top: 40px; }
  .careers .pagination > div, .careers .pagination > div a, .careers .pagination > div input {
    height: 30px; }
  .careers .pagination .icon {
    font-size: 1.5rem;
    width: 30px; }
    .careers .pagination .icon a {
      color: #666;
      padding: 0px 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .careers .pagination .icon a:hover {
        color: #214a8c; }
    .careers .pagination .icon a.disabled {
      color: #ccc;
      cursor: default; }
  .careers .pagination .page {
    font-size: 0.875rem; }
    .careers .pagination .page input {
      width: 45px;
      display: inline-block;
      margin: 0px 10px;
      text-align: center;
      padding: 3px;
      border-radius: 3px;
      background: #fff !important;
      border: 1px solid #ccc; }
    .careers .pagination .page span {
      padding-left: 5px; }
  @media (max-width: 991px) {
    .careers .pagination .page {
      font-size: 0.8rem; } }
.careers .txt-icon .icon-item {
  display: flex; }
.careers .txt-icon .cols {
  flex: 1;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #222;
  text-align: center; }
  .careers .txt-icon .cols i {
    font-size: 3rem; }
  .careers .txt-icon .cols span.icon {
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: calc(100% + 5px); }
@media (max-width: 767px) {
  .careers .txt-icon .icon-item {
    flex-wrap: wrap; }
  .careers .txt-icon .cols {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 40px; } }
.careers .cubes-banner {
  padding: 0px;
  max-width: 100%;
  background: #214a8c;
  display: flex;
  margin-bottom: 0px; }
  .careers .cubes-banner img {
    width: 100%; }
  .careers .cubes-banner div {
    padding: 0px;
    flex-wrap: wrap; }
  .careers .cubes-banner .col-sm-6 {
    align-self: flex-start; }
  .careers .cubes-banner .text {
    align-self: flex-start;
    text-align: center;
    padding: 20px; }
    .careers .cubes-banner .text .sub-title, .careers .cubes-banner .text .title, .careers .cubes-banner .text .description, .careers .cubes-banner .text .l-description, .careers .cubes-banner .text .l-description > a, .careers .cubes-banner .text .l-description li a, .careers .cubes-banner .text .l-description li:before, .careers .cubes-banner .text h1, .careers .cubes-banner .text h2, .careers .cubes-banner .text h3, .careers .cubes-banner .text h4, .careers .cubes-banner .text h5, .careers .cubes-banner .text h6, .careers .cubes-banner .text div.link a, .careers .cubes-banner .text div.link a:after, .careers .cubes-banner .text p, .careers .cubes-banner .text span {
      color: white; }
    .careers .cubes-banner .text p {
      display: none; }
    .careers .cubes-banner .text h5 {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.75rem;
      padding: 10px 0px;
      font-weight: 400;
      padding: 0px;
      margin-bottom: 10px;
      color: #fff; }
      @media (max-width: 991px) {
        .careers .cubes-banner .text h5 {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .careers .cubes-banner .text h5 {
          font-size: 1.5rem; } }
      @media (min-width: 992px) {
        .careers .cubes-banner .text h5 {
          font-size: 1.25rem; } }
      @media (max-width: 991px) {
        .careers .cubes-banner .text h5 {
          font-size: 1rem; } }
      .careers .cubes-banner .text h5 a {
        color: #222; }
        .careers .cubes-banner .text h5 a:hover {
          color: #214a8c;
          text-decoration: none; }
      .careers .cubes-banner .text h5:after {
        display: none; }
    .careers .cubes-banner .text span a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .careers .cubes-banner .text span a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .careers .cubes-banner .text span a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .careers .cubes-banner .text span a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .careers .cubes-banner .text span a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 1200px) {
    .careers .cubes-banner .text p {
      display: block; } }
  @media (max-width: 991px) {
    .careers .cubes-banner {
      flex-wrap: wrap; }
      .careers .cubes-banner .col-sm-4:not(.d-flex), .careers .cubes-banner .col-sm-4:nth-child(2) .col-sm-6 {
        max-width: 50%;
        flex: 0 0 50%; }
      .careers .cubes-banner .col-sm-4:nth-child(2) {
        order: 3;
        max-width: 100%;
        flex: 0 0 auto; }
        .careers .cubes-banner .col-sm-4:nth-child(2) .text p {
          display: block; }
      .careers .cubes-banner .col-sm-4:nth-child(3) {
        order: 2; } }
@media (max-width: 991px) {
  .careers .text article h4 {
    font-size: 1rem; }
  .careers .pagination {
    margin-top: 15px; } }

.careers.detail .breadcrumbs ul {
  border-bottom: 1px solid #aaa; }
.careers.detail .header .type + .time:before {
  content: "|";
  margin: 0px 15px;
  color: #aaa; }
.careers.detail .header .location {
  padding: 3px 5px;
  border: 1px solid #aaa;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.25px;
  line-height: normal;
  color: #666; }
.careers.detail .header .location + .location {
  margin-left: 10px;
  margin-bottom: 10px; }
.careers.detail .header .pg-title {
  color: #222;
  font-size: 2.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: calc(100% + 5px);
  padding: 25px 0px;
  margin-bottom: 0px; }
  @media (max-width: 991px) {
    .careers.detail .header .pg-title {
      font-size: 1.2rem;
      padding: 0px; } }
.careers.detail .header .type, .careers.detail .header .time {
  font-weight: 600;
  display: inline-block;
  font-size: 0.95rem;
  margin: 0px; }
.careers.detail .featured-img {
  padding: 0px;
  margin-bottom: 60px; }
  .careers.detail .featured-img img {
    width: 100%; }
  @media (max-width: 991px) {
    .careers.detail .featured-img {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .careers.detail .featured-img {
      display: flex;
      justify-content: center;
      overflow: hidden; }
      .careers.detail .featured-img img {
        height: 150px; } }
.careers.detail .text label {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px; }
.careers.detail .text ul label {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px; }
.careers.detail .text ul ul li, .careers.detail .text ul ol li {
  margin-bottom: 10px;
  width: 100%; }
.careers.detail .text ul ol {
  padding-left: 20px; }
  .careers.detail .text ul ol li {
    padding-left: 5px; }
.careers.detail .text ul ul {
  padding-left: 0px; }
  .careers.detail .text ul ul li {
    list-style: none;
    position: relative;
    padding-left: 25px; }
  .careers.detail .text ul ul li:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    content: "\e930";
    margin-right: 10px;
    color: #666;
    position: absolute;
    left: 0px;
    font-size: 1rem; }
  .careers.detail .text ul ul li:nth-last-child(1) {
    margin-bottom: 0px; }
@media (max-width: 991px) {
  .careers.detail .text ul label {
    font-size: 1rem;
    margin-bottom: 0px; } }
.careers.detail .text ul li {
  width: calc(50% - 2%); }
.careers.detail .text .d-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  .careers.detail .text .d-flex .pointers {
    margin-top: 40px; }
    .careers.detail .text .d-flex .pointers label {
      font-size: 1.25rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px; }
    .careers.detail .text .d-flex .pointers ul li, .careers.detail .text .d-flex .pointers ol li {
      margin-bottom: 10px;
      width: 100%; }
    .careers.detail .text .d-flex .pointers ol {
      padding-left: 20px; }
      .careers.detail .text .d-flex .pointers ol li {
        padding-left: 5px; }
    .careers.detail .text .d-flex .pointers ul {
      padding-left: 0px; }
      .careers.detail .text .d-flex .pointers ul li {
        list-style: none;
        position: relative;
        padding-left: 25px; }
      .careers.detail .text .d-flex .pointers ul li:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        content: "\e930";
        margin-right: 10px;
        color: #666;
        position: absolute;
        left: 0px;
        font-size: 1rem; }
      .careers.detail .text .d-flex .pointers ul li:nth-last-child(1) {
        margin-bottom: 0px; }
    @media (max-width: 991px) {
      .careers.detail .text .d-flex .pointers label {
        font-size: 1rem;
        margin-bottom: 0px; } }
    .careers.detail .text .d-flex .pointers li {
      width: calc(50% - 2%); }
.careers.detail .back {
  background: #eee;
  padding: 40px 0px;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 60px; }
  .careers.detail .back a {
    color: #222;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 600; }
    .careers.detail .back a:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e910";
      top: -2px; }
    .careers.detail .back a:hover {
      color: #214a8c; }
    .careers.detail .back a:hover:before {
      right: 5px; }
  @media (max-width: 991px) {
    .careers.detail .back {
      padding: 15px 0px;
      margin-top: 15px; } }
.careers.detail img {
  width: 100%; }
@media (max-width: 991px) {
  .careers.detail .text label {
    font-size: 1rem; }
  .careers.detail .pointers {
    margin-top: 15px; }
    .careers.detail .pointers ul li {
      width: 100%; } }

.generic-template .header .pg-title {
  color: #222;
  font-size: 2.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: calc(100% + 5px);
  padding: 25px 0px;
  padding: 0px; }
  @media (max-width: 991px) {
    .generic-template .header .pg-title {
      font-size: 1.2rem;
      padding: 0px; } }
.generic-template section {
  margin: 40px auto;
  padding: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .generic-template section {
      margin: 15px auto; } }
  @media (max-width: 991px) {
    .generic-template section {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 992px) {
    .generic-template section {
      max-width: calc(100% - 30px);
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 1440px) {
    .generic-template section {
      max-width: 1400px; } }
  @media (min-width: 1640px) {
    .generic-template section {
      max-width: 1600px; } }
  .generic-template section .row {
    justify-content: center; }
.generic-template section p.title {
  color: #222;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
  letter-spacing: 0.75px;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500; }
  .generic-template section p.title:after {
    display: block;
    width: 50px;
    border-bottom: 3px solid #214a8c;
    content: "";
    padding-top: 10px;
    margin: 0px auto; }
  @media (max-width: 991px) {
    .generic-template section p.title {
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .generic-template section p.title {
      font-size: 1.25rem; } }
.generic-template section + section p.title {
  margin-top: 40px; }
.generic-template .widgets h2 {
  margin-bottom: 10px; }
.generic-template .widgets h2, .generic-template .widgets h5, .generic-template .widgets .nav-tabs a.nav-link {
  color: #222;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  height: auto; }
  .generic-template .widgets h2 span, .generic-template .widgets h5 span, .generic-template .widgets .nav-tabs a.nav-link span {
    color: #214a8c;
    text-transform: uppercase;
    word-break: break-word; }
.generic-template .widgets h5:after {
  display: none; }
.generic-template .widgets h5, .generic-template .widgets .nav-tabs a.nav-link {
  margin-bottom: 0px;
  padding: 15px 30px;
  display: inline-block;
  background: #f1f1f1;
  line-height: 1.25rem; }
  .generic-template .widgets h5.active, .generic-template .widgets .nav-tabs a.nav-link.active {
    border: none; }
@media (max-width: 991px) {
  .generic-template .widgets h2, .generic-template .widgets h5, .generic-template .widgets .nav-tabs a.nav-link {
    font-size: 1rem; }
  .generic-template .widgets h5, .generic-template .widgets .nav-tabs a.nav-link {
    padding: 7px 15px;
    line-height: 1rem; } }
.generic-template .widgets .nav-tabs {
  justify-content: center; }
  .generic-template .widgets .nav-tabs a.nav-link {
    position: relative;
    background: none; }
    .generic-template .widgets .nav-tabs a.nav-link:after {
      display: block;
      width: 50px;
      border-bottom: 3px solid #214a8c;
      content: "";
      padding-top: 10px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%; }
@media (max-width: 991px) {
  .generic-template .form {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 992px) {
  .generic-template .form {
    max-width: calc(100% - 30px);
    padding-left: 0px;
    padding-right: 0px; } }
@media (min-width: 1440px) {
  .generic-template .form {
    max-width: 1400px; } }
@media (min-width: 1640px) {
  .generic-template .form {
    max-width: 1600px; } }
.generic-template .form iframe {
  width: 100%; }
.generic-template .block {
  padding: 0px 15px;
  width: 100%;
  position: relative; }
  .generic-template .block .img, .generic-template .block .video {
    text-align: center;
    position: relative;
    width: 100%; }
    .generic-template .block .img img, .generic-template .block .video img {
      max-width: 100%;
      width: auto;
      height: auto; }
  .generic-template .block .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0px;
    overflow: hidden; }
  .generic-template .block .video iframe, .generic-template .block .video object, .generic-template .block .video embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 1px); }
  .generic-template .block .details {
    margin-top: 15px; }
    .generic-template .block .details > div + div, .generic-template .block .details > article + div, .generic-template .block .details > div + article {
      margin-top: 15px; }
    .generic-template .block .details .cat-title {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin: 0px 5px 10px 0px;
      width: max-content; }
    .generic-template .block .details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      padding-bottom: 10px; }
    .generic-template .block .details .title {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.75rem;
      padding: 10px 0px;
      font-weight: 400;
      padding: 0px;
      margin-top: 0px; }
      @media (max-width: 991px) {
        .generic-template .block .details .title {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .generic-template .block .details .title {
          font-size: 1.5rem; } }
      @media (min-width: 992px) {
        .generic-template .block .details .title {
          font-size: 1.25rem; } }
      @media (max-width: 991px) {
        .generic-template .block .details .title {
          font-size: 1rem; } }
      .generic-template .block .details .title a {
        color: #222; }
        .generic-template .block .details .title a:hover {
          color: #214a8c;
          text-decoration: none; }
    .generic-template .block .details .posted {
      color: #666;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      letter-spacing: 0.75px;
      margin-top: 0px;
      padding-top: 0.25rem;
      display: inline-block; }
      .generic-template .block .details .posted span {
        color: #222; }
      .generic-template .block .details .posted span.date {
        text-transform: uppercase; }
    .generic-template .block .details .description, .generic-template .block .details .l-description {
      margin-bottom: 0px;
      color: #222; }
    .generic-template .block .details .l-description figure img {
      max-width: 100%;
      height: auto;
      width: auto; }
    .generic-template .block .details .l-description figure label {
      font-size: 0.75rem;
      margin-bottom: 0px;
      font-weight: 400;
      color: #aaa; }
    .generic-template .block .details .l-description a.brand-link {
      color: #214a8c; }
      .generic-template .block .details .l-description a.brand-link:hover {
        color: #08285c; }
    .generic-template .block .details .l-description p.brand-btn {
      display: inline-flex; }
      .generic-template .block .details .l-description p.brand-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .block .details .l-description p.brand-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .block .details .l-description p.brand-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .block .details .l-description p.brand-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .block .details .l-description p.brand-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .generic-template .block .details .l-description p.brand-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .block .details .l-description p.brand-btn a:after {
          color: #fff; }
        .generic-template .block .details .l-description p.brand-btn a:hover {
          color: #214a8c; }
        .generic-template .block .details .l-description p.brand-btn a:hover:after {
          color: #214a8c; }
    .generic-template .block .details .l-description p.dark-btn {
      display: inline-flex; }
      .generic-template .block .details .l-description p.dark-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .block .details .l-description p.dark-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .block .details .l-description p.dark-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .block .details .l-description p.dark-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .block .details .l-description p.dark-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .generic-template .block .details .l-description p.dark-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .block .details .l-description p.dark-btn a:after {
          color: #fff; }
        .generic-template .block .details .l-description p.dark-btn a:hover {
          color: #214a8c; }
        .generic-template .block .details .l-description p.dark-btn a:hover:after {
          color: #214a8c; }
      .generic-template .block .details .l-description p.dark-btn a {
        background: #222;
        border-color: #222; }
        .generic-template .block .details .l-description p.dark-btn a:hover {
          color: #222; }
        .generic-template .block .details .l-description p.dark-btn a:hover:after {
          color: #222; }
    .generic-template .block .details .l-description p.white-btn {
      display: inline-flex; }
      .generic-template .block .details .l-description p.white-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .block .details .l-description p.white-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .block .details .l-description p.white-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .block .details .l-description p.white-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .block .details .l-description p.white-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
    .generic-template .block .details .l-description a {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .generic-template .block .details .l-description a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .generic-template .block .details .l-description p {
      margin-bottom: 15px; }
    .generic-template .block .details .l-description p:only-child {
      margin-bottom: 0px; }
    .generic-template .block .details .l-description p ~ br {
      display: none; }
    .generic-template .block .details .l-description p + ul, .generic-template .block .details .l-description ul + p {
      margin-top: 15px; }
    .generic-template .block .details .l-description ul {
      margin-bottom: 0px; }
    .generic-template .block .details .l-description label {
      font-size: 1.25rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px; }
    .generic-template .block .details .l-description ul li, .generic-template .block .details .l-description ol li {
      margin-bottom: 10px;
      width: 100%; }
    .generic-template .block .details .l-description ol {
      padding-left: 20px; }
      .generic-template .block .details .l-description ol li {
        padding-left: 5px; }
    .generic-template .block .details .l-description ul {
      padding-left: 0px; }
      .generic-template .block .details .l-description ul li {
        list-style: none;
        position: relative;
        padding-left: 25px; }
      .generic-template .block .details .l-description ul li:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        content: "\e930";
        margin-right: 10px;
        color: #666;
        position: absolute;
        left: 0px;
        font-size: 1rem; }
      .generic-template .block .details .l-description ul li:nth-last-child(1) {
        margin-bottom: 0px; }
    @media (max-width: 991px) {
      .generic-template .block .details .l-description label {
        font-size: 1rem;
        margin-bottom: 0px; } }
    .generic-template .block .details .l-description .bold-txt {
      font-weight: 600; }
    .generic-template .block .details .l-description .center {
      text-align: center; }
    .generic-template .block .details .l-description .left {
      text-align: left; }
    .generic-template .block .details .l-description .right {
      text-align: right; }
    .generic-template .block .details .l-description .heading, .generic-template .block .details .l-description .lg-heading {
      font-size: 1.5rem;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.75px; }
    .generic-template .block .details .l-description .lg-heading {
      font-size: 2rem;
      font-weight: 600; }
    .generic-template .block .details .l-description .body-title, .generic-template .block .details .l-description .lg-txt {
      font-size: 1.25rem;
      color: #222; }
    .generic-template .block .details .l-description .row > div, .generic-template .block .details .l-description .btm-space {
      margin-bottom: 40px; }
    .generic-template .block .details .l-description .noPadLR {
      padding-left: 0px;
      padding-right: 0px; }
    .generic-template .block .details .l-description .noPadL {
      padding-left: 0px; }
    .generic-template .block .details .l-description .noPadR {
      padding-right: 0px; }
    .generic-template .block .details .l-description .wide {
      min-width: 50%; }
    .generic-template .block .details .l-description .row.center {
      justify-content: center;
      text-align: left; }
    .generic-template .block .details .l-description .brand-color {
      color: #214a8c; }
    @media (max-width: 991px) {
      .generic-template .block .details .l-description .row > div, .generic-template .block .details .l-description .btm-space {
        margin-bottom: 20px; }
      .generic-template .block .details .l-description .body-title, .generic-template .block .details .l-description .lg-txt {
        font-size: 1rem; }
      .generic-template .block .details .l-description .heading {
        font-size: 1.25rem; } }
    .generic-template .block .details article p {
      margin-bottom: 0px; }
    .generic-template .block .details .link a {
      color: #222;
      text-transform: uppercase;
      font-size: 0.875rem;
      text-decoration: none;
      font-weight: 600;
      display: inline-block;
      line-height: 1rem;
      letter-spacing: 0.5px; }
      .generic-template .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        vertical-align: sub; }
      .generic-template .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .block .details .link a:hover:after {
        left: 5px; }
  .generic-template .block .details:only-child {
    display: flex;
    flex-direction: column; }
    .generic-template .block .details:only-child .title:only-child {
      font-size: 2.5rem;
      word-break: break-word;
      text-align: center; }
  @media (max-width: 991px) {
    .generic-template .block .details {
      margin-top: 10px; }
      .generic-template .block .details > div + div {
        margin-top: 10px; }
    .generic-template .block .details:only-child .title:only-child {
      font-size: 1.25rem; } }
  .generic-template .block .details .link:only-child {
    text-align: center; }
.generic-template .news-post .block {
  padding: 0px 15px;
  width: 100%;
  position: relative; }
  .generic-template .news-post .block .img, .generic-template .news-post .block .video {
    text-align: center;
    position: relative;
    width: 100%; }
    .generic-template .news-post .block .img img, .generic-template .news-post .block .video img {
      max-width: 100%;
      width: auto;
      height: auto; }
  .generic-template .news-post .block .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0px;
    overflow: hidden; }
  .generic-template .news-post .block .video iframe, .generic-template .news-post .block .video object, .generic-template .news-post .block .video embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 1px); }
  .generic-template .news-post .block .details {
    margin-top: 15px; }
    .generic-template .news-post .block .details > div + div, .generic-template .news-post .block .details > article + div, .generic-template .news-post .block .details > div + article {
      margin-top: 15px; }
    .generic-template .news-post .block .details .cat-title {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin: 0px 5px 10px 0px;
      width: max-content; }
    .generic-template .news-post .block .details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      padding-bottom: 10px; }
    .generic-template .news-post .block .details .title {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.75rem;
      padding: 10px 0px;
      font-weight: 400;
      padding: 0px;
      margin-top: 0px; }
      @media (max-width: 991px) {
        .generic-template .news-post .block .details .title {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .generic-template .news-post .block .details .title {
          font-size: 1.5rem; } }
      @media (min-width: 992px) {
        .generic-template .news-post .block .details .title {
          font-size: 1.25rem; } }
      @media (max-width: 991px) {
        .generic-template .news-post .block .details .title {
          font-size: 1rem; } }
      .generic-template .news-post .block .details .title a {
        color: #222; }
        .generic-template .news-post .block .details .title a:hover {
          color: #214a8c;
          text-decoration: none; }
    .generic-template .news-post .block .details .posted {
      color: #666;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      letter-spacing: 0.75px;
      margin-top: 0px;
      padding-top: 0.25rem;
      display: inline-block; }
      .generic-template .news-post .block .details .posted span {
        color: #222; }
      .generic-template .news-post .block .details .posted span.date {
        text-transform: uppercase; }
    .generic-template .news-post .block .details .description, .generic-template .news-post .block .details .l-description {
      margin-bottom: 0px;
      color: #222; }
    .generic-template .news-post .block .details .l-description figure img {
      max-width: 100%;
      height: auto;
      width: auto; }
    .generic-template .news-post .block .details .l-description figure label {
      font-size: 0.75rem;
      margin-bottom: 0px;
      font-weight: 400;
      color: #aaa; }
    .generic-template .news-post .block .details .l-description a.brand-link {
      color: #214a8c; }
      .generic-template .news-post .block .details .l-description a.brand-link:hover {
        color: #08285c; }
    .generic-template .news-post .block .details .l-description p.brand-btn {
      display: inline-flex; }
      .generic-template .news-post .block .details .l-description p.brand-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .news-post .block .details .l-description p.brand-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .generic-template .news-post .block .details .l-description p.brand-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:after {
          color: #fff; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:hover {
          color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.brand-btn a:hover:after {
          color: #214a8c; }
    .generic-template .news-post .block .details .l-description p.dark-btn {
      display: inline-flex; }
      .generic-template .news-post .block .details .l-description p.dark-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .news-post .block .details .l-description p.dark-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .generic-template .news-post .block .details .l-description p.dark-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:after {
          color: #fff; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover {
          color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover:after {
          color: #214a8c; }
      .generic-template .news-post .block .details .l-description p.dark-btn a {
        background: #222;
        border-color: #222; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover {
          color: #222; }
        .generic-template .news-post .block .details .l-description p.dark-btn a:hover:after {
          color: #222; }
    .generic-template .news-post .block .details .l-description p.white-btn {
      display: inline-flex; }
      .generic-template .news-post .block .details .l-description p.white-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .news-post .block .details .l-description p.white-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .news-post .block .details .l-description p.white-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .news-post .block .details .l-description p.white-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .news-post .block .details .l-description p.white-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
    .generic-template .news-post .block .details .l-description a {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .generic-template .news-post .block .details .l-description a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .generic-template .news-post .block .details .l-description p {
      margin-bottom: 15px; }
    .generic-template .news-post .block .details .l-description p:only-child {
      margin-bottom: 0px; }
    .generic-template .news-post .block .details .l-description p ~ br {
      display: none; }
    .generic-template .news-post .block .details .l-description p + ul, .generic-template .news-post .block .details .l-description ul + p {
      margin-top: 15px; }
    .generic-template .news-post .block .details .l-description ul {
      margin-bottom: 0px; }
    .generic-template .news-post .block .details .l-description label {
      font-size: 1.25rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px; }
    .generic-template .news-post .block .details .l-description ul li, .generic-template .news-post .block .details .l-description ol li {
      margin-bottom: 10px;
      width: 100%; }
    .generic-template .news-post .block .details .l-description ol {
      padding-left: 20px; }
      .generic-template .news-post .block .details .l-description ol li {
        padding-left: 5px; }
    .generic-template .news-post .block .details .l-description ul {
      padding-left: 0px; }
      .generic-template .news-post .block .details .l-description ul li {
        list-style: none;
        position: relative;
        padding-left: 25px; }
      .generic-template .news-post .block .details .l-description ul li:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        content: "\e930";
        margin-right: 10px;
        color: #666;
        position: absolute;
        left: 0px;
        font-size: 1rem; }
      .generic-template .news-post .block .details .l-description ul li:nth-last-child(1) {
        margin-bottom: 0px; }
    @media (max-width: 991px) {
      .generic-template .news-post .block .details .l-description label {
        font-size: 1rem;
        margin-bottom: 0px; } }
    .generic-template .news-post .block .details .l-description .bold-txt {
      font-weight: 600; }
    .generic-template .news-post .block .details .l-description .center {
      text-align: center; }
    .generic-template .news-post .block .details .l-description .left {
      text-align: left; }
    .generic-template .news-post .block .details .l-description .right {
      text-align: right; }
    .generic-template .news-post .block .details .l-description .heading, .generic-template .news-post .block .details .l-description .lg-heading {
      font-size: 1.5rem;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.75px; }
    .generic-template .news-post .block .details .l-description .lg-heading {
      font-size: 2rem;
      font-weight: 600; }
    .generic-template .news-post .block .details .l-description .body-title, .generic-template .news-post .block .details .l-description .lg-txt {
      font-size: 1.25rem;
      color: #222; }
    .generic-template .news-post .block .details .l-description .row > div, .generic-template .news-post .block .details .l-description .btm-space {
      margin-bottom: 40px; }
    .generic-template .news-post .block .details .l-description .noPadLR {
      padding-left: 0px;
      padding-right: 0px; }
    .generic-template .news-post .block .details .l-description .noPadL {
      padding-left: 0px; }
    .generic-template .news-post .block .details .l-description .noPadR {
      padding-right: 0px; }
    .generic-template .news-post .block .details .l-description .wide {
      min-width: 50%; }
    .generic-template .news-post .block .details .l-description .row.center {
      justify-content: center;
      text-align: left; }
    .generic-template .news-post .block .details .l-description .brand-color {
      color: #214a8c; }
    @media (max-width: 991px) {
      .generic-template .news-post .block .details .l-description .row > div, .generic-template .news-post .block .details .l-description .btm-space {
        margin-bottom: 20px; }
      .generic-template .news-post .block .details .l-description .body-title, .generic-template .news-post .block .details .l-description .lg-txt {
        font-size: 1rem; }
      .generic-template .news-post .block .details .l-description .heading {
        font-size: 1.25rem; } }
    .generic-template .news-post .block .details article p {
      margin-bottom: 0px; }
    .generic-template .news-post .block .details .link a {
      color: #222;
      text-transform: uppercase;
      font-size: 0.875rem;
      text-decoration: none;
      font-weight: 600;
      display: inline-block;
      line-height: 1rem;
      letter-spacing: 0.5px; }
      .generic-template .news-post .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        vertical-align: sub; }
      .generic-template .news-post .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .news-post .block .details .link a:hover:after {
        left: 5px; }
  .generic-template .news-post .block .details:only-child {
    display: flex;
    flex-direction: column; }
    .generic-template .news-post .block .details:only-child .title:only-child {
      font-size: 2.5rem;
      word-break: break-word;
      text-align: center; }
  @media (max-width: 991px) {
    .generic-template .news-post .block .details {
      margin-top: 10px; }
      .generic-template .news-post .block .details > div + div {
        margin-top: 10px; }
    .generic-template .news-post .block .details:only-child .title:only-child {
      font-size: 1.25rem; } }
  .generic-template .news-post .block .img {
    display: flex;
    align-items: center;
    justify-content: center; }
    .generic-template .news-post .block .img a {
      flex: 1 1 100%; }
    .generic-template .news-post .block .img:before {
      content: "";
      border: 1px solid #ddd;
      z-index: -1;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0px;
      left: 0px; }
  .generic-template .news-post .block .img {
    height: calc(300px - 10px - 2px); }
    .generic-template .news-post .block .img img {
      max-height: calc(300px - 10px - 2px); }
.generic-template .box-2 .block {
  max-width: 50%; }
  .generic-template .box-2 .block .details:only-child {
    justify-content: center;
    margin: auto; }
  .generic-template .box-2 .block .img:only-child, .generic-template .box-2 .block .video:only-child {
    margin: auto; }
.generic-template .box-3 .block {
  max-width: 33.333333%; }
.generic-template .box-4 .block {
  max-width: 25%; }
  .generic-template .box-4 .block .details .title {
    font-size: 1.25rem; }
.generic-template .box-1 .details:only-child .title:only-child, .generic-template .box-2 .details:only-child .title:only-child {
  text-align: center; }
.generic-template .right .block .details {
  order: 2; }
.generic-template .right .block .img, .generic-template .right .block .video {
  order: 1; }
.generic-template .left .block .details {
  order: 1; }
.generic-template .left .block .img, .generic-template .left .block .video {
  order: 2; }
.generic-template .wide-banner {
  max-width: 100% !important;
  background: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px; }
  .generic-template .wide-banner .img, .generic-template .wide-banner .img img {
    width: 100%; }
  .generic-template .wide-banner .details {
    width: 100%;
    text-align: center;
    position: absolute; }
    @media (max-width: 991px) {
      .generic-template .wide-banner .details {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .generic-template .wide-banner .details {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .generic-template .wide-banner .details {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .generic-template .wide-banner .details {
        max-width: 1600px; } }
    .generic-template .wide-banner .details .title {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: calc(100% + 2rem);
      color: #fff !important;
      text-shadow: 1px 1px 1px #222; }
      @media (max-width: 991px) {
        .generic-template .wide-banner .details .title {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .generic-template .wide-banner .details .title {
          font-size: 1.25rem; } }
    .generic-template .wide-banner .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .wide-banner .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .wide-banner .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .wide-banner .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .wide-banner .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  .generic-template .wide-banner.dark img {
    opacity: 0.5; }
.generic-template .list .block {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  flex-direction: row; }
  .generic-template .list .block .img, .generic-template .list .block .video {
    max-width: 25%;
    flex: auto; }
  .generic-template .list .block .video {
    padding-bottom: 14.0625%; }
  .generic-template .list .block .details {
    margin-top: 0px; }
  .generic-template .list .block .img + .details, .generic-template .list .block .video + .details {
    max-width: 75%;
    flex: auto; }
    .generic-template .list .block .img + .details .sub-title, .generic-template .list .block .video + .details .sub-title {
      display: none; }
  .generic-template .list .block .details:only-child {
    width: 100%; }
    .generic-template .list .block .details:only-child .title:nth-last-child(2), .generic-template .list .block .details:only-child .description:nth-last-child(1), .generic-template .list .block .details:only-child .l-description:nth-last-child(1) {
      text-align: center;
      justify-content: center; }
.generic-template .list .block:last-child {
  margin-bottom: 0px; }
.generic-template .list.right .block .img + .details, .generic-template .list.right .block .video + .details {
  padding-left: 40px; }
.generic-template .list.left .block .img + .details, .generic-template .list.left .block .video + .details {
  padding-right: 40px; }
.generic-template .list.fluid .block:nth-child(n+2):before {
  border-top: none; }
@media (min-width: 992px) {
  .generic-template .list.fluid .block {
    margin-bottom: 0px; }
    .generic-template .list.fluid .block .img, .generic-template .list.fluid .block .video {
      max-width: 33.333333%; }
    .generic-template .list.fluid .block .video {
      padding-bottom: 18.75%; }
    .generic-template .list.fluid .block .img + .details, .generic-template .list.fluid .block .video + .details {
      max-width: 66.66%; } }
@media (max-width: 991px) {
  .generic-template .list .block {
    margin-bottom: 15px; }
    .generic-template .list .block .img, .generic-template .list .block .video, .generic-template .list .block .img + .details, .generic-template .list .block .video + .details {
      max-width: 50%; }
    .generic-template .list .block .video {
      padding-bottom: 28.125%; }
  .generic-template .list.right .block .img + .details, .generic-template .list.right .block .video + .details, .generic-template .list.left .block .img + .details, .generic-template .list.left .block .video + .details {
    padding-left: 15px;
    padding-right: 0px; } }
@media (max-width: 767px) {
  .generic-template .list .block {
    display: flex;
    flex-direction: column; }
    .generic-template .list .block .img, .generic-template .list .block .video, .generic-template .list .block .img + .details, .generic-template .list .block .video + .details {
      max-width: 100%; }
    .generic-template .list .block .video {
      padding-bottom: 56.25%; }
  .generic-template .list.right:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .list.right:not(.border):not(.dark):not(.brand) .block .video + .details, .generic-template .list.left:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .list.left:not(.border):not(.dark):not(.brand) .block .video + .details {
    padding-left: 0px;
    margin-top: 10px; }
  .generic-template .list.right.fluid .block .img + .details, .generic-template .list.right.fluid .block .video + .details, .generic-template .list.left.fluid .block .img + .details, .generic-template .list.left.fluid .block .video + .details {
    padding: 15px; } }
.generic-template .fancy, .generic-template .fancy.border, .generic-template .fancy.olap, .generic-template .olap.toid.fancy:not(.olap), .generic-template .olap.toid.fancy.border, .generic-template .olap.toid.fancy, .generic-template .olap.border.fancy, .generic-template .toid.fancy.border:not(.olap) {
  border: none !important; }
  .generic-template .fancy .row, .generic-template .olap.toid.fancy .row, .generic-template .olap.border.fancy .row, .generic-template .toid.fancy.border:not(.olap) .row {
    padding: 0px 15px; }
  .generic-template .fancy .block, .generic-template .olap.toid.fancy .block, .generic-template .olap.border.fancy .block, .generic-template .toid.fancy.border:not(.olap) .block {
    padding: 0px; }
    .generic-template .fancy .block .details, .generic-template .olap.toid.fancy .block .details, .generic-template .toid.fancy.border:not(.olap) .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .fancy .block .details, .generic-template .olap.toid.fancy .block .details, .generic-template .toid.fancy.border:not(.olap) .block .details {
          padding: 15px; } }
    .generic-template .fancy .block .details:only-child {
      height: 100%; }
  .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .fancy.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .fancy.dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .fancy.brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .fancy.fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .fancy.fluid .block .details {
        padding: 15px; } }
  .generic-template .fancy .block, .generic-template .olap.toid.fancy .block, .generic-template .olap.border.fancy .block, .generic-template .toid.fancy.border:not(.olap) .block {
    background: #f1f1f1;
    display: flex;
    flex-direction: row; }
    .generic-template .fancy .block .img, .generic-template .olap.toid.fancy .block .img, .generic-template .toid.fancy.border:not(.olap) .block .img, .generic-template .fancy .block .video, .generic-template .olap.toid.fancy .block .video, .generic-template .toid.fancy.border:not(.olap) .block .video, .generic-template .fancy .block .details, .generic-template .olap.toid.fancy .block .details, .generic-template .toid.fancy.border:not(.olap) .block .details {
      margin: auto 0px; }
    .generic-template .fancy .block .img img, .generic-template .olap.toid.fancy .block .img img, .generic-template .toid.fancy.border:not(.olap) .block .img img {
      width: 100%; }
    .generic-template .fancy .block .img:only-child, .generic-template .fancy .block .video:only-child, .generic-template .fancy .block .details:only-child {
      max-width: 100%;
      width: 100%; }
    .generic-template .fancy .block .details, .generic-template .olap.toid.fancy .block .details, .generic-template .toid.fancy.border:not(.olap) .block .details {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
      .generic-template .fancy .block .details .l-description figure {
        display: none; }
  .generic-template .fancy:not(.fluid) .block:not(:last-child) {
    margin-bottom: 60px; }
  .generic-template .fancy.fluid .block, .generic-template .fluid.olap.toid.fancy .block, .generic-template .fluid.toid.fancy.border:not(.olap) .block {
    margin-bottom: 0px; }
    .generic-template .fancy.fluid .block:before, .generic-template .fluid.olap.toid.fancy .block:before, .generic-template .fluid.toid.fancy.border:not(.olap) .block:before {
      border: none !important; }
  .generic-template .fancy.right .block:nth-child(odd) .details {
    right: 0px; }
  .generic-template .fancy.right .block:nth-child(even) .details {
    order: 1; }
  .generic-template .fancy.right .block:nth-child(even) .img, .generic-template .fancy.right .block:nth-child(even) .video {
    order: 2;
    margin-left: auto; }
  .generic-template .fancy.left .block:nth-child(odd) .img, .generic-template .fancy.left .block:nth-child(odd) .video {
    margin-left: auto; }
  .generic-template .fancy.left .block:nth-child(even) .details {
    order: 2;
    margin-left: auto;
    right: 0px; }
  .generic-template .fancy.left .block:nth-child(even) .img, .generic-template .fancy.left .block:nth-child(even) .video {
    order: 1; }
  .generic-template .fancy.dark .block, .generic-template .dark.olap.toid.fancy .block, .generic-template .dark.toid.fancy.border:not(.olap) .block, .generic-template .fancy.brand .block, .generic-template .brand.olap.toid.fancy .block, .generic-template .brand.toid.fancy.border:not(.olap) .block, .generic-template .border.fancy .block, .generic-template .border.olap.toid.fancy .block, .generic-template .border.toid.fancy:not(.olap) .block {
    background: none; }
  .generic-template .border.fancy, .generic-template .border.olap.toid.fancy, .generic-template .border.toid.fancy:not(.olap) {
    border: none !important; }
    .generic-template .border.fancy .row, .generic-template .border.olap.toid.fancy .row, .generic-template .border.toid.fancy:not(.olap) .row {
      padding: 0px 15px; }
    .generic-template .border.fancy .block, .generic-template .border.olap.toid.fancy .block, .generic-template .border.toid.fancy:not(.olap) .block {
      padding: 0px; }
      .generic-template .border.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .border.fancy .block .details {
            padding: 15px; } }
      .generic-template .border.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .border.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .border.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .border.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .border.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .border.fancy .block:before, .generic-template .border.olap.toid.fancy .block:before, .generic-template .border.toid.fancy:not(.olap) .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .border.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .border.box-2.fancy .block:nth-child(n+3):before, .generic-template .border.box-3.fancy .block:nth-child(n+4):before, .generic-template .border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .border.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .border.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .border.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .border.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .border.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .border.box-2.fancy .block:nth-child(n+2):before, .generic-template .border.box-3.fancy .block:nth-child(n+2):before, .generic-template .border.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .border.fancy .block:before, .generic-template .border.olap.toid.fancy .block:before, .generic-template .border.toid.fancy:not(.olap) .block:before {
      border-color: #ddd;
      z-index: 1; }
    .generic-template .border.fancy .block .img:only-child {
      z-index: -2; }
    .generic-template .border.fluid.box-1.fancy .block .details .link a, .generic-template .border.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:after, .generic-template .border.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .border.fluid.box-1.fancy .block .details .link a, .generic-template .border.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .border.fluid.box-1.fancy .block .details .link a, .generic-template .border.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:after, .generic-template .border.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .border.fluid.box-1.fancy .block .details .link a, .generic-template .border.fluid.box-2.fancy .block .details .link a {
      background: #222;
      border-color: #222; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover {
        color: #222; }
      .generic-template .border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #222; }
    @media (max-width: 767px) {
      .generic-template .border.fluid.fancy .block:before {
        border-left: none;
        border-right: none; } }
  .generic-template .fancy.dark, .generic-template .dark.olap.toid.fancy, .generic-template .dark.olap.border.fancy, .generic-template .dark.toid.fancy.border:not(.olap) {
    border: none !important; }
    .generic-template .fancy.dark .row, .generic-template .dark.olap.toid.fancy .row, .generic-template .dark.toid.fancy.border:not(.olap) .row {
      padding: 0px 15px; }
    .generic-template .fancy.dark .block, .generic-template .dark.olap.toid.fancy .block, .generic-template .dark.toid.fancy.border:not(.olap) .block {
      padding: 0px; }
      .generic-template .fancy.dark .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .fancy.dark .block .details {
            padding: 15px; } }
      .generic-template .fancy.dark .block .details:only-child {
        height: 100%; }
    .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .fancy.dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .fancy.dark.dark.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .fancy.dark.brand.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .fancy.dark.fluid .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .fancy.dark.fluid .block .details {
          padding: 15px; } }
    .generic-template .fancy.dark .block:before, .generic-template .dark.olap.toid.fancy .block:before, .generic-template .dark.toid.fancy.border:not(.olap) .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .fancy.dark.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .fancy.dark.box-2 .block:nth-child(n+3):before, .generic-template .fancy.dark.box-3 .block:nth-child(n+4):before, .generic-template .fancy.dark.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.dark.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .fancy.dark.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .fancy.dark.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .fancy.dark.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.dark.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .fancy.dark.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .fancy.dark.box-2 .block:nth-child(n+2):before, .generic-template .fancy.dark.box-3 .block:nth-child(n+2):before, .generic-template .fancy.dark.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .fancy.dark .block, .generic-template .dark.olap.toid.fancy .block, .generic-template .dark.toid.fancy.border:not(.olap) .block {
      background: #222; }
      .generic-template .fancy.dark .block .details .sub-title, .generic-template .fancy.dark .block .details .title, .generic-template .fancy.dark .block .details .description, .generic-template .fancy.dark .block .details .l-description, .generic-template .fancy.dark .block .details .l-description > a, .generic-template .fancy.dark .block .details .l-description li a, .generic-template .fancy.dark .block .details .l-description li:before, .generic-template .fancy.dark .block .details h1, .generic-template .fancy.dark .block .details h2, .generic-template .fancy.dark .block .details h3, .generic-template .fancy.dark .block .details h4, .generic-template .fancy.dark .block .details h5, .generic-template .fancy.dark .block .details h6, .generic-template .fancy.dark .block .details div.link a, .generic-template .fancy.dark .block .details div.link a:after, .generic-template .fancy.dark .block .details p, .generic-template .fancy.dark .block .details span {
        color: white; }
      .generic-template .fancy.dark .block:before, .generic-template .dark.olap.toid.fancy .block:before, .generic-template .dark.toid.fancy.border:not(.olap) .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .fancy.dark.fluid.box-1 .block .details .link a, .generic-template .fancy.dark.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:after, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:hover, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:hover:after, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .fancy.dark.fluid.box-1 .block .details .link a, .generic-template .fancy.dark.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .fancy.dark.fluid.box-1 .block .details .link a, .generic-template .fancy.dark.fluid.box-2 .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:after, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:after {
        color: #fff; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:hover, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .fancy.dark.fluid.box-1 .block .details .link a:hover:after, .generic-template .fancy.dark.fluid.box-2 .block .details .link a:hover:after {
        color: #214a8c; }
  .generic-template .fancy.brand, .generic-template .brand.olap.toid.fancy, .generic-template .brand.olap.border.fancy, .generic-template .brand.toid.fancy.border:not(.olap) {
    border: none !important; }
    .generic-template .fancy.brand .row, .generic-template .brand.olap.toid.fancy .row, .generic-template .brand.toid.fancy.border:not(.olap) .row {
      padding: 0px 15px; }
    .generic-template .fancy.brand .block, .generic-template .brand.olap.toid.fancy .block, .generic-template .brand.toid.fancy.border:not(.olap) .block {
      padding: 0px; }
      .generic-template .fancy.brand .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .fancy.brand .block .details {
            padding: 15px; } }
      .generic-template .fancy.brand .block .details:only-child {
        height: 100%; }
    .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .fancy.brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .fancy.brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .fancy.brand.dark.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .fancy.brand.brand.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .fancy.brand.fluid .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .fancy.brand.fluid .block .details {
          padding: 15px; } }
    .generic-template .fancy.brand .block:before, .generic-template .brand.olap.toid.fancy .block:before, .generic-template .brand.toid.fancy.border:not(.olap) .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .fancy.brand.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .fancy.brand.box-2 .block:nth-child(n+3):before, .generic-template .fancy.brand.box-3 .block:nth-child(n+4):before, .generic-template .fancy.brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.brand.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .fancy.brand.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .fancy.brand.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .fancy.brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.brand.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .fancy.brand.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .fancy.brand.box-2 .block:nth-child(n+2):before, .generic-template .fancy.brand.box-3 .block:nth-child(n+2):before, .generic-template .fancy.brand.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .fancy.brand .block, .generic-template .brand.olap.toid.fancy .block, .generic-template .brand.toid.fancy.border:not(.olap) .block {
      background: #222; }
      .generic-template .fancy.brand .block .details .sub-title, .generic-template .fancy.brand .block .details .title, .generic-template .fancy.brand .block .details .description, .generic-template .fancy.brand .block .details .l-description, .generic-template .fancy.brand .block .details .l-description > a, .generic-template .fancy.brand .block .details .l-description li a, .generic-template .fancy.brand .block .details .l-description li:before, .generic-template .fancy.brand .block .details h1, .generic-template .fancy.brand .block .details h2, .generic-template .fancy.brand .block .details h3, .generic-template .fancy.brand .block .details h4, .generic-template .fancy.brand .block .details h5, .generic-template .fancy.brand .block .details h6, .generic-template .fancy.brand .block .details div.link a, .generic-template .fancy.brand .block .details div.link a:after, .generic-template .fancy.brand .block .details p, .generic-template .fancy.brand .block .details span {
        color: white; }
      .generic-template .fancy.brand .block:before, .generic-template .brand.olap.toid.fancy .block:before, .generic-template .brand.toid.fancy.border:not(.olap) .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .fancy.brand.fluid.box-1 .block .details .link a, .generic-template .fancy.brand.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .fancy.brand.fluid.box-1 .block .details .link a, .generic-template .fancy.brand.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .fancy.brand.fluid.box-1 .block .details .link a, .generic-template .fancy.brand.fluid.box-2 .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:after {
        color: #fff; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .fancy.brand .block:before, .generic-template .brand.olap.toid.fancy .block:before, .generic-template .brand.toid.fancy.border:not(.olap) .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .fancy.brand.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .fancy.brand.box-2 .block:nth-child(n+3):before, .generic-template .fancy.brand.box-3 .block:nth-child(n+4):before, .generic-template .fancy.brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.brand.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .fancy.brand.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .fancy.brand.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .fancy.brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .fancy.brand.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .fancy.brand.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .fancy.brand.box-2 .block:nth-child(n+2):before, .generic-template .fancy.brand.box-3 .block:nth-child(n+2):before, .generic-template .fancy.brand.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .fancy.brand .block, .generic-template .brand.olap.toid.fancy .block, .generic-template .brand.toid.fancy.border:not(.olap) .block {
      background: #214a8c; }
      .generic-template .fancy.brand .block:before, .generic-template .brand.olap.toid.fancy .block:before, .generic-template .brand.toid.fancy.border:not(.olap) .block:before {
        border-color: rgba(255, 255, 255, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .fancy.brand.fluid.box-1 .block .details .link a, .generic-template .fancy.brand.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .fancy.brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .fancy.brand.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .fancy.brand.fluid.box-1 .block .details .link a, .generic-template .fancy.brand.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 992px) {
    .generic-template .fancy .block .details:only-child {
      text-align: center; }
    .generic-template .fancy .block .img, .generic-template .olap.toid.fancy .block .img, .generic-template .toid.fancy.border:not(.olap) .block .img, .generic-template .fancy .block .video, .generic-template .olap.toid.fancy .block .video, .generic-template .toid.fancy.border:not(.olap) .block .video, .generic-template .fancy .block .img + .details, .generic-template .fancy .block .video + .details {
      max-width: 50%; }
      .generic-template .fancy .block .img .title:last-child, .generic-template .fancy .block .video .title:last-child, .generic-template .fancy .block .img + .details .title:last-child, .generic-template .fancy .block .video + .details .title:last-child {
        font-size: calc(100% + 3rem); }
    .generic-template .fancy .block .video, .generic-template .olap.toid.fancy .block .video, .generic-template .toid.fancy.border:not(.olap) .block .video {
      padding-bottom: 28.125%; } }
  .generic-template .border.fancy .block, .generic-template .border.olap.toid.fancy .block, .generic-template .border.toid.fancy:not(.olap) .block, .generic-template .olap.fancy .block, .generic-template .olap.toid.fancy .block {
    background: none; }
  @media (max-width: 991px) {
    .generic-template .fancy .block, .generic-template .olap.toid.fancy .block, .generic-template .olap.border.fancy .block, .generic-template .toid.fancy.border:not(.olap) .block {
      display: flex;
      flex-direction: column; }
      .generic-template .fancy .block .details, .generic-template .olap.toid.fancy .block .details, .generic-template .toid.fancy.border:not(.olap) .block .details {
        padding: 15px;
        margin-top: 0px; } }
.generic-template .olap.fancy, .generic-template .olap.toid.fancy:not(.olap), .generic-template .olap.toid.fancy.border, .generic-template .olap.toid.fancy {
  border: none !important; }
  .generic-template .olap.fancy .row, .generic-template .olap.toid.fancy .row {
    padding: 0px 15px; }
  .generic-template .olap.fancy .block, .generic-template .olap.toid.fancy .block {
    padding: 0px; }
    .generic-template .olap.fancy .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .olap.fancy .block .details {
          padding: 15px; } }
    .generic-template .olap.fancy .block .details:only-child {
      height: 100%; }
  .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .olap.dark.box-1.fancy .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .olap.brand.box-1.fancy .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .olap.fluid.fancy .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .olap.fluid.fancy .block .details {
        padding: 15px; } }
  .generic-template .olap.fancy .block, .generic-template .olap.toid.fancy .block {
    background: #f1f1f1;
    display: flex;
    flex-direction: row; }
    .generic-template .olap.fancy .block .img, .generic-template .olap.fancy .block .video, .generic-template .olap.fancy .block .details {
      margin: auto 0px; }
    .generic-template .olap.fancy .block .img img {
      width: 100%; }
    .generic-template .olap.fancy .block .img:only-child, .generic-template .olap.fancy .block .video:only-child, .generic-template .olap.fancy .block .details:only-child {
      max-width: 100%;
      width: 100%; }
    .generic-template .olap.fancy .block .details {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
      .generic-template .olap.fancy .block .details .l-description figure {
        display: none; }
  .generic-template .olap.fancy:not(.fluid) .block:not(:last-child) {
    margin-bottom: 60px; }
  .generic-template .olap.fluid.fancy .block {
    margin-bottom: 0px; }
    .generic-template .olap.fluid.fancy .block:before {
      border: none !important; }
  .generic-template .olap.right.fancy .block:nth-child(odd) .details {
    right: 0px; }
  .generic-template .olap.right.fancy .block:nth-child(even) .details {
    order: 1; }
  .generic-template .olap.right.fancy .block:nth-child(even) .img, .generic-template .olap.right.fancy .block:nth-child(even) .video {
    order: 2;
    margin-left: auto; }
  .generic-template .olap.left.fancy .block:nth-child(odd) .img, .generic-template .olap.left.fancy .block:nth-child(odd) .video {
    margin-left: auto; }
  .generic-template .olap.left.fancy .block:nth-child(even) .details {
    order: 2;
    margin-left: auto;
    right: 0px; }
  .generic-template .olap.left.fancy .block:nth-child(even) .img, .generic-template .olap.left.fancy .block:nth-child(even) .video {
    order: 1; }
  .generic-template .olap.dark.fancy .block, .generic-template .olap.brand.fancy .block, .generic-template .olap.border.fancy .block {
    background: none; }
  .generic-template .olap.border.fancy, .generic-template .olap.border.toid.fancy {
    border: none !important; }
    .generic-template .olap.border.fancy .row {
      padding: 0px 15px; }
    .generic-template .olap.border.fancy .block {
      padding: 0px; }
      .generic-template .olap.border.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .olap.border.fancy .block .details {
            padding: 15px; } }
      .generic-template .olap.border.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .olap.border.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .olap.border.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .olap.border.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .olap.border.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .olap.border.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .olap.border.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .olap.border.box-2.fancy .block:nth-child(n+3):before, .generic-template .olap.border.box-3.fancy .block:nth-child(n+4):before, .generic-template .olap.border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.border.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .olap.border.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .olap.border.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .olap.border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.border.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .olap.border.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .olap.border.box-2.fancy .block:nth-child(n+2):before, .generic-template .olap.border.box-3.fancy .block:nth-child(n+2):before, .generic-template .olap.border.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .olap.border.fancy .block:before {
      border-color: #ddd;
      z-index: 1; }
    .generic-template .olap.border.fancy .block .img:only-child {
      z-index: -2; }
    .generic-template .olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a {
      background: #222;
      border-color: #222; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover {
        color: #222; }
      .generic-template .olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #222; }
    @media (max-width: 767px) {
      .generic-template .olap.border.fluid.fancy .block:before {
        border-left: none;
        border-right: none; } }
  .generic-template .olap.dark.fancy, .generic-template .olap.dark.toid.fancy {
    border: none !important; }
    .generic-template .olap.dark.fancy .row {
      padding: 0px 15px; }
    .generic-template .olap.dark.fancy .block {
      padding: 0px; }
      .generic-template .olap.dark.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .olap.dark.fancy .block .details {
            padding: 15px; } }
      .generic-template .olap.dark.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .olap.dark.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .olap.dark.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .olap.dark.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .olap.dark.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .olap.dark.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .olap.dark.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .olap.dark.box-2.fancy .block:nth-child(n+3):before, .generic-template .olap.dark.box-3.fancy .block:nth-child(n+4):before, .generic-template .olap.dark.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.dark.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .olap.dark.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .olap.dark.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .olap.dark.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.dark.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .olap.dark.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .olap.dark.box-2.fancy .block:nth-child(n+2):before, .generic-template .olap.dark.box-3.fancy .block:nth-child(n+2):before, .generic-template .olap.dark.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .olap.dark.fancy .block {
      background: #222; }
      .generic-template .olap.dark.fancy .block .details .sub-title, .generic-template .olap.dark.fancy .block .details .title, .generic-template .olap.dark.fancy .block .details .description, .generic-template .olap.dark.fancy .block .details .l-description, .generic-template .olap.dark.fancy .block .details .l-description > a, .generic-template .olap.dark.fancy .block .details .l-description li a, .generic-template .olap.dark.fancy .block .details .l-description li:before, .generic-template .olap.dark.fancy .block .details h1, .generic-template .olap.dark.fancy .block .details h2, .generic-template .olap.dark.fancy .block .details h3, .generic-template .olap.dark.fancy .block .details h4, .generic-template .olap.dark.fancy .block .details h5, .generic-template .olap.dark.fancy .block .details h6, .generic-template .olap.dark.fancy .block .details div.link a, .generic-template .olap.dark.fancy .block .details div.link a:after, .generic-template .olap.dark.fancy .block .details p, .generic-template .olap.dark.fancy .block .details span {
        color: white; }
      .generic-template .olap.dark.fancy .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .olap.dark.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.dark.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
  .generic-template .olap.brand.fancy, .generic-template .olap.brand.toid.fancy {
    border: none !important; }
    .generic-template .olap.brand.fancy .row {
      padding: 0px 15px; }
    .generic-template .olap.brand.fancy .block {
      padding: 0px; }
      .generic-template .olap.brand.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .olap.brand.fancy .block .details {
            padding: 15px; } }
      .generic-template .olap.brand.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .olap.brand.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .olap.brand.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .olap.brand.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .olap.brand.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .olap.brand.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .olap.brand.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .olap.brand.box-2.fancy .block:nth-child(n+3):before, .generic-template .olap.brand.box-3.fancy .block:nth-child(n+4):before, .generic-template .olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.brand.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .olap.brand.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .olap.brand.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.brand.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .olap.brand.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .olap.brand.box-2.fancy .block:nth-child(n+2):before, .generic-template .olap.brand.box-3.fancy .block:nth-child(n+2):before, .generic-template .olap.brand.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .olap.brand.fancy .block {
      background: #222; }
      .generic-template .olap.brand.fancy .block .details .sub-title, .generic-template .olap.brand.fancy .block .details .title, .generic-template .olap.brand.fancy .block .details .description, .generic-template .olap.brand.fancy .block .details .l-description, .generic-template .olap.brand.fancy .block .details .l-description > a, .generic-template .olap.brand.fancy .block .details .l-description li a, .generic-template .olap.brand.fancy .block .details .l-description li:before, .generic-template .olap.brand.fancy .block .details h1, .generic-template .olap.brand.fancy .block .details h2, .generic-template .olap.brand.fancy .block .details h3, .generic-template .olap.brand.fancy .block .details h4, .generic-template .olap.brand.fancy .block .details h5, .generic-template .olap.brand.fancy .block .details h6, .generic-template .olap.brand.fancy .block .details div.link a, .generic-template .olap.brand.fancy .block .details div.link a:after, .generic-template .olap.brand.fancy .block .details p, .generic-template .olap.brand.fancy .block .details span {
        color: white; }
      .generic-template .olap.brand.fancy .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .olap.brand.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .olap.brand.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .olap.brand.box-2.fancy .block:nth-child(n+3):before, .generic-template .olap.brand.box-3.fancy .block:nth-child(n+4):before, .generic-template .olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.brand.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .olap.brand.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .olap.brand.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .olap.brand.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .olap.brand.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .olap.brand.box-2.fancy .block:nth-child(n+2):before, .generic-template .olap.brand.box-3.fancy .block:nth-child(n+2):before, .generic-template .olap.brand.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .olap.brand.fancy .block {
      background: #214a8c; }
      .generic-template .olap.brand.fancy .block:before {
        border-color: rgba(255, 255, 255, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .olap.brand.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 992px) {
    .generic-template .olap.fancy .block .details:only-child {
      text-align: center; }
    .generic-template .olap.fancy .block .img, .generic-template .olap.fancy .block .video, .generic-template .olap.fancy .block .img + .details, .generic-template .olap.fancy .block .video + .details {
      max-width: 50%; }
      .generic-template .olap.fancy .block .img .title:last-child, .generic-template .olap.fancy .block .video .title:last-child, .generic-template .olap.fancy .block .img + .details .title:last-child, .generic-template .olap.fancy .block .video + .details .title:last-child {
        font-size: calc(100% + 3rem); }
    .generic-template .olap.fancy .block .video {
      padding-bottom: 28.125%; } }
  .generic-template .olap.border.fancy .block, .generic-template .olap.olap.fancy .block {
    background: none; }
  @media (max-width: 991px) {
    .generic-template .olap.fancy .block, .generic-template .olap.toid.fancy .block {
      display: flex;
      flex-direction: column; }
      .generic-template .olap.fancy .block .details {
        padding: 15px;
        margin-top: 0px; } }
  .generic-template .olap.fancy .block .details {
    background: #f1f1f1; }
  .generic-template .olap.fancy .block:before, .generic-template .olap.toid.fancy .block:before {
    border: none; }
  .generic-template .olap.border.fancy .details {
    border: 1px solid #ddd;
    background: #fff; }
  .generic-template .olap.dark.fancy .details {
    background: #222; }
    .generic-template .olap.dark.fancy .details .sub-title, .generic-template .olap.dark.fancy .details .title, .generic-template .olap.dark.fancy .details .description, .generic-template .olap.dark.fancy .details .l-description, .generic-template .olap.dark.fancy .details .l-description > a, .generic-template .olap.dark.fancy .details .l-description li a, .generic-template .olap.dark.fancy .details .l-description li:before, .generic-template .olap.dark.fancy .details h1, .generic-template .olap.dark.fancy .details h2, .generic-template .olap.dark.fancy .details h3, .generic-template .olap.dark.fancy .details h4, .generic-template .olap.dark.fancy .details h5, .generic-template .olap.dark.fancy .details h6, .generic-template .olap.dark.fancy .details div.link a, .generic-template .olap.dark.fancy .details div.link a:after, .generic-template .olap.dark.fancy .details p, .generic-template .olap.dark.fancy .details span {
      color: white; }
  .generic-template .olap.brand.fancy .details {
    background: #214a8c; }
    .generic-template .olap.brand.fancy .details .sub-title, .generic-template .olap.brand.fancy .details .title, .generic-template .olap.brand.fancy .details .description, .generic-template .olap.brand.fancy .details .l-description, .generic-template .olap.brand.fancy .details .l-description > a, .generic-template .olap.brand.fancy .details .l-description li a, .generic-template .olap.brand.fancy .details .l-description li:before, .generic-template .olap.brand.fancy .details h1, .generic-template .olap.brand.fancy .details h2, .generic-template .olap.brand.fancy .details h3, .generic-template .olap.brand.fancy .details h4, .generic-template .olap.brand.fancy .details h5, .generic-template .olap.brand.fancy .details h6, .generic-template .olap.brand.fancy .details div.link a, .generic-template .olap.brand.fancy .details div.link a:after, .generic-template .olap.brand.fancy .details p, .generic-template .olap.brand.fancy .details span {
      color: white; }
  .generic-template .olap.border.fancy .block:before, .generic-template .olap.dark.fancy .block:before, .generic-template .olap.brand.fancy .block:before {
    display: none; }
  @media (min-width: 992px) {
    .generic-template .olap.fancy .block, .generic-template .olap.toid.fancy .block {
      align-items: center; }
      .generic-template .olap.fancy .block .img, .generic-template .olap.fancy .block .video {
        max-width: 66.66%; }
      .generic-template .olap.fancy .block .video {
        padding-bottom: 37.5%; }
      .generic-template .olap.fancy .block .img + .details, .generic-template .olap.fancy .block .video + .details {
        max-width: 50%;
        position: absolute;
        height: auto;
        width: 50%; }
    .generic-template .olap.border.fancy .details {
      border: 1px solid #214a8c; }
    .generic-template .olap.border.fancy .block .img + .details, .generic-template .olap.border.fancy .block .video + .details, .generic-template .olap.dark.fancy .block .img + .details, .generic-template .olap.dark.fancy .block .video + .details, .generic-template .olap.brand.fancy .block .img + .details, .generic-template .olap.brand.fancy .block .video + .details {
      box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.75); } }
  @media (max-width: 991px) {
    .generic-template .olap.fancy .block + .block .details {
      border-top: 1px solid #ddd; } }
.generic-template .logos {
  border: none !important; }
  .generic-template .logos .row {
    padding: 0px 15px; }
  .generic-template .logos .block {
    padding: 0px; }
    .generic-template .logos .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .logos .block .details {
          padding: 15px; } }
    .generic-template .logos .block .details:only-child {
      height: 100%; }
  .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .logos.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .logos.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .logos.dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .logos.brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .logos.fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .logos.fluid .block .details {
        padding: 15px; } }
  .generic-template .logos .block, .generic-template .logos.fluid .block {
    display: flex;
    flex-direction: column; }
    .generic-template .logos .block .img, .generic-template .logos.fluid .block .img {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
      .generic-template .logos .block .img img, .generic-template .logos.fluid .block .img img {
        width: auto;
        max-height: 100px; }
    .generic-template .logos .block .img, .generic-template .logos .block .img + .details, .generic-template .logos.fluid .block .img, .generic-template .logos.fluid .block .img + .details {
      padding-top: 15px; }
    .generic-template .logos .block .details, .generic-template .logos.fluid .block .details {
      padding: 15px;
      text-align: center;
      padding-top: 0px;
      justify-content: center; }
      .generic-template .logos .block .details .l-description, .generic-template .logos.fluid .block .details .l-description {
        text-align: left; }
    .generic-template .logos .block .img:only-child, .generic-template .logos.fluid .block .img:only-child {
      padding: 20px 0px; }
    .generic-template .logos .block:hover, .generic-template .logos.fluid .block:hover {
      background: #f1f1f1; }
  @media (min-width: 992px) {
    .generic-template .logos .block .img, .generic-template .logos.fluid .block .img {
      padding-top: 30px; }
    .generic-template .logos .block .details, .generic-template .logos.fluid .block .details {
      padding: 30px !important; } }
  .generic-template .logos.dark .block .img, .generic-template .logos.brand .block .img {
    background: #fff;
    padding: 0px;
    max-height: 150px;
    min-height: 150px;
    max-width: 91.66666667%;
    margin: 15px auto; }
  .generic-template .logos.dark .block .details, .generic-template .logos.brand .block .details {
    padding: 30px;
    height: 100%; }
  .generic-template .logos.dark .block .img + .details, .generic-template .logos.brand .block .img + .details {
    padding-top: 0px !important; }
  .generic-template .logos.border .block .img:only-child {
    z-index: 1; }
  .generic-template .logos.dark .block:hover {
    background: #222 !important; }
  .generic-template .logos.brand .block:hover {
    background: #08285c; }
  @media (max-width: 991px) {
    .generic-template .logos .block .img img, .generic-template .logos.fluid .block .img img {
      max-height: 60px; } }
.generic-template .cubes-banner {
  padding: 0px;
  max-width: 100%;
  background: #214a8c;
  display: flex;
  margin-bottom: 0px; }
  .generic-template .cubes-banner img {
    width: 100%; }
  .generic-template .cubes-banner div {
    padding: 0px;
    flex-wrap: wrap; }
  .generic-template .cubes-banner .col-sm-6 {
    align-self: flex-start; }
  .generic-template .cubes-banner .text {
    align-self: flex-start;
    text-align: center;
    padding: 20px; }
    .generic-template .cubes-banner .text .sub-title, .generic-template .cubes-banner .text .title, .generic-template .cubes-banner .text .description, .generic-template .cubes-banner .text .l-description, .generic-template .cubes-banner .text .l-description > a, .generic-template .cubes-banner .text .l-description li a, .generic-template .cubes-banner .text .l-description li:before, .generic-template .cubes-banner .text h1, .generic-template .cubes-banner .text h2, .generic-template .cubes-banner .text h3, .generic-template .cubes-banner .text h4, .generic-template .cubes-banner .text h5, .generic-template .cubes-banner .text h6, .generic-template .cubes-banner .text div.link a, .generic-template .cubes-banner .text div.link a:after, .generic-template .cubes-banner .text p, .generic-template .cubes-banner .text span {
      color: white; }
    .generic-template .cubes-banner .text p {
      display: none; }
    .generic-template .cubes-banner .text h5 {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.75rem;
      padding: 10px 0px;
      font-weight: 400;
      padding: 0px;
      margin-bottom: 10px;
      color: #fff; }
      @media (max-width: 991px) {
        .generic-template .cubes-banner .text h5 {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .generic-template .cubes-banner .text h5 {
          font-size: 1.5rem; } }
      @media (min-width: 992px) {
        .generic-template .cubes-banner .text h5 {
          font-size: 1.25rem; } }
      @media (max-width: 991px) {
        .generic-template .cubes-banner .text h5 {
          font-size: 1rem; } }
      .generic-template .cubes-banner .text h5 a {
        color: #222; }
        .generic-template .cubes-banner .text h5 a:hover {
          color: #214a8c;
          text-decoration: none; }
      .generic-template .cubes-banner .text h5:after {
        display: none; }
    .generic-template .cubes-banner .text span a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .cubes-banner .text span a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .cubes-banner .text span a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .cubes-banner .text span a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .cubes-banner .text span a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 1200px) {
    .generic-template .cubes-banner .text p {
      display: block; } }
  @media (max-width: 991px) {
    .generic-template .cubes-banner {
      flex-wrap: wrap; }
      .generic-template .cubes-banner .col-sm-4:not(.d-flex), .generic-template .cubes-banner .col-sm-4:nth-child(2) .col-sm-6 {
        max-width: 50%;
        flex: 0 0 50%; }
      .generic-template .cubes-banner .col-sm-4:nth-child(2) {
        order: 3;
        max-width: 100%;
        flex: 0 0 auto; }
        .generic-template .cubes-banner .col-sm-4:nth-child(2) .text p {
          display: block; }
      .generic-template .cubes-banner .col-sm-4:nth-child(3) {
        order: 2; } }
.generic-template .txt-icon .icon-item {
  display: flex; }
.generic-template .txt-icon .cols {
  flex: 1;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #222;
  text-align: center; }
  .generic-template .txt-icon .cols i {
    font-size: 3rem; }
  .generic-template .txt-icon .cols span.icon {
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: calc(100% + 5px); }
@media (max-width: 767px) {
  .generic-template .txt-icon .icon-item {
    flex-wrap: wrap; }
  .generic-template .txt-icon .cols {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 40px; } }
.generic-template .product-slider.timeline .owl-carousel .item {
  padding: 0px; }
  .generic-template .product-slider.timeline .owl-carousel .item .title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    margin: 15px 0px;
    padding: 0px;
    font-weight: 600; }
    @media (max-width: 991px) {
      .generic-template .product-slider.timeline .owl-carousel .item .title {
        font-size: 1.2rem;
        padding: 0px; } }
  .generic-template .product-slider.timeline .owl-carousel .item .title + .img {
    background: url("../images/timeline-dash.png") repeat-x center; }
    .generic-template .product-slider.timeline .owl-carousel .item .title + .img img {
      max-height: 40px; }
  .generic-template .product-slider.timeline .owl-carousel .item .img {
    background: none;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .generic-template .product-slider.timeline .owl-carousel .item .img img {
      max-height: 75px;
      width: auto; }
  .generic-template .product-slider.timeline .owl-carousel .item label {
    margin: 0px;
    font-weight: 600;
    letter-spacing: 0.25px;
    font-size: 1rem;
    color: #222;
    height: calc(50px + 5px);
    padding: 0px 15px;
    overflow: hidden; }
.generic-template .border {
  border: none !important; }
  .generic-template .border .row {
    padding: 0px 15px; }
  .generic-template .border .block {
    padding: 0px; }
    .generic-template .border .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .border .block .details {
          padding: 15px; } }
    .generic-template .border .block .details:only-child {
      height: 100%; }
  .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .border.dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .border.brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .border.fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .border.fluid .block .details {
        padding: 15px; } }
  .generic-template .border .block:before {
    content: "";
    border: 1px solid;
    position: absolute;
    height: 100%;
    width: 100%; }
  .generic-template .border.box-1 .block:nth-child(n+2):before {
    border-top: none; }
  @media (min-width: 768px) {
    .generic-template .border.box-2 .block:nth-child(n+3):before, .generic-template .border.box-3 .block:nth-child(n+4):before, .generic-template .border.box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .border.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .border.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .border.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
      border-right: none; } }
  @media (min-width: 992px) {
    .generic-template .border.box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .border.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
      border-right: none; } }
  @media (max-width: 991px) {
    .generic-template .border.box-4 .block:nth-child(n+3):before {
      border-top: none; } }
  @media (max-width: 767px) {
    .generic-template .border.box-2 .block:nth-child(n+2):before, .generic-template .border.box-3 .block:nth-child(n+2):before, .generic-template .border.box-4 .block:nth-child(n+2):before {
      border-top: none; } }
  .generic-template .border .block:before {
    border-color: #ddd;
    z-index: 1; }
  .generic-template .border .block .img:only-child {
    z-index: -2; }
  .generic-template .border.fluid.box-1 .block .details .link a, .generic-template .border.fluid.box-2 .block .details .link a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .generic-template .border.fluid.box-1 .block .details .link a:after, .generic-template .border.fluid.box-2 .block .details .link a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover, .generic-template .border.fluid.box-2 .block .details .link a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover:after, .generic-template .border.fluid.box-2 .block .details .link a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .generic-template .border.fluid.box-1 .block .details .link a, .generic-template .border.fluid.box-2 .block .details .link a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .generic-template .border.fluid.box-1 .block .details .link a, .generic-template .border.fluid.box-2 .block .details .link a {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
    .generic-template .border.fluid.box-1 .block .details .link a:after, .generic-template .border.fluid.box-2 .block .details .link a:after {
      color: #fff; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover, .generic-template .border.fluid.box-2 .block .details .link a:hover {
      color: #214a8c; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover:after, .generic-template .border.fluid.box-2 .block .details .link a:hover:after {
      color: #214a8c; }
  .generic-template .border.fluid.box-1 .block .details .link a, .generic-template .border.fluid.box-2 .block .details .link a {
    background: #222;
    border-color: #222; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover, .generic-template .border.fluid.box-2 .block .details .link a:hover {
      color: #222; }
    .generic-template .border.fluid.box-1 .block .details .link a:hover:after, .generic-template .border.fluid.box-2 .block .details .link a:hover:after {
      color: #222; }
  @media (max-width: 767px) {
    .generic-template .border.fluid .block:before {
      border-left: none;
      border-right: none; } }
.generic-template .dark:not(.tiny-banner) {
  border: none !important; }
  .generic-template .dark:not(.tiny-banner) .row {
    padding: 0px 15px; }
  .generic-template .dark:not(.tiny-banner) .block {
    padding: 0px; }
    .generic-template .dark:not(.tiny-banner) .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .dark:not(.tiny-banner) .block .details {
          padding: 15px; } }
    .generic-template .dark:not(.tiny-banner) .block .details:only-child {
      height: 100%; }
  .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .dark:not(.tiny-banner).dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .dark:not(.tiny-banner).brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .dark:not(.tiny-banner).fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .dark:not(.tiny-banner).fluid .block .details {
        padding: 15px; } }
  .generic-template .dark:not(.tiny-banner) .block:before {
    content: "";
    border: 1px solid;
    position: absolute;
    height: 100%;
    width: 100%; }
  .generic-template .dark:not(.tiny-banner).box-1 .block:nth-child(n+2):before {
    border-top: none; }
  @media (min-width: 768px) {
    .generic-template .dark:not(.tiny-banner).box-2 .block:nth-child(n+3):before, .generic-template .dark:not(.tiny-banner).box-3 .block:nth-child(n+4):before, .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .dark:not(.tiny-banner).box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .dark:not(.tiny-banner).box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .dark:not(.tiny-banner).box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
      border-right: none; } }
  @media (min-width: 992px) {
    .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .dark:not(.tiny-banner).box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
      border-right: none; } }
  @media (max-width: 991px) {
    .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(n+3):before {
      border-top: none; } }
  @media (max-width: 767px) {
    .generic-template .dark:not(.tiny-banner).box-2 .block:nth-child(n+2):before, .generic-template .dark:not(.tiny-banner).box-3 .block:nth-child(n+2):before, .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(n+2):before {
      border-top: none; } }
  .generic-template .dark:not(.tiny-banner) .block {
    background: #222; }
    .generic-template .dark:not(.tiny-banner) .block .details .sub-title, .generic-template .dark:not(.tiny-banner) .block .details .title, .generic-template .dark:not(.tiny-banner) .block .details .description, .generic-template .dark:not(.tiny-banner) .block .details .l-description, .generic-template .dark:not(.tiny-banner) .block .details .l-description > a, .generic-template .dark:not(.tiny-banner) .block .details .l-description li a, .generic-template .dark:not(.tiny-banner) .block .details .l-description li:before, .generic-template .dark:not(.tiny-banner) .block .details h1, .generic-template .dark:not(.tiny-banner) .block .details h2, .generic-template .dark:not(.tiny-banner) .block .details h3, .generic-template .dark:not(.tiny-banner) .block .details h4, .generic-template .dark:not(.tiny-banner) .block .details h5, .generic-template .dark:not(.tiny-banner) .block .details h6, .generic-template .dark:not(.tiny-banner) .block .details div.link a, .generic-template .dark:not(.tiny-banner) .block .details div.link a:after, .generic-template .dark:not(.tiny-banner) .block .details p, .generic-template .dark:not(.tiny-banner) .block .details span {
      color: white; }
    .generic-template .dark:not(.tiny-banner) .block:before {
      border-color: rgba(115, 115, 155, 0.25);
      border-left: none;
      border-right: none; }
  .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:after, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:hover, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:hover:after, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:after, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:after {
      color: #fff; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:hover, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:hover {
      color: #214a8c; }
    .generic-template .dark:not(.tiny-banner).fluid.box-1 .block .details .link a:hover:after, .generic-template .dark:not(.tiny-banner).fluid.box-2 .block .details .link a:hover:after {
      color: #214a8c; }
  .generic-template .dark:not(.tiny-banner).box-2 .block:nth-child(2n-9), .generic-template .dark:not(.tiny-banner).box-3 .block:nth-child(3n-8), .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(4n-7) {
    background: #222; }
  .generic-template .dark:not(.tiny-banner).box-2 .block:nth-child(2n-8), .generic-template .dark:not(.tiny-banner).box-3 .block:nth-child(3n-7), .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(4n-6) {
    background: rgba(34, 34, 34, 0.95); }
  .generic-template .dark:not(.tiny-banner).box-3 .block:nth-child(3n-6), .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(4n-5) {
    background: rgba(34, 34, 34, 0.9); }
  .generic-template .dark:not(.tiny-banner).box-4 .block:nth-child(4n-4) {
    background: rgba(34, 34, 34, 0.85); }
.generic-template .brand:not(.tiny-banner) {
  border: none !important; }
  .generic-template .brand:not(.tiny-banner) .row {
    padding: 0px 15px; }
  .generic-template .brand:not(.tiny-banner) .block {
    padding: 0px; }
    .generic-template .brand:not(.tiny-banner) .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .brand:not(.tiny-banner) .block .details {
          padding: 15px; } }
    .generic-template .brand:not(.tiny-banner) .block .details:only-child {
      height: 100%; }
  .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .brand:not(.tiny-banner).dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .brand:not(.tiny-banner).brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .brand:not(.tiny-banner).fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .brand:not(.tiny-banner).fluid .block .details {
        padding: 15px; } }
  .generic-template .brand:not(.tiny-banner) .block:before {
    content: "";
    border: 1px solid;
    position: absolute;
    height: 100%;
    width: 100%; }
  .generic-template .brand:not(.tiny-banner).box-1 .block:nth-child(n+2):before {
    border-top: none; }
  @media (min-width: 768px) {
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(n+3):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(n+4):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .brand:not(.tiny-banner).box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .brand:not(.tiny-banner).box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
      border-right: none; } }
  @media (min-width: 992px) {
    .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .brand:not(.tiny-banner).box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
      border-right: none; } }
  @media (max-width: 991px) {
    .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+3):before {
      border-top: none; } }
  @media (max-width: 767px) {
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(n+2):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(n+2):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+2):before {
      border-top: none; } }
  .generic-template .brand:not(.tiny-banner) .block {
    background: #222; }
    .generic-template .brand:not(.tiny-banner) .block .details .sub-title, .generic-template .brand:not(.tiny-banner) .block .details .title, .generic-template .brand:not(.tiny-banner) .block .details .description, .generic-template .brand:not(.tiny-banner) .block .details .l-description, .generic-template .brand:not(.tiny-banner) .block .details .l-description > a, .generic-template .brand:not(.tiny-banner) .block .details .l-description li a, .generic-template .brand:not(.tiny-banner) .block .details .l-description li:before, .generic-template .brand:not(.tiny-banner) .block .details h1, .generic-template .brand:not(.tiny-banner) .block .details h2, .generic-template .brand:not(.tiny-banner) .block .details h3, .generic-template .brand:not(.tiny-banner) .block .details h4, .generic-template .brand:not(.tiny-banner) .block .details h5, .generic-template .brand:not(.tiny-banner) .block .details h6, .generic-template .brand:not(.tiny-banner) .block .details div.link a, .generic-template .brand:not(.tiny-banner) .block .details div.link a:after, .generic-template .brand:not(.tiny-banner) .block .details p, .generic-template .brand:not(.tiny-banner) .block .details span {
      color: white; }
    .generic-template .brand:not(.tiny-banner) .block:before {
      border-color: rgba(115, 115, 155, 0.25);
      border-left: none;
      border-right: none; }
  .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:after {
      color: #fff; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover {
      color: #214a8c; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover:after {
      color: #214a8c; }
  .generic-template .brand:not(.tiny-banner) .block:before {
    content: "";
    border: 1px solid;
    position: absolute;
    height: 100%;
    width: 100%; }
  .generic-template .brand:not(.tiny-banner).box-1 .block:nth-child(n+2):before {
    border-top: none; }
  @media (min-width: 768px) {
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(n+3):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(n+4):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .brand:not(.tiny-banner).box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .brand:not(.tiny-banner).box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
      border-right: none; } }
  @media (min-width: 992px) {
    .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+5):before {
      border-top: none; }
    .generic-template .brand:not(.tiny-banner).box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
      border-right: none; } }
  @media (max-width: 991px) {
    .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+3):before {
      border-top: none; } }
  @media (max-width: 767px) {
    .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(n+2):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(n+2):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(n+2):before {
      border-top: none; } }
  .generic-template .brand:not(.tiny-banner) .block {
    background: #214a8c; }
    .generic-template .brand:not(.tiny-banner) .block:before {
      border-color: rgba(255, 255, 255, 0.25);
      border-left: none;
      border-right: none; }
  .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a {
    color: #222;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px;
    line-height: 1rem;
    text-decoration: none;
    display: inline-flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e912";
      color: #214a8c; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover {
      text-decoration: none;
      background: none;
      color: #fff; }
    .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a:hover:after, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a:hover:after {
      left: 5px;
      text-decoration: none;
      color: #fff; }
    @media (max-width: 991px) {
      .generic-template .brand:not(.tiny-banner).fluid.box-1 .block .details .link a, .generic-template .brand:not(.tiny-banner).fluid.box-2 .block .details .link a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(2n-9):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(3n-8):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(4n-7):before {
    background: rgba(34, 34, 34, 0); }
  .generic-template .brand:not(.tiny-banner).box-2 .block:nth-child(2n-8):before, .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(3n-7):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(4n-6):before {
    background: rgba(34, 34, 34, 0.1); }
  .generic-template .brand:not(.tiny-banner).box-3 .block:nth-child(3n-6):before, .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(4n-5):before {
    background: rgba(34, 34, 34, 0.2); }
  .generic-template .brand:not(.tiny-banner).box-4 .block:nth-child(4n-4):before {
    background: rgba(34, 34, 34, 0.3); }
.generic-template .toid.box-1 .block .img + .details, .generic-template .toid.box-2 .block .img + .details, .generic-template .toid.box-3:not(.logos) .block .img + .details, .generic-template .toid.box-4:not(.logos) .block .img + .details {
  position: absolute;
  bottom: 0px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px;
  padding: 40px;
  background: rgba(0, 0, 0, 0.8); }
  .generic-template .toid.box-1 .block .img + .details .sub-title, .generic-template .toid.box-1 .block .img + .details .title, .generic-template .toid.box-1 .block .img + .details .description, .generic-template .toid.box-1 .block .img + .details .l-description, .generic-template .toid.box-1 .block .img + .details .l-description > a, .generic-template .toid.box-1 .block .img + .details .l-description li a, .generic-template .toid.box-1 .block .img + .details .l-description li:before, .generic-template .toid.box-1 .block .img + .details h1, .generic-template .toid.box-1 .block .img + .details h2, .generic-template .toid.box-1 .block .img + .details h3, .generic-template .toid.box-1 .block .img + .details h4, .generic-template .toid.box-1 .block .img + .details h5, .generic-template .toid.box-1 .block .img + .details h6, .generic-template .toid.box-1 .block .img + .details div.link a, .generic-template .toid.box-1 .block .img + .details div.link a:after, .generic-template .toid.box-1 .block .img + .details p, .generic-template .toid.box-1 .block .img + .details span, .generic-template .toid.box-2 .block .img + .details .sub-title, .generic-template .toid.box-2 .block .img + .details .title, .generic-template .toid.box-2 .block .img + .details .description, .generic-template .toid.box-2 .block .img + .details .l-description, .generic-template .toid.box-2 .block .img + .details .l-description > a, .generic-template .toid.box-2 .block .img + .details .l-description li a, .generic-template .toid.box-2 .block .img + .details .l-description li:before, .generic-template .toid.box-2 .block .img + .details h1, .generic-template .toid.box-2 .block .img + .details h2, .generic-template .toid.box-2 .block .img + .details h3, .generic-template .toid.box-2 .block .img + .details h4, .generic-template .toid.box-2 .block .img + .details h5, .generic-template .toid.box-2 .block .img + .details h6, .generic-template .toid.box-2 .block .img + .details div.link a, .generic-template .toid.box-2 .block .img + .details div.link a:after, .generic-template .toid.box-2 .block .img + .details p, .generic-template .toid.box-2 .block .img + .details span, .generic-template .toid.box-3:not(.logos) .block .img + .details .sub-title, .generic-template .toid.box-3:not(.logos) .block .img + .details .title, .generic-template .toid.box-3:not(.logos) .block .img + .details .description, .generic-template .toid.box-3:not(.logos) .block .img + .details .l-description, .generic-template .toid.box-3:not(.logos) .block .img + .details .l-description > a, .generic-template .toid.box-3:not(.logos) .block .img + .details .l-description li a, .generic-template .toid.box-3:not(.logos) .block .img + .details .l-description li:before, .generic-template .toid.box-3:not(.logos) .block .img + .details h1, .generic-template .toid.box-3:not(.logos) .block .img + .details h2, .generic-template .toid.box-3:not(.logos) .block .img + .details h3, .generic-template .toid.box-3:not(.logos) .block .img + .details h4, .generic-template .toid.box-3:not(.logos) .block .img + .details h5, .generic-template .toid.box-3:not(.logos) .block .img + .details h6, .generic-template .toid.box-3:not(.logos) .block .img + .details div.link a, .generic-template .toid.box-3:not(.logos) .block .img + .details div.link a:after, .generic-template .toid.box-3:not(.logos) .block .img + .details p, .generic-template .toid.box-3:not(.logos) .block .img + .details span, .generic-template .toid.box-4:not(.logos) .block .img + .details .sub-title, .generic-template .toid.box-4:not(.logos) .block .img + .details .title, .generic-template .toid.box-4:not(.logos) .block .img + .details .description, .generic-template .toid.box-4:not(.logos) .block .img + .details .l-description, .generic-template .toid.box-4:not(.logos) .block .img + .details .l-description > a, .generic-template .toid.box-4:not(.logos) .block .img + .details .l-description li a, .generic-template .toid.box-4:not(.logos) .block .img + .details .l-description li:before, .generic-template .toid.box-4:not(.logos) .block .img + .details h1, .generic-template .toid.box-4:not(.logos) .block .img + .details h2, .generic-template .toid.box-4:not(.logos) .block .img + .details h3, .generic-template .toid.box-4:not(.logos) .block .img + .details h4, .generic-template .toid.box-4:not(.logos) .block .img + .details h5, .generic-template .toid.box-4:not(.logos) .block .img + .details h6, .generic-template .toid.box-4:not(.logos) .block .img + .details div.link a, .generic-template .toid.box-4:not(.logos) .block .img + .details div.link a:after, .generic-template .toid.box-4:not(.logos) .block .img + .details p, .generic-template .toid.box-4:not(.logos) .block .img + .details span {
    color: white; }
  @media (max-width: 991px) {
    .generic-template .toid.box-1 .block .img + .details, .generic-template .toid.box-2 .block .img + .details, .generic-template .toid.box-3:not(.logos) .block .img + .details, .generic-template .toid.box-4:not(.logos) .block .img + .details {
      padding: 15px; } }
.generic-template .toid.box-1 .block .video + .details, .generic-template .toid.box-2 .block .video + .details, .generic-template .toid.box-3:not(.logos) .block .video + .details, .generic-template .toid.box-4:not(.logos) .block .video + .details {
  display: none; }
.generic-template .toid.box-1 .block:hover, .generic-template .toid.box-2 .block:hover, .generic-template .toid.box-3:not(.logos) .block:hover, .generic-template .toid.box-4:not(.logos) .block:hover {
  .img: nth-last-child(2); }
.generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block:nth-child(n+2), .generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-2 .block:nth-child(n+3), .generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-3 .block:nth-child(n+4), .generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-4 .block:nth-child(n+5), .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block:nth-child(n+2), .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-2 .block:nth-child(n+3), .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-3 .block:nth-child(n+4), .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-4 .block:nth-child(n+5), .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block:nth-child(n+2), .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-2 .block:nth-child(n+3), .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-3 .block:nth-child(n+4), .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-4 .block:nth-child(n+5), .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block:nth-child(n+2), .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-2 .block:nth-child(n+3), .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-3 .block:nth-child(n+4), .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-4 .block:nth-child(n+5) {
  margin-top: 30px; }
.generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .sub-title, .generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .description, .generic-template .toid.box-1:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .l-description, .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .sub-title, .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .description, .generic-template .toid.box-2:not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .l-description, .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .sub-title, .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .description, .generic-template .toid.box-3:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .l-description, .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .sub-title, .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .description, .generic-template .toid.box-4:not(.logos):not(.fluid):not(.border):not(.dark):not(.brand).box-1 .block .img + .details .l-description {
  display: none; }
.generic-template .toid.box-1.box-1 .block .details, .generic-template .toid.box-1.box-2 .block .details, .generic-template .toid.box-1.box-3 .block .details, .generic-template .toid.box-1.box-4 .block .details, .generic-template .toid.box-2.box-1 .block .details, .generic-template .toid.box-2.box-2 .block .details, .generic-template .toid.box-2.box-3 .block .details, .generic-template .toid.box-2.box-4 .block .details, .generic-template .toid.box-3:not(.logos).box-1 .block .details, .generic-template .toid.box-3:not(.logos).box-2 .block .details, .generic-template .toid.box-3:not(.logos).box-3 .block .details, .generic-template .toid.box-3:not(.logos).box-4 .block .details, .generic-template .toid.box-4:not(.logos).box-1 .block .details, .generic-template .toid.box-4:not(.logos).box-2 .block .details, .generic-template .toid.box-4:not(.logos).box-3 .block .details, .generic-template .toid.box-4:not(.logos).box-4 .block .details {
  width: calc(100% - 30px);
  margin: auto;
  height: auto; }
.generic-template .toid.box-1.box-1 .block .img + .details, .generic-template .toid.box-1.box-2 .block .img + .details, .generic-template .toid.box-1.box-3 .block .img + .details, .generic-template .toid.box-1.box-4 .block .img + .details, .generic-template .toid.box-2.box-1 .block .img + .details, .generic-template .toid.box-2.box-2 .block .img + .details, .generic-template .toid.box-2.box-3 .block .img + .details, .generic-template .toid.box-2.box-4 .block .img + .details, .generic-template .toid.box-3:not(.logos).box-1 .block .img + .details, .generic-template .toid.box-3:not(.logos).box-2 .block .img + .details, .generic-template .toid.box-3:not(.logos).box-3 .block .img + .details, .generic-template .toid.box-3:not(.logos).box-4 .block .img + .details, .generic-template .toid.box-4:not(.logos).box-1 .block .img + .details, .generic-template .toid.box-4:not(.logos).box-2 .block .img + .details, .generic-template .toid.box-4:not(.logos).box-3 .block .img + .details, .generic-template .toid.box-4:not(.logos).box-4 .block .img + .details {
  height: 100%; }
.generic-template .toid.box-1.border .block .details, .generic-template .toid.box-1.dark .block .details, .generic-template .toid.box-1.brand .block .details, .generic-template .toid.box-1.fluid .block .details, .generic-template .toid.box-2.border .block .details, .generic-template .toid.box-2.dark .block .details, .generic-template .toid.box-2.brand .block .details, .generic-template .toid.box-2.fluid .block .details, .generic-template .toid.box-3:not(.logos).border .block .details, .generic-template .toid.box-3:not(.logos).dark .block .details, .generic-template .toid.box-3:not(.logos).brand .block .details, .generic-template .toid.box-3:not(.logos).fluid .block .details, .generic-template .toid.box-4:not(.logos).border .block .details, .generic-template .toid.box-4:not(.logos).dark .block .details, .generic-template .toid.box-4:not(.logos).brand .block .details, .generic-template .toid.box-4:not(.logos).fluid .block .details {
  width: 100%; }
.generic-template .toid.box-1.box-3 .block .details .sub-title, .generic-template .toid.box-1.box-3 .block .details .description, .generic-template .toid.box-1.box-3 .block .details .l-description, .generic-template .toid.box-1.box-4 .block .details .sub-title, .generic-template .toid.box-1.box-4 .block .details .description, .generic-template .toid.box-1.box-4 .block .details .l-description, .generic-template .toid.box-2.box-3 .block .details .sub-title, .generic-template .toid.box-2.box-3 .block .details .description, .generic-template .toid.box-2.box-3 .block .details .l-description, .generic-template .toid.box-2.box-4 .block .details .sub-title, .generic-template .toid.box-2.box-4 .block .details .description, .generic-template .toid.box-2.box-4 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-3 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-3 .block .details .description, .generic-template .toid.box-3:not(.logos).box-3 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-4 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-4 .block .details .description, .generic-template .toid.box-3:not(.logos).box-4 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-3 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-3 .block .details .description, .generic-template .toid.box-4:not(.logos).box-3 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-4 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-4 .block .details .description, .generic-template .toid.box-4:not(.logos).box-4 .block .details .l-description {
  display: none; }
.generic-template .toid.box-1.border .block .details, .generic-template .toid.box-2.border .block .details, .generic-template .toid.box-3:not(.logos).border .block .details, .generic-template .toid.box-4:not(.logos).border .block .details {
  z-index: 5;
  padding-left: 60px; }
  .generic-template .toid.box-1.border .block .details:before, .generic-template .toid.box-2.border .block .details:before, .generic-template .toid.box-3:not(.logos).border .block .details:before, .generic-template .toid.box-4:not(.logos).border .block .details:before {
    content: "";
    border: 10px solid #214a8c;
    min-height: 100%;
    position: absolute;
    left: 0px;
    top: 0px; }
.generic-template .toid.box-1.border .block:before, .generic-template .toid.box-2.border .block:before, .generic-template .toid.box-3:not(.logos).border .block:before, .generic-template .toid.box-4:not(.logos).border .block:before {
  z-index: 2; }
.generic-template .toid.box-1.border.box-4 .block .details:before, .generic-template .toid.box-2.border.box-4 .block .details:before, .generic-template .toid.box-3:not(.logos).border.box-4 .block .details:before, .generic-template .toid.box-4:not(.logos).border.box-4 .block .details:before {
  content: "";
  border-width: 5px; }
.generic-template .toid.box-1.fluid.box-1 .block .details, .generic-template .toid.box-1.fluid.box-2 .block .details, .generic-template .toid.box-1.fluid.box-3 .block .details, .generic-template .toid.box-2.fluid.box-1 .block .details, .generic-template .toid.box-2.fluid.box-2 .block .details, .generic-template .toid.box-2.fluid.box-3 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-1 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-2 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-3 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-1 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-2 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-3 .block .details {
  padding: 60px; }
  @media (max-width: 991px) {
    .generic-template .toid.box-1.fluid.box-1 .block .details, .generic-template .toid.box-1.fluid.box-2 .block .details, .generic-template .toid.box-1.fluid.box-3 .block .details, .generic-template .toid.box-2.fluid.box-1 .block .details, .generic-template .toid.box-2.fluid.box-2 .block .details, .generic-template .toid.box-2.fluid.box-3 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-1 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-2 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-3 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-1 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-2 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-3 .block .details {
      padding: 15px; } }
.generic-template .toid.box-1.fluid.box-4 .block .details, .generic-template .toid.box-2.fluid.box-4 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-4 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-4 .block .details {
  padding: 40px; }
  @media (max-width: 991px) {
    .generic-template .toid.box-1.fluid.box-4 .block .details, .generic-template .toid.box-2.fluid.box-4 .block .details, .generic-template .toid.box-3:not(.logos).fluid.box-4 .block .details, .generic-template .toid.box-4:not(.logos).fluid.box-4 .block .details {
      padding: 15px; } }
.generic-template .toid.box-1.fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-1.fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-2.fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-2.fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-3:not(.logos).fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-3:not(.logos).fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-4:not(.logos).fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-4:not(.logos).fluid.border.box-2 .block .img + .details .link a {
  color: #222;
  background: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 0px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 45px;
  line-height: 1rem;
  text-decoration: none;
  display: inline-flex;
  border: 3px solid #fff;
  align-items: center;
  justify-content: center; }
  .generic-template .toid.box-1.fluid.border.box-1 .block .img + .details .link a:after, .generic-template .toid.box-1.fluid.border.box-2 .block .img + .details .link a:after, .generic-template .toid.box-2.fluid.border.box-1 .block .img + .details .link a:after, .generic-template .toid.box-2.fluid.border.box-2 .block .img + .details .link a:after, .generic-template .toid.box-3:not(.logos).fluid.border.box-1 .block .img + .details .link a:after, .generic-template .toid.box-3:not(.logos).fluid.border.box-2 .block .img + .details .link a:after, .generic-template .toid.box-4:not(.logos).fluid.border.box-1 .block .img + .details .link a:after, .generic-template .toid.box-4:not(.logos).fluid.border.box-2 .block .img + .details .link a:after {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-left: 5px;
    left: 0px;
    font-weight: 400;
    content: "\e912";
    color: #214a8c; }
  .generic-template .toid.box-1.fluid.border.box-1 .block .img + .details .link a:hover, .generic-template .toid.box-1.fluid.border.box-2 .block .img + .details .link a:hover, .generic-template .toid.box-2.fluid.border.box-1 .block .img + .details .link a:hover, .generic-template .toid.box-2.fluid.border.box-2 .block .img + .details .link a:hover, .generic-template .toid.box-3:not(.logos).fluid.border.box-1 .block .img + .details .link a:hover, .generic-template .toid.box-3:not(.logos).fluid.border.box-2 .block .img + .details .link a:hover, .generic-template .toid.box-4:not(.logos).fluid.border.box-1 .block .img + .details .link a:hover, .generic-template .toid.box-4:not(.logos).fluid.border.box-2 .block .img + .details .link a:hover {
    text-decoration: none;
    background: none;
    color: #fff; }
  .generic-template .toid.box-1.fluid.border.box-1 .block .img + .details .link a:hover:after, .generic-template .toid.box-1.fluid.border.box-2 .block .img + .details .link a:hover:after, .generic-template .toid.box-2.fluid.border.box-1 .block .img + .details .link a:hover:after, .generic-template .toid.box-2.fluid.border.box-2 .block .img + .details .link a:hover:after, .generic-template .toid.box-3:not(.logos).fluid.border.box-1 .block .img + .details .link a:hover:after, .generic-template .toid.box-3:not(.logos).fluid.border.box-2 .block .img + .details .link a:hover:after, .generic-template .toid.box-4:not(.logos).fluid.border.box-1 .block .img + .details .link a:hover:after, .generic-template .toid.box-4:not(.logos).fluid.border.box-2 .block .img + .details .link a:hover:after {
    left: 5px;
    text-decoration: none;
    color: #fff; }
  @media (max-width: 991px) {
    .generic-template .toid.box-1.fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-1.fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-2.fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-2.fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-3:not(.logos).fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-3:not(.logos).fluid.border.box-2 .block .img + .details .link a, .generic-template .toid.box-4:not(.logos).fluid.border.box-1 .block .img + .details .link a, .generic-template .toid.box-4:not(.logos).fluid.border.box-2 .block .img + .details .link a {
      padding: 5px 7px;
      font-size: 0.75rem;
      height: auto; } }
@media (min-width: 992px) {
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-1 .block .img + .details, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-2 .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-1 .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-2 .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-1 .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-2 .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-1 .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-2 .block .img + .details {
    height: 150px; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-1.fluid .block .img + .details, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-2.fluid .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-1.fluid .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-2.fluid .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-1.fluid .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-2.fluid .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-1.fluid .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-2.fluid .block .img + .details {
    height: 200px; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details {
    padding: 20px;
    height: 60px;
    overflow: hidden; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details .title, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details .title {
      display: none; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details .link, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details .link, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details .link, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details .link, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details .link, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details .link, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details .link, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details .link {
      margin-top: 0px; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .title, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .title {
      display: block; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .link, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .link, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .link, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .link, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .link, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .link, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .link, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .link {
      line-height: 40px; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .description, .generic-template .toid.box-1:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .description, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .description, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .description, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .description, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .description, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-3 .block .img + .details:hover .description, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand).box-4 .block .img + .details:hover .description {
      display: none; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .details {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    justify-content: center; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details {
    z-index: 2; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details .title {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details .description, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details .description, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details .description, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details .description {
      display: none; }
    .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details:hover, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details:hover, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover {
      background: rgba(0, 0, 0, 0.8);
      height: 100% !important; }
      .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details:hover .title, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details:hover .title, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover .title, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover .title {
        white-space: normal; }
      .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .img + .details:hover .description, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .img + .details:hover .description, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover .description, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .img + .details:hover .description {
        display: block; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block .details:only-child, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block .details:only-child, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block .details:only-child, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block .details:only-child {
    position: inherit;
    height: 100%; }
  .generic-template .toid.box-1:not(.border):not(.dark):not(.brand) .block:hover .img:nth-last-child(2) img, .generic-template .toid.box-2:not(.border):not(.dark):not(.brand) .block:hover .img:nth-last-child(2) img, .generic-template .toid.box-3:not(.logos):not(.border):not(.dark):not(.brand) .block:hover .img:nth-last-child(2) img, .generic-template .toid.box-4:not(.logos):not(.border):not(.dark):not(.brand) .block:hover .img:nth-last-child(2) img {
    filter: brightness(1); } }
@media (max-width: 991px) {
  .generic-template .toid.box-1.box-1 .block .details .sub-title, .generic-template .toid.box-1.box-1 .block .details .description, .generic-template .toid.box-1.box-1 .block .details .l-description, .generic-template .toid.box-1.box-2 .block .details .sub-title, .generic-template .toid.box-1.box-2 .block .details .description, .generic-template .toid.box-1.box-2 .block .details .l-description, .generic-template .toid.box-1.box-3 .block .details .sub-title, .generic-template .toid.box-1.box-3 .block .details .description, .generic-template .toid.box-1.box-3 .block .details .l-description, .generic-template .toid.box-1.box-4 .block .details .sub-title, .generic-template .toid.box-1.box-4 .block .details .description, .generic-template .toid.box-1.box-4 .block .details .l-description, .generic-template .toid.box-2.box-1 .block .details .sub-title, .generic-template .toid.box-2.box-1 .block .details .description, .generic-template .toid.box-2.box-1 .block .details .l-description, .generic-template .toid.box-2.box-2 .block .details .sub-title, .generic-template .toid.box-2.box-2 .block .details .description, .generic-template .toid.box-2.box-2 .block .details .l-description, .generic-template .toid.box-2.box-3 .block .details .sub-title, .generic-template .toid.box-2.box-3 .block .details .description, .generic-template .toid.box-2.box-3 .block .details .l-description, .generic-template .toid.box-2.box-4 .block .details .sub-title, .generic-template .toid.box-2.box-4 .block .details .description, .generic-template .toid.box-2.box-4 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-1 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-1 .block .details .description, .generic-template .toid.box-3:not(.logos).box-1 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-2 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-2 .block .details .description, .generic-template .toid.box-3:not(.logos).box-2 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-3 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-3 .block .details .description, .generic-template .toid.box-3:not(.logos).box-3 .block .details .l-description, .generic-template .toid.box-3:not(.logos).box-4 .block .details .sub-title, .generic-template .toid.box-3:not(.logos).box-4 .block .details .description, .generic-template .toid.box-3:not(.logos).box-4 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-1 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-1 .block .details .description, .generic-template .toid.box-4:not(.logos).box-1 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-2 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-2 .block .details .description, .generic-template .toid.box-4:not(.logos).box-2 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-3 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-3 .block .details .description, .generic-template .toid.box-4:not(.logos).box-3 .block .details .l-description, .generic-template .toid.box-4:not(.logos).box-4 .block .details .sub-title, .generic-template .toid.box-4:not(.logos).box-4 .block .details .description, .generic-template .toid.box-4:not(.logos).box-4 .block .details .l-description {
    display: none; } }
.generic-template .toid.list .block {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  flex-direction: row; }
  .generic-template .toid.list .block .img, .generic-template .toid.list .block .video {
    max-width: 25%;
    flex: auto; }
  .generic-template .toid.list .block .video {
    padding-bottom: 14.0625%; }
  .generic-template .toid.list .block .details {
    margin-top: 0px; }
  .generic-template .toid.list .block .img + .details, .generic-template .toid.list .block .video + .details {
    max-width: 75%;
    flex: auto; }
    .generic-template .toid.list .block .img + .details .sub-title, .generic-template .toid.list .block .video + .details .sub-title {
      display: none; }
  .generic-template .toid.list .block .details:only-child {
    width: 100%; }
    .generic-template .toid.list .block .details:only-child .title:nth-last-child(2), .generic-template .toid.list .block .details:only-child .description:nth-last-child(1), .generic-template .toid.list .block .details:only-child .l-description:nth-last-child(1) {
      text-align: center;
      justify-content: center; }
.generic-template .toid.list .block:last-child {
  margin-bottom: 0px; }
.generic-template .toid.list.right .block .img + .details, .generic-template .toid.list.right .block .video + .details {
  padding-left: 40px; }
.generic-template .toid.list.left .block .img + .details, .generic-template .toid.list.left .block .video + .details {
  padding-right: 40px; }
.generic-template .toid.list.fluid .block:nth-child(n+2):before {
  border-top: none; }
@media (min-width: 992px) {
  .generic-template .toid.list.fluid .block {
    margin-bottom: 0px; }
    .generic-template .toid.list.fluid .block .img, .generic-template .toid.list.fluid .block .video {
      max-width: 33.333333%; }
    .generic-template .toid.list.fluid .block .video {
      padding-bottom: 18.75%; }
    .generic-template .toid.list.fluid .block .img + .details, .generic-template .toid.list.fluid .block .video + .details {
      max-width: 66.66%; } }
@media (max-width: 991px) {
  .generic-template .toid.list .block {
    margin-bottom: 15px; }
    .generic-template .toid.list .block .img, .generic-template .toid.list .block .video, .generic-template .toid.list .block .img + .details, .generic-template .toid.list .block .video + .details {
      max-width: 50%; }
    .generic-template .toid.list .block .video {
      padding-bottom: 28.125%; }
  .generic-template .toid.list.right .block .img + .details, .generic-template .toid.list.right .block .video + .details, .generic-template .toid.list.left .block .img + .details, .generic-template .toid.list.left .block .video + .details {
    padding-left: 15px;
    padding-right: 0px; } }
@media (max-width: 767px) {
  .generic-template .toid.list .block {
    display: flex;
    flex-direction: column; }
    .generic-template .toid.list .block .img, .generic-template .toid.list .block .video, .generic-template .toid.list .block .img + .details, .generic-template .toid.list .block .video + .details {
      max-width: 100%; }
    .generic-template .toid.list .block .video {
      padding-bottom: 56.25%; }
  .generic-template .toid.list.right:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .toid.list.right:not(.border):not(.dark):not(.brand) .block .video + .details, .generic-template .toid.list.left:not(.border):not(.dark):not(.brand) .block .img + .details, .generic-template .toid.list.left:not(.border):not(.dark):not(.brand) .block .video + .details {
    padding-left: 0px;
    margin-top: 10px; }
  .generic-template .toid.list.right.fluid .block .img + .details, .generic-template .toid.list.right.fluid .block .video + .details, .generic-template .toid.list.left.fluid .block .img + .details, .generic-template .toid.list.left.fluid .block .video + .details {
    padding: 15px; } }
@media (min-width: 992px) {
  .generic-template .toid.list .block .details {
    padding: 40px; }
  .generic-template .toid.list .block .img, .generic-template .toid.list .block .video {
    max-width: 33.333333%; }
  .generic-template .toid.list .block .video {
    padding-bottom: 18.75%; }
  .generic-template .toid.list .block .img + .details, .generic-template .toid.list .block .video + .details {
    position: relative;
    width: 66.66%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .generic-template .toid.list .block .img + .details .title, .generic-template .toid.list .block .img + .details .link, .generic-template .toid.list .block .video + .details .title, .generic-template .toid.list .block .video + .details .link {
      width: calc(50% - 70px); }
    .generic-template .toid.list .block .img + .details .description, .generic-template .toid.list .block .img + .details .l-description, .generic-template .toid.list .block .video + .details .description, .generic-template .toid.list .block .video + .details .l-description {
      position: absolute;
      margin: 0px;
      right: 40px;
      width: 50%;
      padding-left: 40px;
      border-left: 1px solid #ccc; }
  .generic-template .toid.list:not(.border):not(.dark):not(.brand) .block .details {
    background: #f1f1f1; }
    .generic-template .toid.list:not(.border):not(.dark):not(.brand) .block .details .description, .generic-template .toid.list:not(.border):not(.dark):not(.brand) .block .details .l-description {
      color: #222; }
  .generic-template .toid.list.fluid .block .img + .details .title, .generic-template .toid.list.fluid .block .img + .details .link, .generic-template .toid.list.fluid .block .video + .details .title, .generic-template .toid.list.fluid .block .video + .details .link {
    width: 41.666667%; }
  .generic-template .toid.list.fluid:not(.border):not(.dark):not(.brand) .block {
    border-top: 1px solid #ddd; }
  .generic-template .toid.list.fluid:not(.border):not(.dark):not(.brand) .block:last-of-type {
    border-bottom: 1px solid #ddd; } }
.generic-template .toid.fancy:not(.olap), .generic-template .toid.olap.fancy:not(.olap) {
  border: none !important; }
  .generic-template .toid.fancy:not(.olap) .row {
    padding: 0px 15px; }
  .generic-template .toid.fancy:not(.olap) .block {
    padding: 0px; }
    .generic-template .toid.fancy:not(.olap) .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap) .block .details {
          padding: 15px; } }
    .generic-template .toid.fancy:not(.olap) .block .details:only-child {
      height: 100%; }
  .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .toid.fancy:not(.olap).dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .toid.fancy:not(.olap).brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .toid.fancy:not(.olap).fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).fluid .block .details {
        padding: 15px; } }
  .generic-template .toid.fancy:not(.olap) .block {
    background: #f1f1f1;
    display: flex;
    flex-direction: row; }
    .generic-template .toid.fancy:not(.olap) .block .img, .generic-template .toid.fancy:not(.olap) .block .video, .generic-template .toid.fancy:not(.olap) .block .details {
      margin: auto 0px; }
    .generic-template .toid.fancy:not(.olap) .block .img img {
      width: 100%; }
    .generic-template .toid.fancy:not(.olap) .block .img:only-child, .generic-template .toid.fancy:not(.olap) .block .video:only-child, .generic-template .toid.fancy:not(.olap) .block .details:only-child {
      max-width: 100%;
      width: 100%; }
    .generic-template .toid.fancy:not(.olap) .block .details {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
      .generic-template .toid.fancy:not(.olap) .block .details .l-description figure {
        display: none; }
  .generic-template .toid.fancy:not(.olap):not(.fluid) .block:not(:last-child) {
    margin-bottom: 60px; }
  .generic-template .toid.fancy:not(.olap).fluid .block {
    margin-bottom: 0px; }
    .generic-template .toid.fancy:not(.olap).fluid .block:before {
      border: none !important; }
  .generic-template .toid.fancy:not(.olap).right .block:nth-child(odd) .details {
    right: 0px; }
  .generic-template .toid.fancy:not(.olap).right .block:nth-child(even) .details {
    order: 1; }
  .generic-template .toid.fancy:not(.olap).right .block:nth-child(even) .img, .generic-template .toid.fancy:not(.olap).right .block:nth-child(even) .video {
    order: 2;
    margin-left: auto; }
  .generic-template .toid.fancy:not(.olap).left .block:nth-child(odd) .img, .generic-template .toid.fancy:not(.olap).left .block:nth-child(odd) .video {
    margin-left: auto; }
  .generic-template .toid.fancy:not(.olap).left .block:nth-child(even) .details {
    order: 2;
    margin-left: auto;
    right: 0px; }
  .generic-template .toid.fancy:not(.olap).left .block:nth-child(even) .img, .generic-template .toid.fancy:not(.olap).left .block:nth-child(even) .video {
    order: 1; }
  .generic-template .toid.fancy:not(.olap).dark .block, .generic-template .toid.fancy:not(.olap).brand .block, .generic-template .toid.fancy:not(.olap).border .block {
    background: none; }
  .generic-template .toid.fancy:not(.olap).border {
    border: none !important; }
    .generic-template .toid.fancy:not(.olap).border .row {
      padding: 0px 15px; }
    .generic-template .toid.fancy:not(.olap).border .block {
      padding: 0px; }
      .generic-template .toid.fancy:not(.olap).border .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.fancy:not(.olap).border .block .details {
            padding: 15px; } }
      .generic-template .toid.fancy:not(.olap).border .block .details:only-child {
        height: 100%; }
    .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.fancy:not(.olap).border.dark.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.fancy:not(.olap).border.brand.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.fancy:not(.olap).border.fluid .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).border.fluid .block .details {
          padding: 15px; } }
    .generic-template .toid.fancy:not(.olap).border .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.fancy:not(.olap).border.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.fancy:not(.olap).border.box-2 .block:nth-child(n+3):before, .generic-template .toid.fancy:not(.olap).border.box-3 .block:nth-child(n+4):before, .generic-template .toid.fancy:not(.olap).border.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).border.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).border.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).border.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.fancy:not(.olap).border.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).border.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).border.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.fancy:not(.olap).border.box-2 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).border.box-3 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).border.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.fancy:not(.olap).border .block:before {
      border-color: #ddd;
      z-index: 1; }
    .generic-template .toid.fancy:not(.olap).border .block .img:only-child {
      z-index: -2; }
    .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a {
      background: #222;
      border-color: #222; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover {
        color: #222; }
      .generic-template .toid.fancy:not(.olap).border.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).border.fluid.box-2 .block .details .link a:hover:after {
        color: #222; }
    @media (max-width: 767px) {
      .generic-template .toid.fancy:not(.olap).border.fluid .block:before {
        border-left: none;
        border-right: none; } }
  .generic-template .toid.fancy:not(.olap).dark {
    border: none !important; }
    .generic-template .toid.fancy:not(.olap).dark .row {
      padding: 0px 15px; }
    .generic-template .toid.fancy:not(.olap).dark .block {
      padding: 0px; }
      .generic-template .toid.fancy:not(.olap).dark .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.fancy:not(.olap).dark .block .details {
            padding: 15px; } }
      .generic-template .toid.fancy:not(.olap).dark .block .details:only-child {
        height: 100%; }
    .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.fancy:not(.olap).dark.dark.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.fancy:not(.olap).dark.brand.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.fancy:not(.olap).dark.fluid .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).dark.fluid .block .details {
          padding: 15px; } }
    .generic-template .toid.fancy:not(.olap).dark .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.fancy:not(.olap).dark.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.fancy:not(.olap).dark.box-2 .block:nth-child(n+3):before, .generic-template .toid.fancy:not(.olap).dark.box-3 .block:nth-child(n+4):before, .generic-template .toid.fancy:not(.olap).dark.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).dark.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).dark.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).dark.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.fancy:not(.olap).dark.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).dark.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).dark.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.fancy:not(.olap).dark.box-2 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).dark.box-3 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).dark.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.fancy:not(.olap).dark .block {
      background: #222; }
      .generic-template .toid.fancy:not(.olap).dark .block .details .sub-title, .generic-template .toid.fancy:not(.olap).dark .block .details .title, .generic-template .toid.fancy:not(.olap).dark .block .details .description, .generic-template .toid.fancy:not(.olap).dark .block .details .l-description, .generic-template .toid.fancy:not(.olap).dark .block .details .l-description > a, .generic-template .toid.fancy:not(.olap).dark .block .details .l-description li a, .generic-template .toid.fancy:not(.olap).dark .block .details .l-description li:before, .generic-template .toid.fancy:not(.olap).dark .block .details h1, .generic-template .toid.fancy:not(.olap).dark .block .details h2, .generic-template .toid.fancy:not(.olap).dark .block .details h3, .generic-template .toid.fancy:not(.olap).dark .block .details h4, .generic-template .toid.fancy:not(.olap).dark .block .details h5, .generic-template .toid.fancy:not(.olap).dark .block .details h6, .generic-template .toid.fancy:not(.olap).dark .block .details div.link a, .generic-template .toid.fancy:not(.olap).dark .block .details div.link a:after, .generic-template .toid.fancy:not(.olap).dark .block .details p, .generic-template .toid.fancy:not(.olap).dark .block .details span {
        color: white; }
      .generic-template .toid.fancy:not(.olap).dark .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).dark.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).dark.fluid.box-2 .block .details .link a:hover:after {
        color: #214a8c; }
  .generic-template .toid.fancy:not(.olap).brand {
    border: none !important; }
    .generic-template .toid.fancy:not(.olap).brand .row {
      padding: 0px 15px; }
    .generic-template .toid.fancy:not(.olap).brand .block {
      padding: 0px; }
      .generic-template .toid.fancy:not(.olap).brand .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.fancy:not(.olap).brand .block .details {
            padding: 15px; } }
      .generic-template .toid.fancy:not(.olap).brand .block .details:only-child {
        height: 100%; }
    .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.fancy:not(.olap).brand.dark.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.fancy:not(.olap).brand.brand.box-1 .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.fancy:not(.olap).brand.fluid .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).brand.fluid .block .details {
          padding: 15px; } }
    .generic-template .toid.fancy:not(.olap).brand .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.fancy:not(.olap).brand.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(n+3):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:nth-child(n+4):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.fancy:not(.olap).brand .block {
      background: #222; }
      .generic-template .toid.fancy:not(.olap).brand .block .details .sub-title, .generic-template .toid.fancy:not(.olap).brand .block .details .title, .generic-template .toid.fancy:not(.olap).brand .block .details .description, .generic-template .toid.fancy:not(.olap).brand .block .details .l-description, .generic-template .toid.fancy:not(.olap).brand .block .details .l-description > a, .generic-template .toid.fancy:not(.olap).brand .block .details .l-description li a, .generic-template .toid.fancy:not(.olap).brand .block .details .l-description li:before, .generic-template .toid.fancy:not(.olap).brand .block .details h1, .generic-template .toid.fancy:not(.olap).brand .block .details h2, .generic-template .toid.fancy:not(.olap).brand .block .details h3, .generic-template .toid.fancy:not(.olap).brand .block .details h4, .generic-template .toid.fancy:not(.olap).brand .block .details h5, .generic-template .toid.fancy:not(.olap).brand .block .details h6, .generic-template .toid.fancy:not(.olap).brand .block .details div.link a, .generic-template .toid.fancy:not(.olap).brand .block .details div.link a:after, .generic-template .toid.fancy:not(.olap).brand .block .details p, .generic-template .toid.fancy:not(.olap).brand .block .details span {
        color: white; }
      .generic-template .toid.fancy:not(.olap).brand .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .toid.fancy:not(.olap).brand .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.fancy:not(.olap).brand.box-1 .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(n+3):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:nth-child(n+4):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.fancy:not(.olap).brand.box-2 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).brand.box-3 .block:nth-child(n+2):before, .generic-template .toid.fancy:not(.olap).brand.box-4 .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.fancy:not(.olap).brand .block {
      background: #214a8c; }
      .generic-template .toid.fancy:not(.olap).brand .block:before {
        border-color: rgba(255, 255, 255, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a:hover:after, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.fancy:not(.olap).brand.fluid.box-1 .block .details .link a, .generic-template .toid.fancy:not(.olap).brand.fluid.box-2 .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 992px) {
    .generic-template .toid.fancy:not(.olap) .block .details:only-child {
      text-align: center; }
    .generic-template .toid.fancy:not(.olap) .block .img, .generic-template .toid.fancy:not(.olap) .block .video, .generic-template .toid.fancy:not(.olap) .block .img + .details, .generic-template .toid.fancy:not(.olap) .block .video + .details {
      max-width: 50%; }
      .generic-template .toid.fancy:not(.olap) .block .img .title:last-child, .generic-template .toid.fancy:not(.olap) .block .video .title:last-child, .generic-template .toid.fancy:not(.olap) .block .img + .details .title:last-child, .generic-template .toid.fancy:not(.olap) .block .video + .details .title:last-child {
        font-size: calc(100% + 3rem); }
    .generic-template .toid.fancy:not(.olap) .block .video {
      padding-bottom: 28.125%; } }
  .generic-template .toid.fancy:not(.olap).border .block, .generic-template .toid.fancy:not(.olap).olap .block {
    background: none; }
  @media (max-width: 991px) {
    .generic-template .toid.fancy:not(.olap) .block {
      display: flex;
      flex-direction: column; }
      .generic-template .toid.fancy:not(.olap) .block .details {
        padding: 15px;
        margin-top: 0px; } }
  @media (min-width: 992px) {
    .generic-template .toid.fancy:not(.olap) .block .img, .generic-template .toid.fancy:not(.olap) .block .video {
      max-width: 100% !important; }
    .generic-template .toid.fancy:not(.olap) .block .sub-title {
      display: none; }
    .generic-template .toid.fancy:not(.olap) .block .img + .details, .generic-template .toid.fancy:not(.olap) .block .video + .details {
      position: absolute;
      background: rgba(255, 255, 255, 0.7); }
      .generic-template .toid.fancy:not(.olap) .block .img + .details .title, .generic-template .toid.fancy:not(.olap) .block .video + .details .title {
        font-size: 3rem;
        font-weight: 600; }
      .generic-template .toid.fancy:not(.olap) .block .img + .details .description, .generic-template .toid.fancy:not(.olap) .block .img + .details .l-description, .generic-template .toid.fancy:not(.olap) .block .video + .details .description, .generic-template .toid.fancy:not(.olap) .block .video + .details .l-description {
        margin-bottom: 15px; }
    .generic-template .toid.fancy:not(.olap) .block .video + .details {
      height: 50%;
      top: 25%; }
    .generic-template .toid.fancy:not(.olap) .block .video {
      padding-bottom: 56.25% !important; }
    .generic-template .toid.fancy:not(.olap).right .block:nth-child(odd) .video + .details .title, .generic-template .toid.fancy:not(.olap).left .block:nth-child(even) .video + .details .title {
      left: -50%;
      padding-right: 0px; }
    .generic-template .toid.fancy:not(.olap).right .block:nth-child(even) .video + .details .title, .generic-template .toid.fancy:not(.olap).left .block:nth-child(odd) .video + .details .title {
      padding-left: 0px; }
    .generic-template .toid.fancy:not(.olap).dark .block .img + .details, .generic-template .toid.fancy:not(.olap).dark .block .video + .details {
      position: absolute;
      background: rgba(0, 0, 0, 0.8); }
    .generic-template .toid.fancy:not(.olap).border .block {
      box-shadow: 0px 0px 0px 10px #214a8c; } }
.generic-template .toid.olap.fancy:not(.olap), .generic-template .toid.olap.fancy {
  border: none !important; }
  .generic-template .toid.olap.fancy .row {
    padding: 0px 15px; }
  .generic-template .toid.olap.fancy .block {
    padding: 0px; }
    .generic-template .toid.olap.fancy .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.fancy .block .details {
          padding: 15px; } }
    .generic-template .toid.olap.fancy .block .details:only-child {
      height: 100%; }
  .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template .toid.olap.dark.box-1.fancy .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template .toid.olap.brand.box-1.fancy .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template .toid.olap.fluid.fancy .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template .toid.olap.fluid.fancy .block .details {
        padding: 15px; } }
  .generic-template .toid.olap.fancy .block {
    background: #f1f1f1;
    display: flex;
    flex-direction: row; }
    .generic-template .toid.olap.fancy .block .img, .generic-template .toid.olap.fancy .block .video, .generic-template .toid.olap.fancy .block .details {
      margin: auto 0px; }
    .generic-template .toid.olap.fancy .block .img img {
      width: 100%; }
    .generic-template .toid.olap.fancy .block .img:only-child, .generic-template .toid.olap.fancy .block .video:only-child, .generic-template .toid.olap.fancy .block .details:only-child {
      max-width: 100%;
      width: 100%; }
    .generic-template .toid.olap.fancy .block .details {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 100%; }
      .generic-template .toid.olap.fancy .block .details .l-description figure {
        display: none; }
  .generic-template .toid.olap.fancy:not(.fluid) .block:not(:last-child) {
    margin-bottom: 60px; }
  .generic-template .toid.olap.fluid.fancy .block {
    margin-bottom: 0px; }
    .generic-template .toid.olap.fluid.fancy .block:before {
      border: none !important; }
  .generic-template .toid.olap.right.fancy .block:nth-child(odd) .details {
    right: 0px; }
  .generic-template .toid.olap.right.fancy .block:nth-child(even) .details {
    order: 1; }
  .generic-template .toid.olap.right.fancy .block:nth-child(even) .img, .generic-template .toid.olap.right.fancy .block:nth-child(even) .video {
    order: 2;
    margin-left: auto; }
  .generic-template .toid.olap.left.fancy .block:nth-child(odd) .img, .generic-template .toid.olap.left.fancy .block:nth-child(odd) .video {
    margin-left: auto; }
  .generic-template .toid.olap.left.fancy .block:nth-child(even) .details {
    order: 2;
    margin-left: auto;
    right: 0px; }
  .generic-template .toid.olap.left.fancy .block:nth-child(even) .img, .generic-template .toid.olap.left.fancy .block:nth-child(even) .video {
    order: 1; }
  .generic-template .toid.olap.dark.fancy .block, .generic-template .toid.olap.brand.fancy .block, .generic-template .toid.olap.border.fancy .block {
    background: none; }
  .generic-template .toid.olap.border.fancy {
    border: none !important; }
    .generic-template .toid.olap.border.fancy .row {
      padding: 0px 15px; }
    .generic-template .toid.olap.border.fancy .block {
      padding: 0px; }
      .generic-template .toid.olap.border.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.olap.border.fancy .block .details {
            padding: 15px; } }
      .generic-template .toid.olap.border.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.olap.border.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.olap.border.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.olap.border.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.border.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .toid.olap.border.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.olap.border.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.olap.border.box-2.fancy .block:nth-child(n+3):before, .generic-template .toid.olap.border.box-3.fancy .block:nth-child(n+4):before, .generic-template .toid.olap.border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.border.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.olap.border.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.olap.border.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.olap.border.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.border.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.olap.border.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.olap.border.box-2.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.border.box-3.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.border.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.olap.border.fancy .block:before {
      border-color: #ddd;
      z-index: 1; }
    .generic-template .toid.olap.border.fancy .block .img:only-child {
      z-index: -2; }
    .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a {
      background: #222;
      border-color: #222; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover {
        color: #222; }
      .generic-template .toid.olap.border.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.border.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #222; }
    @media (max-width: 767px) {
      .generic-template .toid.olap.border.fluid.fancy .block:before {
        border-left: none;
        border-right: none; } }
  .generic-template .toid.olap.dark.fancy {
    border: none !important; }
    .generic-template .toid.olap.dark.fancy .row {
      padding: 0px 15px; }
    .generic-template .toid.olap.dark.fancy .block {
      padding: 0px; }
      .generic-template .toid.olap.dark.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.olap.dark.fancy .block .details {
            padding: 15px; } }
      .generic-template .toid.olap.dark.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.olap.dark.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.olap.dark.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.olap.dark.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.dark.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .toid.olap.dark.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.olap.dark.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.olap.dark.box-2.fancy .block:nth-child(n+3):before, .generic-template .toid.olap.dark.box-3.fancy .block:nth-child(n+4):before, .generic-template .toid.olap.dark.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.dark.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.olap.dark.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.olap.dark.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.olap.dark.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.dark.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.olap.dark.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.olap.dark.box-2.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.dark.box-3.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.dark.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.olap.dark.fancy .block {
      background: #222; }
      .generic-template .toid.olap.dark.fancy .block .details .sub-title, .generic-template .toid.olap.dark.fancy .block .details .title, .generic-template .toid.olap.dark.fancy .block .details .description, .generic-template .toid.olap.dark.fancy .block .details .l-description, .generic-template .toid.olap.dark.fancy .block .details .l-description > a, .generic-template .toid.olap.dark.fancy .block .details .l-description li a, .generic-template .toid.olap.dark.fancy .block .details .l-description li:before, .generic-template .toid.olap.dark.fancy .block .details h1, .generic-template .toid.olap.dark.fancy .block .details h2, .generic-template .toid.olap.dark.fancy .block .details h3, .generic-template .toid.olap.dark.fancy .block .details h4, .generic-template .toid.olap.dark.fancy .block .details h5, .generic-template .toid.olap.dark.fancy .block .details h6, .generic-template .toid.olap.dark.fancy .block .details div.link a, .generic-template .toid.olap.dark.fancy .block .details div.link a:after, .generic-template .toid.olap.dark.fancy .block .details p, .generic-template .toid.olap.dark.fancy .block .details span {
        color: white; }
      .generic-template .toid.olap.dark.fancy .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.olap.dark.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.dark.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
  .generic-template .toid.olap.brand.fancy {
    border: none !important; }
    .generic-template .toid.olap.brand.fancy .row {
      padding: 0px 15px; }
    .generic-template .toid.olap.brand.fancy .block {
      padding: 0px; }
      .generic-template .toid.olap.brand.fancy .block .details {
        padding: 40px;
        margin-top: 0px;
        z-index: 1;
        position: relative; }
        @media (max-width: 991px) {
          .generic-template .toid.olap.brand.fancy .block .details {
            padding: 15px; } }
      .generic-template .toid.olap.brand.fancy .block .details:only-child {
        height: 100%; }
    .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
      position: relative;
      display: flex; }
      .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
        max-width: 360px;
        margin: 0px; }
      .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
        padding-left: 0px;
        display: flex;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0px;
        width: auto; }
        .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
          margin: 0px;
          width: 50%;
          counter-increment: li;
          padding: 40px; }
          @media (max-width: 991px) {
            .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              padding: 15px; } }
          .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
            content: counter(li);
            color: #fff;
            font-size: 3rem;
            line-height: 3rem;
            font-weight: 600;
            display: block; }
      .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 > p, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 > p {
        display: none; }
      @media (min-width: 992px) {
        .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
          border-left: none; } }
      @media (max-width: 991px) {
        .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 {
          display: flex;
          flex-direction: column; }
          .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure {
            max-width: 100%;
            text-align: center; }
            .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 figure img, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 figure img {
              max-height: 300px; }
          .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol {
            display: flex;
            flex-direction: column; }
            .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li {
              width: 100%; }
              .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li:before {
                font-size: 1.25rem;
                line-height: 1.25rem; }
            .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li, .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description:only-child .chs-1 ol li + li {
              border-top: none; } }
    .generic-template .toid.olap.brand.dark.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(115, 115, 155, 0.25); }
    .generic-template .toid.olap.brand.brand.box-1.fancy .block .details .l-description .chs-1 li {
      border: 1px solid rgba(255, 255, 255, 0.25); }
    .generic-template .toid.olap.brand.fluid.fancy .block .details {
      padding: 60px; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.brand.fluid.fancy .block .details {
          padding: 15px; } }
    .generic-template .toid.olap.brand.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.olap.brand.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(n+3):before, .generic-template .toid.olap.brand.box-3.fancy .block:nth-child(n+4):before, .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.olap.brand.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.olap.brand.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.brand.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.brand.box-3.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.olap.brand.fancy .block {
      background: #222; }
      .generic-template .toid.olap.brand.fancy .block .details .sub-title, .generic-template .toid.olap.brand.fancy .block .details .title, .generic-template .toid.olap.brand.fancy .block .details .description, .generic-template .toid.olap.brand.fancy .block .details .l-description, .generic-template .toid.olap.brand.fancy .block .details .l-description > a, .generic-template .toid.olap.brand.fancy .block .details .l-description li a, .generic-template .toid.olap.brand.fancy .block .details .l-description li:before, .generic-template .toid.olap.brand.fancy .block .details h1, .generic-template .toid.olap.brand.fancy .block .details h2, .generic-template .toid.olap.brand.fancy .block .details h3, .generic-template .toid.olap.brand.fancy .block .details h4, .generic-template .toid.olap.brand.fancy .block .details h5, .generic-template .toid.olap.brand.fancy .block .details h6, .generic-template .toid.olap.brand.fancy .block .details div.link a, .generic-template .toid.olap.brand.fancy .block .details div.link a:after, .generic-template .toid.olap.brand.fancy .block .details p, .generic-template .toid.olap.brand.fancy .block .details span {
        color: white; }
      .generic-template .toid.olap.brand.fancy .block:before {
        border-color: rgba(115, 115, 155, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:after {
        color: #fff; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        color: #214a8c; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        color: #214a8c; }
    .generic-template .toid.olap.brand.fancy .block:before {
      content: "";
      border: 1px solid;
      position: absolute;
      height: 100%;
      width: 100%; }
    .generic-template .toid.olap.brand.box-1.fancy .block:nth-child(n+2):before {
      border-top: none; }
    @media (min-width: 768px) {
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(n+3):before, .generic-template .toid.olap.brand.box-3.fancy .block:nth-child(n+4):before, .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(odd):not(:last-of-type):before, .generic-template .toid.olap.brand.box-3.fancy .block:not(:nth-child(3n)):not(:last-of-type):before, .generic-template .toid.olap.brand.box-4.fancy .block:not(:nth-child(2n)):not(:last-of-type):before {
        border-right: none; } }
    @media (min-width: 992px) {
      .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+5):before {
        border-top: none; }
      .generic-template .toid.olap.brand.box-4.fancy .block:not(:nth-child(4n)):not(:last-of-type):before {
        border-right: none; } }
    @media (max-width: 991px) {
      .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+3):before {
        border-top: none; } }
    @media (max-width: 767px) {
      .generic-template .toid.olap.brand.box-2.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.brand.box-3.fancy .block:nth-child(n+2):before, .generic-template .toid.olap.brand.box-4.fancy .block:nth-child(n+2):before {
        border-top: none; } }
    .generic-template .toid.olap.brand.fancy .block {
      background: #214a8c; }
      .generic-template .toid.olap.brand.fancy .block:before {
        border-color: rgba(255, 255, 255, 0.25);
        border-left: none;
        border-right: none; }
    .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a:hover:after, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .toid.olap.brand.fluid.box-1.fancy .block .details .link a, .generic-template .toid.olap.brand.fluid.box-2.fancy .block .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (min-width: 992px) {
    .generic-template .toid.olap.fancy .block .details:only-child {
      text-align: center; }
    .generic-template .toid.olap.fancy .block .img, .generic-template .toid.olap.fancy .block .video, .generic-template .toid.olap.fancy .block .img + .details, .generic-template .toid.olap.fancy .block .video + .details {
      max-width: 50%; }
      .generic-template .toid.olap.fancy .block .img .title:last-child, .generic-template .toid.olap.fancy .block .video .title:last-child, .generic-template .toid.olap.fancy .block .img + .details .title:last-child, .generic-template .toid.olap.fancy .block .video + .details .title:last-child {
        font-size: calc(100% + 3rem); }
    .generic-template .toid.olap.fancy .block .video {
      padding-bottom: 28.125%; } }
  .generic-template .toid.olap.border.fancy .block, .generic-template .toid.olap.olap.fancy .block {
    background: none; }
  @media (max-width: 991px) {
    .generic-template .toid.olap.fancy .block {
      display: flex;
      flex-direction: column; }
      .generic-template .toid.olap.fancy .block .details {
        padding: 15px;
        margin-top: 0px; } }
  .generic-template .toid.olap.fancy .block .details {
    background: #f1f1f1; }
  .generic-template .toid.olap.fancy .block:before {
    border: none; }
  .generic-template .toid.olap.border.fancy .details {
    border: 1px solid #ddd;
    background: #fff; }
  .generic-template .toid.olap.dark.fancy .details {
    background: #222; }
    .generic-template .toid.olap.dark.fancy .details .sub-title, .generic-template .toid.olap.dark.fancy .details .title, .generic-template .toid.olap.dark.fancy .details .description, .generic-template .toid.olap.dark.fancy .details .l-description, .generic-template .toid.olap.dark.fancy .details .l-description > a, .generic-template .toid.olap.dark.fancy .details .l-description li a, .generic-template .toid.olap.dark.fancy .details .l-description li:before, .generic-template .toid.olap.dark.fancy .details h1, .generic-template .toid.olap.dark.fancy .details h2, .generic-template .toid.olap.dark.fancy .details h3, .generic-template .toid.olap.dark.fancy .details h4, .generic-template .toid.olap.dark.fancy .details h5, .generic-template .toid.olap.dark.fancy .details h6, .generic-template .toid.olap.dark.fancy .details div.link a, .generic-template .toid.olap.dark.fancy .details div.link a:after, .generic-template .toid.olap.dark.fancy .details p, .generic-template .toid.olap.dark.fancy .details span {
      color: white; }
  .generic-template .toid.olap.brand.fancy .details {
    background: #214a8c; }
    .generic-template .toid.olap.brand.fancy .details .sub-title, .generic-template .toid.olap.brand.fancy .details .title, .generic-template .toid.olap.brand.fancy .details .description, .generic-template .toid.olap.brand.fancy .details .l-description, .generic-template .toid.olap.brand.fancy .details .l-description > a, .generic-template .toid.olap.brand.fancy .details .l-description li a, .generic-template .toid.olap.brand.fancy .details .l-description li:before, .generic-template .toid.olap.brand.fancy .details h1, .generic-template .toid.olap.brand.fancy .details h2, .generic-template .toid.olap.brand.fancy .details h3, .generic-template .toid.olap.brand.fancy .details h4, .generic-template .toid.olap.brand.fancy .details h5, .generic-template .toid.olap.brand.fancy .details h6, .generic-template .toid.olap.brand.fancy .details div.link a, .generic-template .toid.olap.brand.fancy .details div.link a:after, .generic-template .toid.olap.brand.fancy .details p, .generic-template .toid.olap.brand.fancy .details span {
      color: white; }
  .generic-template .toid.olap.border.fancy .block:before, .generic-template .toid.olap.dark.fancy .block:before, .generic-template .toid.olap.brand.fancy .block:before {
    display: none; }
  @media (min-width: 992px) {
    .generic-template .toid.olap.fancy .block {
      align-items: center; }
      .generic-template .toid.olap.fancy .block .img, .generic-template .toid.olap.fancy .block .video {
        max-width: 66.66%; }
      .generic-template .toid.olap.fancy .block .video {
        padding-bottom: 37.5%; }
      .generic-template .toid.olap.fancy .block .img + .details, .generic-template .toid.olap.fancy .block .video + .details {
        max-width: 50%;
        position: absolute;
        height: auto;
        width: 50%; }
    .generic-template .toid.olap.border.fancy .details {
      border: 1px solid #214a8c; }
    .generic-template .toid.olap.border.fancy .block .img + .details, .generic-template .toid.olap.border.fancy .block .video + .details, .generic-template .toid.olap.dark.fancy .block .img + .details, .generic-template .toid.olap.dark.fancy .block .video + .details, .generic-template .toid.olap.brand.fancy .block .img + .details, .generic-template .toid.olap.brand.fancy .block .video + .details {
      box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.75); } }
  @media (max-width: 991px) {
    .generic-template .toid.olap.fancy .block + .block .details {
      border-top: 1px solid #ddd; } }
  @media (min-width: 992px) {
    .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .img + .details, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .video + .details {
      background: none;
      padding: 0px;
      width: 50%; }
      .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .img + .details .title, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .video + .details .title {
        background: rgba(229, 229, 229, 0.85);
        padding: 40px;
        font-weight: 600; }
      .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .img + .details .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .img + .details .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .img + .details .link, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .video + .details .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .video + .details .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand) .block .video + .details .link {
        width: 60%;
        margin-top: 40px; }
    .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(odd) .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(odd) .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(odd) .link, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(even) .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(even) .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(even) .link {
      margin-left: auto; }
    .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(even) .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(even) .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).right .block:nth-child(even) .link, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(odd) .description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(odd) .l-description, .generic-template .toid.olap.fancy:not(.dark):not(.brand).left .block:nth-child(odd) .link {
      text-align: right; }
    .generic-template .toid.olap.fancy .block .sub-title {
      display: none; }
    .generic-template .toid.olap.fancy .block .details:only-child {
      margin: 0px auto; }
    .generic-template .toid.olap.border.fancy .block .img + .details, .generic-template .toid.olap.border.fancy .block .video + .details {
      border: none; }
      .generic-template .toid.olap.border.fancy .block .img + .details .title, .generic-template .toid.olap.border.fancy .block .video + .details .title {
        box-shadow: 0px 0px 0px 5px #eee;
        background: rgba(255, 255, 255, 0.7) !important; }
    .generic-template .toid.olap.dark.fancy .block .img + .details, .generic-template .toid.olap.dark.fancy .block .video + .details, .generic-template .toid.olap.brand.fancy .block .img + .details, .generic-template .toid.olap.brand.fancy .block .video + .details, .generic-template .toid.olap.border.fancy .block .img + .details, .generic-template .toid.olap.border.fancy .block .video + .details {
      box-shadow: none; }
    .generic-template .toid.olap.dark.fancy .block .img + .details, .generic-template .toid.olap.dark.fancy .block .video + .details {
      background: rgba(0, 0, 0, 0.8); }
      .generic-template .toid.olap.dark.fancy .block .img + .details .link a, .generic-template .toid.olap.dark.fancy .block .video + .details .link a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:after, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:hover, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:hover:after, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; } }
    @media (min-width: 992px) and (max-width: 991px) {
      .generic-template .toid.olap.dark.fancy .block .img + .details .link a, .generic-template .toid.olap.dark.fancy .block .video + .details .link a {
        padding: 5px 7px;
        font-size: 0.75rem;
        height: auto; } }
  @media (min-width: 992px) {
      .generic-template .toid.olap.dark.fancy .block .img + .details .link a, .generic-template .toid.olap.dark.fancy .block .video + .details .link a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:after, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:after {
          color: #fff; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:hover, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:hover {
          color: #214a8c; }
        .generic-template .toid.olap.dark.fancy .block .img + .details .link a:hover:after, .generic-template .toid.olap.dark.fancy .block .video + .details .link a:hover:after {
          color: #214a8c; }
    .generic-template .toid.olap.brand.fancy .block .img + .details .link a, .generic-template .toid.olap.brand.fancy .block .video + .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .toid.olap.brand.fancy .block .img + .details .link a:after, .generic-template .toid.olap.brand.fancy .block .video + .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .toid.olap.brand.fancy .block .img + .details .link a:hover, .generic-template .toid.olap.brand.fancy .block .video + .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .toid.olap.brand.fancy .block .img + .details .link a:hover:after, .generic-template .toid.olap.brand.fancy .block .video + .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; } }
  @media (min-width: 992px) and (max-width: 991px) {
    .generic-template .toid.olap.brand.fancy .block .img + .details .link a, .generic-template .toid.olap.brand.fancy .block .video + .details .link a {
      padding: 5px 7px;
      font-size: 0.75rem;
      height: auto; } }

.generic-template .tiny-banner {
  margin: 0px;
  max-width: 100%; }
  .generic-template .tiny-banner .row {
    margin: 0px; }
  .generic-template .tiny-banner .block {
    padding: 20px 60px;
    display: flex;
    flex-direction: row; }
    .generic-template .tiny-banner .block .img + .details {
      width: 66.66%; }
    .generic-template .tiny-banner .block .img {
      width: 33.333333%;
      order: 2;
      text-align: right;
      margin-bottom: 0px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .generic-template .tiny-banner .block .img img {
        width: auto;
        max-height: 120px; }
    .generic-template .tiny-banner .block .details {
      width: 100%;
      order: 1;
      margin: 0px !important; }
      .generic-template .tiny-banner .block .details .title {
        font-size: 1rem; }
      .generic-template .tiny-banner .block .details .title, .generic-template .tiny-banner .block .details .description, .generic-template .tiny-banner .block .details .l-description {
        margin-top: 0px; }
      .generic-template .tiny-banner .block .details .link {
        margin-top: 15px; }
        .generic-template .tiny-banner .block .details .link a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .generic-template .tiny-banner .block .details .link a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .generic-template .tiny-banner .block .details .link a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .generic-template .tiny-banner .block .details .link a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .generic-template .tiny-banner .block .details .link a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .generic-template .tiny-banner .block .details .link a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .generic-template .tiny-banner .block .details .link a:after {
            color: #fff; }
          .generic-template .tiny-banner .block .details .link a:hover {
            color: #214a8c; }
          .generic-template .tiny-banner .block .details .link a:hover:after {
            color: #214a8c; }
  .generic-template .tiny-banner .block:nth-child(odd) {
    background: #eee; }
    .generic-template .tiny-banner .block:nth-child(odd) .details:only-child {
      text-align: right; }
  .generic-template .tiny-banner .block:nth-child(even) .details .sub-title, .generic-template .tiny-banner .block:nth-child(even) .details .title, .generic-template .tiny-banner .block:nth-child(even) .details .description, .generic-template .tiny-banner .block:nth-child(even) .details .l-description, .generic-template .tiny-banner .block:nth-child(even) .details .l-description > a, .generic-template .tiny-banner .block:nth-child(even) .details .l-description li a, .generic-template .tiny-banner .block:nth-child(even) .details .l-description li:before, .generic-template .tiny-banner .block:nth-child(even) .details h1, .generic-template .tiny-banner .block:nth-child(even) .details h2, .generic-template .tiny-banner .block:nth-child(even) .details h3, .generic-template .tiny-banner .block:nth-child(even) .details h4, .generic-template .tiny-banner .block:nth-child(even) .details h5, .generic-template .tiny-banner .block:nth-child(even) .details h6, .generic-template .tiny-banner .block:nth-child(even) .details div.link a, .generic-template .tiny-banner .block:nth-child(even) .details div.link a:after, .generic-template .tiny-banner .block:nth-child(even) .details p, .generic-template .tiny-banner .block:nth-child(even) .details span {
    color: white; }
  .generic-template .tiny-banner.dark .block:nth-child(even) {
    background: #222; }
  .generic-template .tiny-banner.brand .block:nth-child(even) {
    background: #214a8c; }
    .generic-template .tiny-banner.brand .block:nth-child(even) .details .link a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .generic-template .tiny-banner.brand .block:nth-child(even) .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .generic-template .tiny-banner.brand .block:nth-child(even) .details .link a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .generic-template .tiny-banner.brand .block:nth-child(even) .details .link a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .generic-template .tiny-banner.brand .block:nth-child(even) .details .link a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  @media (max-width: 991px) {
    .generic-template .tiny-banner {
      padding: 0px; }
      .generic-template .tiny-banner .block {
        max-width: 100%;
        padding: 15px; } }
.generic-template .solo .carousel .carousel-control-prev, .generic-template .solo .carousel .carousel-control-next {
  height: 400px;
  font-size: 3rem;
  width: 100px;
  opacity: 1; }
  .generic-template .solo .carousel .carousel-control-prev .fe, .generic-template .solo .carousel .carousel-control-next .fe {
    color: #ccc; }
  .generic-template .solo .carousel .carousel-control-prev:hover .fe, .generic-template .solo .carousel .carousel-control-next:hover .fe {
    color: #214a8c; }
.generic-template .solo .carousel .carousel-inner {
  background: #eee; }
.generic-template .solo .carousel .carousel-item {
  height: 400px; }
  .generic-template .solo .carousel .carousel-item .carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    color: #666;
    padding: 0px; }
  .generic-template .solo .carousel .carousel-item .block {
    padding: 0px 100px;
    display: flex;
    flex-direction: row; }
    .generic-template .solo .carousel .carousel-item .block .img {
      width: 33.333333%; }
      .generic-template .solo .carousel .carousel-item .block .img img {
        width: auto;
        max-height: 320px;
        border-radius: 50%; }
    .generic-template .solo .carousel .carousel-item .block .img + .details {
      width: 66.66%;
      text-align: left; }
    .generic-template .solo .carousel .carousel-item .block .details {
      width: 100%;
      margin: 0px;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    .generic-template .solo .carousel .carousel-item .block .link {
      margin-top: 20px; }
      .generic-template .solo .carousel .carousel-item .block .link a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .generic-template .solo .carousel .carousel-item .block .link a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .generic-template .solo .carousel .carousel-item .block .link a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .generic-template .solo .carousel .carousel-item .block .link a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .generic-template .solo .carousel .carousel-item .block .link a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .generic-template .solo .carousel .carousel-item .block .link a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .generic-template .solo .carousel .carousel-item .block .link a:after {
          color: #fff; }
        .generic-template .solo .carousel .carousel-item .block .link a:hover {
          color: #214a8c; }
        .generic-template .solo .carousel .carousel-item .block .link a:hover:after {
          color: #214a8c; }
@media (max-width: 991px) {
  .generic-template .solo {
    padding: 0px; }
    .generic-template .solo .carousel .carousel-control-prev, .generic-template .solo .carousel .carousel-control-next {
      width: 50px; }
    .generic-template .solo .carousel .carousel-item .block {
      padding: 15px 40px;
      display: flex;
      align-items: center;
      flex-direction: column; }
      .generic-template .solo .carousel .carousel-item .block .img img {
        height: 150px; }
      .generic-template .solo .carousel .carousel-item .block .img + .details {
        width: 100%;
        text-align: center; }
      .generic-template .solo .carousel .carousel-item .block .details {
        margin-top: 10px; } }
.generic-template section:not(.fluid) + section.fluid h5 {
  padding-top: 0px; }
.generic-template section.fluid {
  border: none !important;
  max-width: 100% !important;
  padding: 0px;
  margin: 0px; }
  .generic-template section.fluid .row {
    padding: 0px 15px; }
  .generic-template section.fluid .block {
    padding: 0px; }
    .generic-template section.fluid .block .details {
      padding: 40px;
      margin-top: 0px;
      z-index: 1;
      position: relative; }
      @media (max-width: 991px) {
        .generic-template section.fluid .block .details {
          padding: 15px; } }
    .generic-template section.fluid .block .details:only-child {
      height: 100%; }
  .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 {
    position: relative;
    display: flex; }
    .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
      max-width: 360px;
      margin: 0px; }
    .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
      padding-left: 0px;
      display: flex;
      flex-wrap: nowrap;
      list-style: none;
      margin: 0px;
      width: auto; }
      .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
        margin: 0px;
        width: 50%;
        counter-increment: li;
        padding: 40px; }
        @media (max-width: 991px) {
          .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            padding: 15px; } }
        .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
          content: counter(li);
          color: #fff;
          font-size: 3rem;
          line-height: 3rem;
          font-weight: 600;
          display: block; }
    .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 > p, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 > p {
      display: none; }
    @media (min-width: 992px) {
      .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
        border-left: none; } }
    @media (max-width: 991px) {
      .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 {
        display: flex;
        flex-direction: column; }
        .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 figure, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 figure {
          max-width: 100%;
          text-align: center; }
          .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 figure img, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 figure img {
            max-height: 300px; }
        .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol {
          display: flex;
          flex-direction: column; }
          .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li {
            width: 100%; }
            .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li:before, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li:before {
              font-size: 1.25rem;
              line-height: 1.25rem; }
          .generic-template section.fluid.dark.box-1 .block .details .l-description:only-child .chs-1 ol li + li, .generic-template section.fluid.brand.box-1 .block .details .l-description:only-child .chs-1 ol li + li {
            border-top: none; } }
  .generic-template section.fluid.dark.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(115, 115, 155, 0.25); }
  .generic-template section.fluid.brand.box-1 .block .details .l-description .chs-1 li {
    border: 1px solid rgba(255, 255, 255, 0.25); }
  .generic-template section.fluid.fluid .block .details {
    padding: 60px; }
    @media (max-width: 991px) {
      .generic-template section.fluid.fluid .block .details {
        padding: 15px; } }
  .generic-template section.fluid .row {
    margin: 0px;
    padding: 0px !important; }
  .generic-template section.fluid .block {
    padding: 0px; }
  @media (max-width: 991px) {
    .generic-template section.fluid.border.txt-media .block:before {
      border-left: none;
      border-right: none; } }
  @media (max-width: 767px) {
    .generic-template section.fluid.border .block:before {
      border-left: none;
      border-right: none; } }
.generic-template .fluid + .cubes-banner {
  margin-top: 0px; }
@media (min-width: 992px) {
  .generic-template [class="box-1"] .block:nth-child(n+2), .generic-template [class="box-2"] .block:nth-child(n+3), .generic-template [class="box-3"] .block:nth-child(n+4), .generic-template [class="box-4"] .block:nth-child(n+5) {
    margin-top: 30px; }
  .generic-template .fluid .block .details .title {
    font-size: calc(100% + 0.75rem);
    font-weight: 600; }
  .generic-template .fluid .block .details:only-child .title:only-child {
    font-size: calc(100% + 2rem); } }
  @media (min-width: 992px) and (max-width: 991px) {
    .generic-template .fluid .block .details:only-child .title:only-child {
      font-size: 1.25rem; } }
@media (min-width: 992px) {
  .generic-template .widgets .nav-tabs a.nav-link {
    font-size: 1.5rem; }
    .generic-template .widgets .nav-tabs a.nav-link.active {
      font-weight: 500; } }
@media (max-width: 991px) {
  .generic-template section {
    padding: 0px 15px; }
  .generic-template .box-4 .block {
    max-width: 50%; }
    .generic-template .box-4 .block .details .title {
      font-size: 1rem; }
  .generic-template [class="box-1"] .block:nth-child(n+2), .generic-template [class="box-2"] .block:nth-child(n+3), .generic-template [class="box-3"] .block:nth-child(n+4), .generic-template [class="box-4"] .block:nth-child(n+3) {
    margin-top: 15px; }
  .generic-template .left .block .details, .generic-template .right .block .details {
    order: 2; }
  .generic-template .left .block .img, .generic-template .left .block .video, .generic-template .right .block .img, .generic-template .right .block .video {
    order: 1 !important; }
  .generic-template .news-post .block .img {
    height: calc(120px + 7px); }
    .generic-template .news-post .block .img img {
      max-height: calc(120px + 7px); } }
@media (max-width: 767px) {
  .generic-template .box-2 .block, .generic-template .box-3 .block, .generic-template .box-4 .block {
    max-width: 100%; }
  .generic-template [class="box-2"] .block:nth-child(n+2), .generic-template [class="box-3"] .block:nth-child(n+2), .generic-template [class="box-4"] .block:nth-child(n+2), .generic-template .news-post .block:nth-child(n+2) {
    margin-top: 15px; }
  .generic-template .news-post .block .img {
    height: calc(200px + 15px); }
    .generic-template .news-post .block .img img {
      max-height: calc(200px + 15px); }
  .generic-template .widgets .tab-content .owl-stage .owl-item .details .col.price ._labels {
    display: none !important; }
  .generic-template .widgets .tab-content .owl-stage .owl-item .details .col.price .eco {
    padding-left: 0px; } }

.generic-template.browse .box-4 .block {
  margin-top: 0px !important;
  padding: 15px;
  margin-bottom: 20px; }
  .generic-template.browse .box-4 .block .img img {
    max-width: 150px;
    max-height: 150px; }
  .generic-template.browse .box-4 .block .img + .details {
    margin-top: 10px;
    text-align: center;
    min-height: 35px; }
    .generic-template.browse .box-4 .block .img + .details .link a {
      text-transform: capitalize; }
      .generic-template.browse .box-4 .block .img + .details .link a:after {
        display: none; }
  .generic-template.browse .box-4 .block:hover {
    box-shadow: 0 0 0 10px #f7fbff; }
    .generic-template.browse .box-4 .block:hover .img + .details .link a {
      color: #214a8c; }
@media (max-width: 991px) {
  .generic-template.browse .box-4 .block {
    max-width: 33.333333%; } }
@media (max-width: 767px) {
  .generic-template.browse .box-4 .block {
    max-width: 50%; } }
@media (min-width: 992px) {
  .generic-template.browse .box-4 .block {
    max-width: 20%; } }
@media (min-width: 1440px) {
  .generic-template.browse .box-4 .block {
    max-width: 16.666667%; } }

.suppliers .header {
  text-align: center; }
  .suppliers .header .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    padding: 0px; }
    @media (max-width: 991px) {
      .suppliers .header .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
.suppliers section {
  margin: 40px auto;
  padding: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .suppliers section {
      margin: 15px auto; } }
.suppliers .manufacturers ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap; }
  .suppliers .manufacturers ul li {
    list-style: none; }
.suppliers .letters {
  margin-bottom: 60px; }
  .suppliers .letters ul {
    justify-content: center; }
    .suppliers .letters ul li {
      margin: 5px; }
      .suppliers .letters ul li a {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        padding: 0px;
        color: #222;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-color: #666; }
        .suppliers .letters ul li a:hover {
          background: #214a8c;
          color: #fff;
          border-color: #214a8c; }
.suppliers .listing label {
  background: #f1f1f1;
  padding: 0px 15px;
  color: #222;
  margin: 0px;
  width: 100%;
  font-weight: 600;
  height: 35px;
  display: flex;
  align-items: center; }
.suppliers .listing ul {
  padding: 15px; }
  .suppliers .listing ul li {
    width: 25%;
    line-height: normal;
    padding-right: 15px;
    margin-bottom: 10px; }
    .suppliers .listing ul li a {
      color: #214a8c; }
      .suppliers .listing ul li a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e930";
        padding-left: 1px; }
      .suppliers .listing ul li a:hover:after {
        padding-left: 5px; }
@media (max-width: 991px) {
  .suppliers .letters {
    margin-bottom: 30px; }
  .suppliers .listing ul li {
    width: 33.333333%; }
  .suppliers .listing label {
    justify-content: center;
    font-size: 1rem; } }
@media (max-width: 767px) {
  .suppliers .listing ul {
    padding-left: 0px;
    padding-right: 0px; }
    .suppliers .listing ul li {
      width: 50%;
      line-height: 1rem; } }

.register-online {
  padding: 0px;
  padding: 0px; }
  .register-online section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .register-online section {
        margin: 15px auto; } }
  .register-online .header .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    padding: 0px; }
    @media (max-width: 991px) {
      .register-online .header .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
  .register-online .text label {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px; }
  .register-online .text ul li, .register-online .text ol li {
    margin-bottom: 10px;
    width: 100%; }
  .register-online .text ol {
    padding-left: 20px; }
    .register-online .text ol li {
      padding-left: 5px; }
  .register-online .text ul {
    padding-left: 0px; }
    .register-online .text ul li {
      list-style: none;
      position: relative;
      padding-left: 25px; }
    .register-online .text ul li:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      content: "\e930";
      margin-right: 10px;
      color: #666;
      position: absolute;
      left: 0px;
      font-size: 1rem; }
    .register-online .text ul li:nth-last-child(1) {
      margin-bottom: 0px; }
  @media (max-width: 991px) {
    .register-online .text label {
      font-size: 1rem;
      margin-bottom: 0px; } }
  .register-online .text figure img {
    max-width: 100%;
    height: auto;
    width: auto; }
  .register-online .text figure label {
    font-size: 0.75rem;
    margin-bottom: 0px;
    font-weight: 400;
    color: #aaa; }
  .register-online .text a.brand-link {
    color: #214a8c; }
    .register-online .text a.brand-link:hover {
      color: #08285c; }
  .register-online .text p.brand-btn {
    display: inline-flex; }
    .register-online .text p.brand-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .register-online .text p.brand-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .register-online .text p.brand-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .register-online .text p.brand-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .register-online .text p.brand-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .register-online .text p.brand-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .register-online .text p.brand-btn a:after {
        color: #fff; }
      .register-online .text p.brand-btn a:hover {
        color: #214a8c; }
      .register-online .text p.brand-btn a:hover:after {
        color: #214a8c; }
  .register-online .text p.dark-btn {
    display: inline-flex; }
    .register-online .text p.dark-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .register-online .text p.dark-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .register-online .text p.dark-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .register-online .text p.dark-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .register-online .text p.dark-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .register-online .text p.dark-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .register-online .text p.dark-btn a:after {
        color: #fff; }
      .register-online .text p.dark-btn a:hover {
        color: #214a8c; }
      .register-online .text p.dark-btn a:hover:after {
        color: #214a8c; }
    .register-online .text p.dark-btn a {
      background: #222;
      border-color: #222; }
      .register-online .text p.dark-btn a:hover {
        color: #222; }
      .register-online .text p.dark-btn a:hover:after {
        color: #222; }
  .register-online .text p.white-btn {
    display: inline-flex; }
    .register-online .text p.white-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .register-online .text p.white-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .register-online .text p.white-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .register-online .text p.white-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .register-online .text p.white-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  .register-online .text a {
    color: #666;
    text-decoration: underline;
    color: #222; }
    .register-online .text a:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .register-online .text p {
    margin-bottom: 15px; }
  .register-online .text p:only-child {
    margin-bottom: 0px; }
  .register-online .text p ~ br {
    display: none; }
  .register-online .text p + ul, .register-online .text ul + p {
    margin-top: 15px; }
  .register-online .text ul {
    margin-bottom: 0px; }
  .register-online .text label {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px; }
  .register-online .text ul li, .register-online .text ol li {
    margin-bottom: 10px;
    width: 100%; }
  .register-online .text ol {
    padding-left: 20px; }
    .register-online .text ol li {
      padding-left: 5px; }
  .register-online .text ul {
    padding-left: 0px; }
    .register-online .text ul li {
      list-style: none;
      position: relative;
      padding-left: 25px; }
    .register-online .text ul li:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      content: "\e930";
      margin-right: 10px;
      color: #666;
      position: absolute;
      left: 0px;
      font-size: 1rem; }
    .register-online .text ul li:nth-last-child(1) {
      margin-bottom: 0px; }
  @media (max-width: 991px) {
    .register-online .text label {
      font-size: 1rem;
      margin-bottom: 0px; } }
  .register-online .text .bold-txt {
    font-weight: 600; }
  .register-online .text .center {
    text-align: center; }
  .register-online .text .left {
    text-align: left; }
  .register-online .text .right {
    text-align: right; }
  .register-online .text .heading, .register-online .text .lg-heading {
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.75px; }
  .register-online .text .lg-heading {
    font-size: 2rem;
    font-weight: 600; }
  .register-online .text .body-title, .register-online .text .lg-txt {
    font-size: 1.25rem;
    color: #222; }
  .register-online .text .row > div, .register-online .text .btm-space {
    margin-bottom: 40px; }
  .register-online .text .noPadLR {
    padding-left: 0px;
    padding-right: 0px; }
  .register-online .text .noPadL {
    padding-left: 0px; }
  .register-online .text .noPadR {
    padding-right: 0px; }
  .register-online .text .wide {
    min-width: 50%; }
  .register-online .text .row.center {
    justify-content: center;
    text-align: left; }
  .register-online .text .brand-color {
    color: #214a8c; }
  @media (max-width: 991px) {
    .register-online .text .row > div, .register-online .text .btm-space {
      margin-bottom: 20px; }
    .register-online .text .body-title, .register-online .text .lg-txt {
      font-size: 1rem; }
    .register-online .text .heading {
      font-size: 1.25rem; } }
  .register-online .header {
    margin-bottom: 20px;
    text-align: center; }
    .register-online .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .register-online .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .register-online .header.next-prev a.btn-sml:hover, .register-online .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .register-online .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .register-online .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .register-online .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .register-online section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .register-online section {
        margin: 15px auto; } }
  .register-online .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .register-online .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .register-online .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .register-online .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .register-online .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .register-online .header.next-prev .btn-sml i {
        font-size: 25px; }
      .register-online .header.next-prev .btn-sml span {
        display: none !important; }
    .register-online .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .register-online form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .register-online form .field-validation-error:not(.text-danger), .register-online form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .register-online form .field-validation-error:not(.text-danger) span, .register-online form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .register-online form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .register-online form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .register-online form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .register-online form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .register-online form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .register-online form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .register-online form .validation-summary-error ul li, .register-online form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .register-online form .validation-summary-error ul li:before, .register-online form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .register-online form .validation-summary-error ul li span, .register-online form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .register-online form .validation-summary-error ul li span + span:before, .register-online form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .register-online form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .register-online form .validation-summary-error ul li, .register-online form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .register-online form .validation-summary-error ul li, .register-online form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .register-online form .validation-summary-error ul li:before, .register-online form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .register-online form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .register-online form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .register-online form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .register-online form .validation-summary-success ul li, .register-online form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .register-online form .validation-summary-success ul li:before, .register-online form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .register-online form .validation-summary-success ul li span, .register-online form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .register-online form .validation-summary-success ul li span + span:before, .register-online form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .register-online form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .register-online form .validation-summary-success ul li, .register-online form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .register-online form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .register-online form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .register-online form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .register-online form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .register-online form .alert-success ul li, .register-online form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .register-online form .alert-success ul li:before, .register-online form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .register-online form .alert-success ul li span, .register-online form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .register-online form .alert-success ul li span + span:before, .register-online form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .register-online form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .register-online form .alert-success ul li, .register-online form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .register-online form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .register-online form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .register-online form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .register-online form .alert-success p {
            font-size: 0.8rem; }
          .register-online form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .register-online form .e-group {
      margin: 0px auto; }
    .register-online form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .register-online form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .register-online form .select {
      position: relative; }
      .register-online form .select label {
        display: inherit; }
        .register-online form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .register-online form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .register-online form input[type="number"], .register-online form input[type="number"]::-webkit-inner-spin-button, .register-online form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .register-online form select, .register-online form input, .register-online form button {
      height: 50px; }
    .register-online form select, .register-online form textarea, .register-online form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .register-online form select:focus, .register-online form textarea:focus, .register-online form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .register-online form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .register-online form p.center {
      text-align: center;
      line-height: 30px; }
    .register-online form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .register-online form p.mandatory, .register-online form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .register-online form p.mandatory span, .register-online form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .register-online form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .register-online form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .register-online form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .register-online form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .register-online form label.user:after {
      content: "\e9f1"; }
    .register-online form label.password:after {
      content: "\e987"; }
    .register-online form label.email:after {
      content: "\e98a"; }
    .register-online form label.search:after {
      content: "\e9c1"; }
    .register-online form label.box1:after {
      content: "\e9a2"; }
    .register-online form label.home:after {
      content: "\e979"; }
    .register-online form label.phone:after {
      content: "\e9a7"; }
    .register-online form label.mobile:after {
      content: "\e9d2"; }
    .register-online form label.flag:after {
      content: "\e967"; }
    .register-online form label.address:after {
      content: "\e98b"; }
    .register-online form label.postal:after {
      content: "\e98c"; }
    .register-online form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .register-online form label.doc1:after {
      content: "\e938"; }
    .register-online form label.hash:after {
      content: "\e975"; }
    .register-online form label.dollar:after {
      content: "\e954"; }
    .register-online form label.msg1:after {
      content: "\e990"; }
    .register-online form label.percent:after {
      content: "\e9a6"; }
    .register-online form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .register-online form .submit-btn:hover, .register-online form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .register-online form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .register-online form .submit-btn:focus {
        outline-style: none; }
    .register-online form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .register-online form .btn-sml:hover, .register-online form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .register-online form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .register-online form .btn-sml:focus {
        outline-style: none; }
    .register-online form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .register-online form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .register-online form .btn-red:hover, .register-online form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .register-online form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .register-online form .btn-dark:hover, .register-online form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .register-online form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .register-online form .btn-dark-bdr:hover, .register-online form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .register-online form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .register-online form .btn-darker-bdr:hover, .register-online form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .register-online form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .register-online form .btn-brand-bdr:hover, .register-online form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .register-online form input.disabled, .register-online form a.disabled, .register-online form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .register-online form input.input-validation-error, .register-online form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .register-online form .btn-sml.add-more {
      margin-left: 10px; }
      .register-online form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .register-online form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .register-online form .btn-sml.add-cart, .register-online form .btn-sml.add-more, .register-online form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .register-online form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .register-online form .add-more:hover, .register-online form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .register-online form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .register-online form .add-cart:hover, .register-online form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .register-online form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .register-online form .add-more.disabled, .register-online form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .register-online form .links {
      text-align: center; }
      .register-online form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .register-online form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .register-online form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .register-online form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .register-online form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .register-online form .e-row.deactive select, .register-online form .e-row.deactive textarea, .register-online form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .register-online form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .register-online form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .register-online form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .register-online form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .register-online form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .register-online form .duo input, .register-online form .duo a {
        margin: 0px; }
      .register-online form .duo input + a, .register-online form .duo input + input {
        margin-left: 20px; }
    .register-online form .uom-dpdn {
      position: relative; }
      .register-online form .uom-dpdn label {
        display: inherit; }
        .register-online form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .register-online form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .register-online form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .register-online form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .register-online form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .register-online form {
        margin: 10px auto; }
        .register-online form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .register-online form .e-row {
          margin-bottom: 20px; }
        .register-online form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .register-online form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .register-online form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .register-online form.search input, .register-online form.search button {
      border-radius: 0px;
      float: left; }
    .register-online form.search input:focus, .register-online form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .register-online form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .register-online form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .register-online form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .register-online form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .register-online form.search button {
        width: 40px; }
      .register-online form.search input, .register-online form.search button {
        height: 40px; }
      .register-online form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .register-online form.search input {
        width: calc(100% - 40px); } }
    .register-online form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .register-online form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .register-online form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .register-online form.search i {
        top: 7px; } }
  .register-online .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .register-online .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .register-online .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .register-online .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .register-online .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .register-online .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .register-online .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .register-online .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .register-online .custom-radiobox:hover p {
      color: #214a8c; }
    .register-online .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .register-online .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .register-online .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .register-online .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .register-online .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .register-online .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .register-online .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .register-online .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .register-online .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .register-online .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .register-online .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .register-online .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .register-online .custom-checkbox:hover p {
      color: #214a8c; }
    .register-online .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .register-online .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .register-online .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .register-online .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .register-online .custom-checkbox p span {
      line-height: 1.2; }
  .register-online a {
    color: #222; }
    .register-online a:hover {
      color: #214a8c !important; }
  .register-online .listing {
    clear: both;
    position: relative; }
    .register-online .listing .page-th > .col, .register-online .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .register-online .listing .page-th .price, .register-online .listing .page-th .qty, .register-online .listing .page .details .price, .register-online .listing .page .details .qty {
      text-align: right; }
    .register-online .listing .page-th .col.price, .register-online .listing .page-th .ordered, .register-online .listing .page .details .col.price, .register-online .listing .page .details .ordered {
      max-width: 13.33%; }
    .register-online .listing .page-th .inventory, .register-online .listing .page .details .inventory {
      max-width: 20%; }
    .register-online .listing .page-th .col.qty, .register-online .listing .page-th .col.total, .register-online .listing .page .details .col.qty, .register-online .listing .page .details .col.total {
      max-width: 16.666667%; }
    .register-online .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .register-online .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .register-online .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .register-online .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .register-online .listing .page > form {
      margin: 0px; }
    .register-online .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .register-online .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .register-online .listing .page .details .time, .register-online .listing .page .details .type {
        font-weight: 600; }
      .register-online .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .register-online .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .register-online .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .register-online .listing .page .details .submit input, .register-online .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .register-online .listing .page .details .submit input {
          padding: 3px 15px; }
        .register-online .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .register-online .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .register-online .listing .page .details + .actions a .fe-download, .register-online .listing .page .details + .actions a span, .register-online .listing .page .details + .sub-total .actions a .fe-download, .register-online .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .register-online .listing .summary .page-th > .col {
      text-align: left; }
    .register-online .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .register-online .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .register-online .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .register-online .listing .summary .page .details .eco .right {
        color: #10a700; }
      .register-online .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .register-online .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .register-online .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .register-online .listing .summary .page .details .total .left {
          font-weight: 600; }
        .register-online .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .register-online .listing .summary .page .details .sub-total .right, .register-online .listing .summary .page .details .items .right {
        color: #222; }
      .register-online .listing .summary .page .details .sub-total .right, .register-online .listing .summary .page .details .items .right, .register-online .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .register-online .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .register-online .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .register-online .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .register-online .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .register-online .listing .summary .page .details .e-row input[type="text"], .register-online .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .register-online .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .register-online .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .register-online .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .register-online .listing .summary .page .details .col.total {
        max-width: 100%; }
      .register-online .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .register-online .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .register-online .listing .summary .page .details.proceed .e-group, .register-online .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .register-online .listing .summary .page .details.proceed .e-group .add-cart, .register-online .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .register-online .listing .summary .page .details.proceed .e-group .add-more, .register-online .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .register-online .listing .summary .page .details.proceed .e-group .add-more i, .register-online .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .register-online .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .register-online .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .register-online .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .register-online .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .register-online .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .register-online .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .register-online .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .register-online .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .register-online .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .register-online .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .register-online .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .register-online .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .register-online .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .register-online .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .register-online .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .register-online .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .register-online .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .register-online .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .register-online .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .register-online .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .register-online .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .register-online .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .register-online .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .register-online .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .register-online .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .register-online .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .register-online .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .register-online .listing #accordion, .register-online .listing #braidAccordian {
      flex-wrap: wrap; }
      .register-online .listing #accordion .title-link, .register-online .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .register-online .listing #accordion .title-link .col, .register-online .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .register-online .listing #accordion .title-link.collapsed, .register-online .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .register-online .listing #accordion .title-link:after, .register-online .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .register-online .listing #accordion .title-link.collapsed:after, .register-online .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .register-online .listing #accordion .title-link + .collapse + .title-link, .register-online .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .register-online .listing #accordion .collapse:not(.show), .register-online .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .register-online .listing #accordion .details, .register-online .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .register-online .listing .td-1 {
      max-width: 8.33%; }
    .register-online .listing .td-2 {
      max-width: 16.666667%; }
    .register-online .listing .td-3 {
      max-width: 25%; }
    .register-online .listing .td-4 {
      max-width: 33.333333%; }
    .register-online .listing .td-5 {
      max-width: 41.666667%; }
    .register-online .listing .td-6 {
      max-width: 50%; }
    .register-online .listing .td-7 {
      max-width: 58.33%; }
    .register-online .listing .td-8 {
      max-width: 66.66%; }
    .register-online .listing .td-9 {
      max-width: 75%; }
    .register-online .listing .td-10 {
      max-width: 83.33333333%; }
    .register-online .listing .td-11 {
      max-width: 91.66666667%; }
    .register-online .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .register-online .listing .center {
      text-align: center; }
    .register-online .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .register-online .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .register-online .listing .col-9.left {
      padding-right: 20px; }
    .register-online .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .register-online .listing .actions .results {
        color: #222; }
        .register-online .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .register-online .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .register-online .listing .actions .search input, .register-online .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .register-online .listing .actions .search input:focus, .register-online .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .register-online .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .register-online .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .register-online .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .register-online .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .register-online .listing .actions .search button {
            width: 40px; }
          .register-online .listing .actions .search input, .register-online .listing .actions .search button {
            height: 40px; }
          .register-online .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .register-online .listing .actions .search input {
            width: calc(100% - 40px); } }
        .register-online .listing .actions .search input, .register-online .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .register-online .listing .actions .search input, .register-online .listing .actions .search button {
          height: 30px; }
        .register-online .listing .actions .search textarea {
          height: 50px; }
        .register-online .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .register-online .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .register-online .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .register-online .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .register-online .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .register-online .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .register-online .listing .actions .search:only-child {
        padding: 10px; }
      .register-online .listing .actions a.pdf-export, .register-online .listing .actions a.excel-export, .register-online .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .register-online .listing .actions a.pdf-export.active, .register-online .listing .actions a.excel-export.active, .register-online .listing .actions a.import-pro.active {
          color: #214a8c; }
          .register-online .listing .actions a.pdf-export.active:before, .register-online .listing .actions a.excel-export.active:before, .register-online .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .register-online .listing .actions #exportPdf, .register-online .listing .actions #exportExcel, .register-online .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .register-online .listing .actions #exportPdf form, .register-online .listing .actions #exportExcel form, .register-online .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .register-online .listing .actions #exportPdf form label, .register-online .listing .actions #exportExcel form label, .register-online .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .register-online .listing .actions #exportPdf form > div, .register-online .listing .actions #exportExcel form > div, .register-online .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .register-online .listing .actions #exportPdf form > div:not(.generate), .register-online .listing .actions #exportExcel form > div:not(.generate), .register-online .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .register-online .listing .actions #exportPdf form .left, .register-online .listing .actions #exportExcel form .left, .register-online .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .register-online .listing .actions #exportPdf form .right, .register-online .listing .actions #exportExcel form .right, .register-online .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .register-online .listing .actions #exportPdf form .attachment, .register-online .listing .actions #exportExcel form .attachment, .register-online .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .register-online .listing .actions #exportPdf form .attachment > div, .register-online .listing .actions #exportExcel form .attachment > div, .register-online .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .register-online .listing .actions #exportPdf form .attachment .col-3, .register-online .listing .actions #exportPdf form .attachment .col-9, .register-online .listing .actions #exportExcel form .attachment .col-3, .register-online .listing .actions #exportExcel form .attachment .col-9, .register-online .listing .actions #importPro form .attachment .col-3, .register-online .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .register-online .listing .actions #exportPdf form .attachment .col-3 > div, .register-online .listing .actions #exportPdf form .attachment .col-9 > div, .register-online .listing .actions #exportExcel form .attachment .col-3 > div, .register-online .listing .actions #exportExcel form .attachment .col-9 > div, .register-online .listing .actions #importPro form .attachment .col-3 > div, .register-online .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .register-online .listing .actions #exportPdf form .attachment .col-3 > label, .register-online .listing .actions #exportPdf form .attachment .col-9 > label, .register-online .listing .actions #exportExcel form .attachment .col-3 > label, .register-online .listing .actions #exportExcel form .attachment .col-9 > label, .register-online .listing .actions #importPro form .attachment .col-3 > label, .register-online .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .register-online .listing .actions #exportPdf form .attachment .col-3 p.supp, .register-online .listing .actions #exportPdf form .attachment .col-9 p.supp, .register-online .listing .actions #exportExcel form .attachment .col-3 p.supp, .register-online .listing .actions #exportExcel form .attachment .col-9 p.supp, .register-online .listing .actions #importPro form .attachment .col-3 p.supp, .register-online .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .register-online .listing .actions #exportPdf form .attachment .col-9, .register-online .listing .actions #exportExcel form .attachment .col-9, .register-online .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .register-online .listing .actions #exportPdf form .attachment .text, .register-online .listing .actions #exportPdf form .attachment .image, .register-online .listing .actions #exportExcel form .attachment .text, .register-online .listing .actions #exportExcel form .attachment .image, .register-online .listing .actions #importPro form .attachment .text, .register-online .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .register-online .listing .actions #exportPdf form .attachment .text p, .register-online .listing .actions #exportPdf form .attachment .image p, .register-online .listing .actions #exportExcel form .attachment .text p, .register-online .listing .actions #exportExcel form .attachment .image p, .register-online .listing .actions #importPro form .attachment .text p, .register-online .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .register-online .listing .actions #exportPdf form .attachment .image, .register-online .listing .actions #exportExcel form .attachment .image, .register-online .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .register-online .listing .actions #exportPdf form .attachment .image p, .register-online .listing .actions #exportExcel form .attachment .image p, .register-online .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .register-online .listing .actions #exportPdf form .attachment .image img, .register-online .listing .actions #exportExcel form .attachment .image img, .register-online .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .register-online .listing .actions #exportPdf form .attachment .btns, .register-online .listing .actions #exportExcel form .attachment .btns, .register-online .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .register-online .listing .actions #exportPdf form .attachment .btns i, .register-online .listing .actions #exportExcel form .attachment .btns i, .register-online .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .register-online .listing .actions #exportPdf form .attachment .btns a, .register-online .listing .actions #exportPdf form .attachment .btns input, .register-online .listing .actions #exportPdf form .attachment .btns button, .register-online .listing .actions #exportExcel form .attachment .btns a, .register-online .listing .actions #exportExcel form .attachment .btns input, .register-online .listing .actions #exportExcel form .attachment .btns button, .register-online .listing .actions #importPro form .attachment .btns a, .register-online .listing .actions #importPro form .attachment .btns input, .register-online .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .register-online .listing .actions #exportPdf form .attachment .btns a:focus, .register-online .listing .actions #exportPdf form .attachment .btns input:focus, .register-online .listing .actions #exportPdf form .attachment .btns button:focus, .register-online .listing .actions #exportExcel form .attachment .btns a:focus, .register-online .listing .actions #exportExcel form .attachment .btns input:focus, .register-online .listing .actions #exportExcel form .attachment .btns button:focus, .register-online .listing .actions #importPro form .attachment .btns a:focus, .register-online .listing .actions #importPro form .attachment .btns input:focus, .register-online .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .register-online .listing .actions #exportPdf form .attachment .btns a:hover, .register-online .listing .actions #exportPdf form .attachment .btns input:hover, .register-online .listing .actions #exportPdf form .attachment .btns button:hover, .register-online .listing .actions #exportExcel form .attachment .btns a:hover, .register-online .listing .actions #exportExcel form .attachment .btns input:hover, .register-online .listing .actions #exportExcel form .attachment .btns button:hover, .register-online .listing .actions #importPro form .attachment .btns a:hover, .register-online .listing .actions #importPro form .attachment .btns input:hover, .register-online .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .register-online .listing .actions #exportPdf form .attachment .btns button + button, .register-online .listing .actions #exportPdf form .attachment .btns a + a, .register-online .listing .actions #exportPdf form .attachment .btns input + input, .register-online .listing .actions #exportExcel form .attachment .btns button + button, .register-online .listing .actions #exportExcel form .attachment .btns a + a, .register-online .listing .actions #exportExcel form .attachment .btns input + input, .register-online .listing .actions #importPro form .attachment .btns button + button, .register-online .listing .actions #importPro form .attachment .btns a + a, .register-online .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .register-online .listing .actions #exportPdf form .attachment .btns .image, .register-online .listing .actions #exportExcel form .attachment .btns .image, .register-online .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .register-online .listing .actions #exportPdf form .attachment .btns .image > div, .register-online .listing .actions #exportExcel form .attachment .btns .image > div, .register-online .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .register-online .listing .actions #exportPdf form .address-list, .register-online .listing .actions #exportExcel form .address-list, .register-online .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .register-online .listing .actions #exportPdf form .address-list div, .register-online .listing .actions #exportExcel form .address-list div, .register-online .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .register-online .listing .actions #exportPdf form .address-list > div:not(.d-flex), .register-online .listing .actions #exportExcel form .address-list > div:not(.d-flex), .register-online .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .register-online .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .register-online .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .register-online .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .register-online .listing .actions #exportPdf form .address-list .btn-block, .register-online .listing .actions #exportExcel form .address-list .btn-block, .register-online .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .register-online .listing .actions #exportPdf form .address-list .btn-block a, .register-online .listing .actions #exportExcel form .address-list .btn-block a, .register-online .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .register-online .listing .actions #exportPdf form .attachment, .register-online .listing .actions #exportPdf form .address-list, .register-online .listing .actions #exportExcel form .attachment, .register-online .listing .actions #exportExcel form .address-list, .register-online .listing .actions #importPro form .attachment, .register-online .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .register-online .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .register-online .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .register-online .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .register-online .listing .actions #exportPdf form .generate, .register-online .listing .actions #exportExcel form .generate, .register-online .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .register-online .listing .actions #exportPdf form .generate .btn-sml, .register-online .listing .actions #exportExcel form .generate .btn-sml, .register-online .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .register-online .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .register-online .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .register-online .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .register-online .listing .actions #exportPdf form .img, .register-online .listing .actions #exportExcel form .img, .register-online .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .register-online .listing .actions #exportPdf form .img .text p, .register-online .listing .actions #exportExcel form .img .text p, .register-online .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .register-online .listing .actions #exportPdf form .img p.supp, .register-online .listing .actions #exportExcel form .img p.supp, .register-online .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .register-online .listing .actions #exportPdf form .img img, .register-online .listing .actions #exportExcel form .img img, .register-online .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .register-online .listing .actions #exportPdf:not(.show), .register-online .listing .actions #exportExcel:not(.show), .register-online .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .register-online .listing .actions #exportPdf form > div, .register-online .listing .actions #exportExcel form > div, .register-online .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .register-online .listing .actions #exportPdf form .custom-checkbox, .register-online .listing .actions #exportExcel form .custom-checkbox, .register-online .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .register-online .listing .actions #exportPdf form .left, .register-online .listing .actions #exportPdf form .right, .register-online .listing .actions #exportExcel form .left, .register-online .listing .actions #exportExcel form .right, .register-online .listing .actions #importPro form .left, .register-online .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .register-online .listing .actions #exportPdf form .left, .register-online .listing .actions #exportExcel form .left, .register-online .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .register-online .listing .actions #exportPdf form .address-list, .register-online .listing .actions #exportExcel form .address-list, .register-online .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .register-online .listing .actions #exportPdf form label, .register-online .listing .actions #exportExcel form label, .register-online .listing .actions #importPro form label {
          justify-content: flex-start; }
        .register-online .listing .actions #exportPdf form .right, .register-online .listing .actions #exportExcel form .right, .register-online .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .register-online .listing .actions #exportPdf form .attachment, .register-online .listing .actions #exportExcel form .attachment, .register-online .listing .actions #importPro form .attachment {
          padding: 10px; }
          .register-online .listing .actions #exportPdf form .attachment .col-3, .register-online .listing .actions #exportPdf form .attachment .col-9, .register-online .listing .actions #exportExcel form .attachment .col-3, .register-online .listing .actions #exportExcel form .attachment .col-9, .register-online .listing .actions #importPro form .attachment .col-3, .register-online .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .register-online .listing .actions #exportPdf form .attachment .col-3, .register-online .listing .actions #exportExcel form .attachment .col-3, .register-online .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .register-online .listing .actions #exportPdf form .attachment .col-3 label, .register-online .listing .actions #exportPdf form .attachment .col-3 .image, .register-online .listing .actions #exportExcel form .attachment .col-3 label, .register-online .listing .actions #exportExcel form .attachment .col-3 .image, .register-online .listing .actions #importPro form .attachment .col-3 label, .register-online .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .register-online .listing .actions #exportPdf form .attachment .col-9, .register-online .listing .actions #exportExcel form .attachment .col-9, .register-online .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .register-online .listing .actions #exportPdf form .attachment .col-9 p.supp, .register-online .listing .actions #exportExcel form .attachment .col-9 p.supp, .register-online .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .register-online .listing .actions #exportPdf form .address-list .col-3, .register-online .listing .actions #exportExcel form .address-list .col-3, .register-online .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .register-online .listing .actions #exportPdf form .address-list .col-9, .register-online .listing .actions #exportExcel form .address-list .col-9, .register-online .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .register-online .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .register-online .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .register-online .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .register-online .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .register-online .listing .actions #importPro form .address-list > div:nth-of-type(1), .register-online .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .register-online .listing .actions #exportPdf form .img img, .register-online .listing .actions #exportExcel form .img img, .register-online .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .register-online .listing .actions #exportPdf .custom-checkbox .custom-check, .register-online .listing .actions #exportExcel .custom-checkbox .custom-check, .register-online .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .register-online .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .register-online .listing .actions form {
        margin: 0px; }
      .register-online .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .register-online .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .register-online .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .register-online .listing .actions .shared .email {
          display: flex; }
          .register-online .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .register-online .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .register-online .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .register-online .listing .actions .left, .register-online .listing .actions > .center, .register-online .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .register-online .listing .actions .right {
        margin-left: auto; }
      .register-online .listing .actions .action-link, .register-online .listing .actions .left > a, .register-online .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .register-online .listing .actions .action-link:hover, .register-online .listing .actions .left > a:hover, .register-online .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .register-online .listing .actions .action-link span, .register-online .listing .actions .left > a span, .register-online .listing .actions .right > a span {
          margin-left: 5px; }
        .register-online .listing .actions .action-link span:empty, .register-online .listing .actions .left > a span:empty, .register-online .listing .actions .right > a span:empty {
          display: none; }
      .register-online .listing .actions .action-link, .register-online .listing .actions a + a, .register-online .listing .actions .checkbox + a {
        margin-left: 20px; }
      .register-online .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .register-online .listing .actions .custom-checkbox p {
        color: #222; }
      .register-online .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .register-online .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .register-online .listing > .actions, .register-online .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .register-online .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .register-online .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .register-online .listing .actions {
        font-size: 0.8rem; }
        .register-online .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .register-online .listing .actions .left .action-link i {
          font-size: 1rem; }
        .register-online .listing .actions .left a.action-link, .register-online .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .register-online .listing .actions {
        justify-content: center; }
        .register-online .listing .actions .shared {
          top: calc(10px - 150px); }
        .register-online .listing .actions .action-link, .register-online .listing .actions a + a, .register-online .listing .actions .checkbox + a {
          margin-left: 15px; }
        .register-online .listing .actions > .right {
          justify-content: center; }
        .register-online .listing .actions .search + .right {
          margin-left: 0px; } }
    .register-online .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .register-online .listing .add-more[aria-expanded="true"]:hover, .register-online .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .register-online .listing .add-more[aria-expanded="true"]:hover i, .register-online .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .register-online .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .register-online .listing .add-more[aria-expanded="false"], .register-online .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .register-online .listing .add-more[aria-expanded="false"]:hover, .register-online .listing .add-more[aria-expanded="false"]:focus, .register-online .listing .add-more.collapsed:hover, .register-online .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .register-online .listing .add-more[aria-expanded="false"]:hover, .register-online .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .register-online .listing .add-more[aria-expanded="false"]:hover i, .register-online .listing .add-more.collapsed:hover i {
          color: #fff; }
    .register-online .listing .add-more.cancel:before {
      display: none; }
    .register-online .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .register-online .listing button.links, .register-online .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .register-online .listing button.links:hover, .register-online .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .register-online .listing a.plus i {
      font-size: 1rem; }
    .register-online .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .register-online .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .register-online .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .register-online .listing .custom-radiobox:not(:last-of-type), .register-online .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .register-online .listing .ship-when > p, .register-online .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .register-online .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .register-online .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .register-online .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .register-online .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .register-online .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .register-online .listing .day-time span {
      font-weight: 600; }
    .register-online .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .register-online .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .register-online .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .register-online .listing .sub-total.btm > div, .register-online .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .register-online .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .register-online .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .register-online .listing .sub-header {
      clear: both;
      padding: 0px; }
      .register-online .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .register-online .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .register-online .listing .sub-header .title {
        margin-bottom: 0px; }
        .register-online .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .register-online .listing .page + .sub-header {
      margin-top: 40px; }
      .register-online .listing .page + .sub-header .title {
        flex-basis: content; }
    .register-online .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .register-online .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .register-online .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .register-online .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .register-online .listing div.alert-warning p {
            font-size: 0.8rem; }
          .register-online .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .register-online .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .register-online .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .register-online .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .register-online .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .register-online .listing div.alert-danger p {
            font-size: 0.8rem; }
          .register-online .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .register-online .listing .col-9 > .page {
        min-height: 500px; }
      .register-online .listing .page .details .submit input:hover, .register-online .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .register-online .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .register-online .listing .page .details .submit button {
          width: 25px; }
      .register-online .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .register-online .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .register-online .listing .col-9.left .page-th {
          display: none !important; }
        .register-online .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .register-online .listing .sub-header {
        flex-wrap: wrap; }
        .register-online .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .register-online .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .register-online .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .register-online .listing > .d-flex {
        flex-wrap: wrap; }
      .register-online .listing .col-12.left .page-th, .register-online .listing .col-9.left .page-th {
        display: none !important; }
      .register-online .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .register-online .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .register-online .listing .page .details .time, .register-online .listing .page .details .type {
        color: #666; }
      .register-online .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .register-online .listing .col-12.left, .register-online .listing .col-3.right, .register-online .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .register-online .listing .summary {
        margin-top: 15px; }
        .register-online .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .register-online .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .register-online .listing .left form {
      margin-bottom: 0px; }
    .register-online .listing .sub-header form {
      margin: 0px; }
    .register-online .listing .page .details {
      min-height: 50px; }
      .register-online .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .register-online .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .register-online .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .register-online .listing .page .details .icon a, .register-online .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .register-online .listing .page .details .icon a:hover, .register-online .listing .page .details .icon button:hover {
          color: #214a8c; }
      .register-online .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .register-online .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .register-online .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .register-online .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .register-online .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .register-online .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .register-online .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .register-online .address-manually + .forms .td-6, .register-online .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .register-online .address-manually + .forms .td-2, .register-online .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .register-online .address-manually + .forms .td-2 ~ .e-row, .register-online .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .register-online .address-manually + .forms .td-2 ~ .dynamic, .register-online .address-manually + .forms .td-2 ~ .manual-add, .register-online .forms .new-address .td-2 ~ .dynamic, .register-online .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .register-online .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .register-online .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .register-online .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .register-online .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .register-online .address-manually + .forms .e-row.manual-add, .register-online .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .register-online .address-manually + .forms .td-6, .register-online .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .register-online .address-manually + .forms .td-2, .register-online .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .register-online .address-manually + .forms .td-2 ~ .e-row, .register-online .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .register-online .address-manually + .forms .td-2 ~ .dynamic, .register-online .address-manually + .forms .td-2 ~ .manual-add, .register-online .forms .new-address .td-2 ~ .dynamic, .register-online .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .register-online .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .register-online .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .register-online .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .register-online .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .register-online .address-manually + .forms .td-2 ~ .dynamic, .register-online .address-manually + .forms .td-2 ~ .manual-add, .register-online .forms .new-address .td-2 ~ .dynamic, .register-online .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .register-online .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .register-online .listing .page .details .icon a, .register-online .listing .page .details .icon button {
      display: flex; }
    .register-online .listing .btn-block {
      justify-content: center; } }
  .register-online .forms .e-group:not(.row) {
    margin-top: 15px; }
  .register-online .forms .e-group.row .e-row {
    width: 100%; }
  .register-online .forms .e-group.row .e-row.td-8 {
    width: calc(66.66% - 20px); }
  .register-online .forms .e-group.row .e-row.td-6 {
    width: calc(50% - 20px); }
  .register-online .forms .e-group.row .e-row.td-2 {
    width: calc(16.666667% - 20px); }
  .register-online .forms .e-group.row .e-row {
    width: calc(33.333333% - 20px); }
  .register-online .forms .e-group.row .e-row:nth-child(3n+1) {
    margin-right: 15px;
    margin-left: 0px; }
  .register-online .forms .e-group.row .e-row:nth-child(3n+2) {
    margin-right: 15px;
    margin-left: 15px; }
  .register-online .forms .e-group.row .e-row:nth-child(3n+3) {
    margin-right: 0px;
    margin-left: 15px; }
  .register-online .forms .sms {
    position: relative; }
    .register-online .forms .sms .e-row {
      width: 100%; }
    .register-online .forms .sms .e-row.td-8 {
      width: calc(66.66% - 20px); }
    .register-online .forms .sms .e-row.td-6 {
      width: calc(50% - 20px); }
    .register-online .forms .sms .e-row.td-2 {
      width: calc(16.666667% - 20px); }
    .register-online .forms .sms .e-row {
      width: calc(33.333333% - 20px); }
    .register-online .forms .sms .e-row:nth-child(3n+1) {
      margin-right: 15px;
      margin-left: 0px; }
    .register-online .forms .sms .e-row:nth-child(3n+2) {
      margin-right: 15px;
      margin-left: 15px; }
    .register-online .forms .sms .e-row:nth-child(3n+3) {
      margin-right: 0px;
      margin-left: 15px; }
    .register-online .forms .sms .checkbox {
      padding-top: 1.1rem;
      height: 60px;
      justify-content: flex-start;
      align-self: center; }
      .register-online .forms .sms .checkbox p {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        line-height: 0.95rem;
        letter-spacing: 0.5px; }
    @media (min-width: 768px) {
      .register-online .forms .sms label.mobile {
        background: #fff;
        padding: 0px 10px;
        margin-left: -7px; }
      .register-online .forms .sms:after {
        content: "";
        border: 1px solid #ddd;
        width: calc(66.66% + 10px);
        height: calc(100px - 5px);
        position: absolute;
        left: -10px;
        top: calc(10px + 2px);
        z-index: -1; } }
    @media (max-width: 991px) {
      .register-online .forms .sms {
        margin-bottom: 30px; }
        .register-online .forms .sms .checkbox {
          padding-top: 45px; } }
    @media (max-width: 767px) {
      .register-online .forms .sms .checkbox {
        margin-bottom: 0px;
        padding: 0px; } }
  .register-online .forms .custom-checkbox p {
    padding-left: 25px; }
  .register-online .email-otp .forms {
    margin: 0px;
    padding: 0px; }
  .register-online .sms ~ .e-group {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .register-online .sms ~ .e-group .e-row {
      width: 100% !important;
      margin-right: 0px !important;
      margin-left: 0px !important; }
    .register-online .sms ~ .e-group .note .links {
      text-align: center; }
  @media (min-width: 992px) {
    .register-online .sms ~ .e-group .e-row.note {
      max-width: 83.33333333%;
      padding: 0px 15px; } }
  @media (max-width: 991px) {
    .register-online .forms .sms, .register-online .sms ~ .e-group {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    .register-online .sms ~ .e-group .custom-checkbox p {
      display: flex;
      align-items: center;
      justify-content: center; }
      .register-online .sms ~ .e-group .custom-checkbox p span {
        margin-left: 10px; } }
  @media (max-width: 767px) {
    .register-online .forms .e-group.row .e-row {
      max-width: 100%;
      flex: 0 0 100%;
      width: 100%;
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .register-online .sms + .e-group .e-row:first-of-type {
      margin-top: 0px; } }

.locations {
  margin-bottom: 45px;
  position: relative;
  padding: 0px;
  /* EXPLORER ONLY */ }
  .locations .header {
    margin-bottom: 20px;
    text-align: center; }
    .locations .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .locations .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .locations .header.next-prev a.btn-sml:hover, .locations .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .locations .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .locations .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .locations .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .locations section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .locations section {
        margin: 15px auto; } }
  .locations .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .locations .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .locations .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .locations .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .locations .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .locations .header.next-prev .btn-sml i {
        font-size: 25px; }
      .locations .header.next-prev .btn-sml span {
        display: none !important; }
    .locations .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .locations form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .locations form .field-validation-error:not(.text-danger), .locations form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .locations form .field-validation-error:not(.text-danger) span, .locations form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .locations form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .locations form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .locations form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .locations form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .locations form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .locations form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .locations form .validation-summary-error ul li, .locations form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .locations form .validation-summary-error ul li:before, .locations form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .locations form .validation-summary-error ul li span, .locations form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .locations form .validation-summary-error ul li span + span:before, .locations form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .locations form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .locations form .validation-summary-error ul li, .locations form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .locations form .validation-summary-error ul li, .locations form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .locations form .validation-summary-error ul li:before, .locations form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .locations form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .locations form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .locations form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .locations form .validation-summary-success ul li, .locations form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .locations form .validation-summary-success ul li:before, .locations form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .locations form .validation-summary-success ul li span, .locations form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .locations form .validation-summary-success ul li span + span:before, .locations form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .locations form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .locations form .validation-summary-success ul li, .locations form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .locations form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .locations form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .locations form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .locations form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .locations form .alert-success ul li, .locations form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .locations form .alert-success ul li:before, .locations form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .locations form .alert-success ul li span, .locations form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .locations form .alert-success ul li span + span:before, .locations form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .locations form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .locations form .alert-success ul li, .locations form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .locations form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .locations form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .locations form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .locations form .alert-success p {
            font-size: 0.8rem; }
          .locations form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .locations form .e-group {
      margin: 0px auto; }
    .locations form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .locations form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .locations form .select {
      position: relative; }
      .locations form .select label {
        display: inherit; }
        .locations form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .locations form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .locations form input[type="number"], .locations form input[type="number"]::-webkit-inner-spin-button, .locations form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .locations form select, .locations form input, .locations form button {
      height: 50px; }
    .locations form select, .locations form textarea, .locations form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .locations form select:focus, .locations form textarea:focus, .locations form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .locations form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .locations form p.center {
      text-align: center;
      line-height: 30px; }
    .locations form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .locations form p.mandatory, .locations form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .locations form p.mandatory span, .locations form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .locations form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .locations form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .locations form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .locations form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .locations form label.user:after {
      content: "\e9f1"; }
    .locations form label.password:after {
      content: "\e987"; }
    .locations form label.email:after {
      content: "\e98a"; }
    .locations form label.search:after {
      content: "\e9c1"; }
    .locations form label.box1:after {
      content: "\e9a2"; }
    .locations form label.home:after {
      content: "\e979"; }
    .locations form label.phone:after {
      content: "\e9a7"; }
    .locations form label.mobile:after {
      content: "\e9d2"; }
    .locations form label.flag:after {
      content: "\e967"; }
    .locations form label.address:after {
      content: "\e98b"; }
    .locations form label.postal:after {
      content: "\e98c"; }
    .locations form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .locations form label.doc1:after {
      content: "\e938"; }
    .locations form label.hash:after {
      content: "\e975"; }
    .locations form label.dollar:after {
      content: "\e954"; }
    .locations form label.msg1:after {
      content: "\e990"; }
    .locations form label.percent:after {
      content: "\e9a6"; }
    .locations form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .locations form .submit-btn:hover, .locations form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .locations form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .locations form .submit-btn:focus {
        outline-style: none; }
    .locations form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .locations form .btn-sml:hover, .locations form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .locations form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .locations form .btn-sml:focus {
        outline-style: none; }
    .locations form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .locations form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .locations form .btn-red:hover, .locations form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .locations form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .locations form .btn-dark:hover, .locations form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .locations form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .locations form .btn-dark-bdr:hover, .locations form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .locations form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .locations form .btn-darker-bdr:hover, .locations form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .locations form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .locations form .btn-brand-bdr:hover, .locations form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .locations form input.disabled, .locations form a.disabled, .locations form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .locations form input.input-validation-error, .locations form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .locations form .btn-sml.add-more {
      margin-left: 10px; }
      .locations form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .locations form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .locations form .btn-sml.add-cart, .locations form .btn-sml.add-more, .locations form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .locations form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .locations form .add-more:hover, .locations form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .locations form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .locations form .add-cart:hover, .locations form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .locations form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .locations form .add-more.disabled, .locations form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .locations form .links {
      text-align: center; }
      .locations form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .locations form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .locations form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .locations form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .locations form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .locations form .e-row.deactive select, .locations form .e-row.deactive textarea, .locations form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .locations form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .locations form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .locations form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .locations form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .locations form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .locations form .duo input, .locations form .duo a {
        margin: 0px; }
      .locations form .duo input + a, .locations form .duo input + input {
        margin-left: 20px; }
    .locations form .uom-dpdn {
      position: relative; }
      .locations form .uom-dpdn label {
        display: inherit; }
        .locations form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .locations form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .locations form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .locations form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .locations form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .locations form {
        margin: 10px auto; }
        .locations form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .locations form .e-row {
          margin-bottom: 20px; }
        .locations form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .locations form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .locations form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .locations form.search input, .locations form.search button {
      border-radius: 0px;
      float: left; }
    .locations form.search input:focus, .locations form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .locations form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .locations form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .locations form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .locations form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .locations form.search button {
        width: 40px; }
      .locations form.search input, .locations form.search button {
        height: 40px; }
      .locations form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .locations form.search input {
        width: calc(100% - 40px); } }
    .locations form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .locations form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .locations form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .locations form.search i {
        top: 7px; } }
  .locations .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .locations .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .locations .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .locations .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .locations .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .locations .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .locations .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .locations .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .locations .custom-radiobox:hover p {
      color: #214a8c; }
    .locations .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .locations .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .locations .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .locations .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .locations .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .locations .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .locations .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .locations .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .locations .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .locations .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .locations .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .locations .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .locations .custom-checkbox:hover p {
      color: #214a8c; }
    .locations .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .locations .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .locations .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .locations .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .locations .custom-checkbox p span {
      line-height: 1.2; }
  .locations a {
    color: #222; }
    .locations a:hover {
      color: #214a8c !important; }
  .locations .listing {
    clear: both;
    position: relative; }
    .locations .listing .page-th > .col, .locations .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .locations .listing .page-th .price, .locations .listing .page-th .qty, .locations .listing .page .details .price, .locations .listing .page .details .qty {
      text-align: right; }
    .locations .listing .page-th .col.price, .locations .listing .page-th .ordered, .locations .listing .page .details .col.price, .locations .listing .page .details .ordered {
      max-width: 13.33%; }
    .locations .listing .page-th .inventory, .locations .listing .page .details .inventory {
      max-width: 20%; }
    .locations .listing .page-th .col.qty, .locations .listing .page-th .col.total, .locations .listing .page .details .col.qty, .locations .listing .page .details .col.total {
      max-width: 16.666667%; }
    .locations .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .locations .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .locations .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .locations .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .locations .listing .page > form {
      margin: 0px; }
    .locations .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .locations .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .locations .listing .page .details .time, .locations .listing .page .details .type {
        font-weight: 600; }
      .locations .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .locations .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .locations .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .locations .listing .page .details .submit input, .locations .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .locations .listing .page .details .submit input {
          padding: 3px 15px; }
        .locations .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .locations .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .locations .listing .page .details + .actions a .fe-download, .locations .listing .page .details + .actions a span, .locations .listing .page .details + .sub-total .actions a .fe-download, .locations .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .locations .listing .summary .page-th > .col {
      text-align: left; }
    .locations .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .locations .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .locations .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .locations .listing .summary .page .details .eco .right {
        color: #10a700; }
      .locations .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .locations .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .locations .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .locations .listing .summary .page .details .total .left {
          font-weight: 600; }
        .locations .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .locations .listing .summary .page .details .sub-total .right, .locations .listing .summary .page .details .items .right {
        color: #222; }
      .locations .listing .summary .page .details .sub-total .right, .locations .listing .summary .page .details .items .right, .locations .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .locations .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .locations .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .locations .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .locations .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .locations .listing .summary .page .details .e-row input[type="text"], .locations .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .locations .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .locations .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .locations .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .locations .listing .summary .page .details .col.total {
        max-width: 100%; }
      .locations .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .locations .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .locations .listing .summary .page .details.proceed .e-group, .locations .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .locations .listing .summary .page .details.proceed .e-group .add-cart, .locations .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .locations .listing .summary .page .details.proceed .e-group .add-more, .locations .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .locations .listing .summary .page .details.proceed .e-group .add-more i, .locations .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .locations .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .locations .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .locations .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .locations .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .locations .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .locations .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .locations .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .locations .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .locations .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .locations .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .locations .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .locations .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .locations .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .locations .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .locations .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .locations .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .locations .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .locations .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .locations .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .locations .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .locations .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .locations .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .locations .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .locations .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .locations .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .locations .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .locations .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .locations .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .locations .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .locations .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .locations .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .locations .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .locations .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .locations .listing #accordion, .locations .listing #braidAccordian {
      flex-wrap: wrap; }
      .locations .listing #accordion .title-link, .locations .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .locations .listing #accordion .title-link .col, .locations .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .locations .listing #accordion .title-link.collapsed, .locations .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .locations .listing #accordion .title-link:after, .locations .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .locations .listing #accordion .title-link.collapsed:after, .locations .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .locations .listing #accordion .title-link + .collapse + .title-link, .locations .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .locations .listing #accordion .collapse:not(.show), .locations .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .locations .listing #accordion .details, .locations .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .locations .listing .td-1 {
      max-width: 8.33%; }
    .locations .listing .td-2 {
      max-width: 16.666667%; }
    .locations .listing .td-3 {
      max-width: 25%; }
    .locations .listing .td-4 {
      max-width: 33.333333%; }
    .locations .listing .td-5 {
      max-width: 41.666667%; }
    .locations .listing .td-6 {
      max-width: 50%; }
    .locations .listing .td-7 {
      max-width: 58.33%; }
    .locations .listing .td-8 {
      max-width: 66.66%; }
    .locations .listing .td-9 {
      max-width: 75%; }
    .locations .listing .td-10 {
      max-width: 83.33333333%; }
    .locations .listing .td-11 {
      max-width: 91.66666667%; }
    .locations .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .locations .listing .center {
      text-align: center; }
    .locations .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .locations .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .locations .listing .col-9.left {
      padding-right: 20px; }
    .locations .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .locations .listing .actions .results {
        color: #222; }
        .locations .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .locations .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .locations .listing .actions .search input, .locations .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .locations .listing .actions .search input:focus, .locations .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .locations .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .locations .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .locations .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .locations .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .locations .listing .actions .search button {
            width: 40px; }
          .locations .listing .actions .search input, .locations .listing .actions .search button {
            height: 40px; }
          .locations .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .locations .listing .actions .search input {
            width: calc(100% - 40px); } }
        .locations .listing .actions .search input, .locations .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .locations .listing .actions .search input, .locations .listing .actions .search button {
          height: 30px; }
        .locations .listing .actions .search textarea {
          height: 50px; }
        .locations .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .locations .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .locations .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .locations .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .locations .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .locations .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .locations .listing .actions .search:only-child {
        padding: 10px; }
      .locations .listing .actions a.pdf-export, .locations .listing .actions a.excel-export, .locations .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .locations .listing .actions a.pdf-export.active, .locations .listing .actions a.excel-export.active, .locations .listing .actions a.import-pro.active {
          color: #214a8c; }
          .locations .listing .actions a.pdf-export.active:before, .locations .listing .actions a.excel-export.active:before, .locations .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .locations .listing .actions #exportPdf, .locations .listing .actions #exportExcel, .locations .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .locations .listing .actions #exportPdf form, .locations .listing .actions #exportExcel form, .locations .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .locations .listing .actions #exportPdf form label, .locations .listing .actions #exportExcel form label, .locations .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .locations .listing .actions #exportPdf form > div, .locations .listing .actions #exportExcel form > div, .locations .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .locations .listing .actions #exportPdf form > div:not(.generate), .locations .listing .actions #exportExcel form > div:not(.generate), .locations .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .locations .listing .actions #exportPdf form .left, .locations .listing .actions #exportExcel form .left, .locations .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .locations .listing .actions #exportPdf form .right, .locations .listing .actions #exportExcel form .right, .locations .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .locations .listing .actions #exportPdf form .attachment, .locations .listing .actions #exportExcel form .attachment, .locations .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .locations .listing .actions #exportPdf form .attachment > div, .locations .listing .actions #exportExcel form .attachment > div, .locations .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .locations .listing .actions #exportPdf form .attachment .col-3, .locations .listing .actions #exportPdf form .attachment .col-9, .locations .listing .actions #exportExcel form .attachment .col-3, .locations .listing .actions #exportExcel form .attachment .col-9, .locations .listing .actions #importPro form .attachment .col-3, .locations .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .locations .listing .actions #exportPdf form .attachment .col-3 > div, .locations .listing .actions #exportPdf form .attachment .col-9 > div, .locations .listing .actions #exportExcel form .attachment .col-3 > div, .locations .listing .actions #exportExcel form .attachment .col-9 > div, .locations .listing .actions #importPro form .attachment .col-3 > div, .locations .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .locations .listing .actions #exportPdf form .attachment .col-3 > label, .locations .listing .actions #exportPdf form .attachment .col-9 > label, .locations .listing .actions #exportExcel form .attachment .col-3 > label, .locations .listing .actions #exportExcel form .attachment .col-9 > label, .locations .listing .actions #importPro form .attachment .col-3 > label, .locations .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .locations .listing .actions #exportPdf form .attachment .col-3 p.supp, .locations .listing .actions #exportPdf form .attachment .col-9 p.supp, .locations .listing .actions #exportExcel form .attachment .col-3 p.supp, .locations .listing .actions #exportExcel form .attachment .col-9 p.supp, .locations .listing .actions #importPro form .attachment .col-3 p.supp, .locations .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .locations .listing .actions #exportPdf form .attachment .col-9, .locations .listing .actions #exportExcel form .attachment .col-9, .locations .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .locations .listing .actions #exportPdf form .attachment .text, .locations .listing .actions #exportPdf form .attachment .image, .locations .listing .actions #exportExcel form .attachment .text, .locations .listing .actions #exportExcel form .attachment .image, .locations .listing .actions #importPro form .attachment .text, .locations .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .locations .listing .actions #exportPdf form .attachment .text p, .locations .listing .actions #exportPdf form .attachment .image p, .locations .listing .actions #exportExcel form .attachment .text p, .locations .listing .actions #exportExcel form .attachment .image p, .locations .listing .actions #importPro form .attachment .text p, .locations .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .locations .listing .actions #exportPdf form .attachment .image, .locations .listing .actions #exportExcel form .attachment .image, .locations .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .locations .listing .actions #exportPdf form .attachment .image p, .locations .listing .actions #exportExcel form .attachment .image p, .locations .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .locations .listing .actions #exportPdf form .attachment .image img, .locations .listing .actions #exportExcel form .attachment .image img, .locations .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .locations .listing .actions #exportPdf form .attachment .btns, .locations .listing .actions #exportExcel form .attachment .btns, .locations .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .locations .listing .actions #exportPdf form .attachment .btns i, .locations .listing .actions #exportExcel form .attachment .btns i, .locations .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .locations .listing .actions #exportPdf form .attachment .btns a, .locations .listing .actions #exportPdf form .attachment .btns input, .locations .listing .actions #exportPdf form .attachment .btns button, .locations .listing .actions #exportExcel form .attachment .btns a, .locations .listing .actions #exportExcel form .attachment .btns input, .locations .listing .actions #exportExcel form .attachment .btns button, .locations .listing .actions #importPro form .attachment .btns a, .locations .listing .actions #importPro form .attachment .btns input, .locations .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .locations .listing .actions #exportPdf form .attachment .btns a:focus, .locations .listing .actions #exportPdf form .attachment .btns input:focus, .locations .listing .actions #exportPdf form .attachment .btns button:focus, .locations .listing .actions #exportExcel form .attachment .btns a:focus, .locations .listing .actions #exportExcel form .attachment .btns input:focus, .locations .listing .actions #exportExcel form .attachment .btns button:focus, .locations .listing .actions #importPro form .attachment .btns a:focus, .locations .listing .actions #importPro form .attachment .btns input:focus, .locations .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .locations .listing .actions #exportPdf form .attachment .btns a:hover, .locations .listing .actions #exportPdf form .attachment .btns input:hover, .locations .listing .actions #exportPdf form .attachment .btns button:hover, .locations .listing .actions #exportExcel form .attachment .btns a:hover, .locations .listing .actions #exportExcel form .attachment .btns input:hover, .locations .listing .actions #exportExcel form .attachment .btns button:hover, .locations .listing .actions #importPro form .attachment .btns a:hover, .locations .listing .actions #importPro form .attachment .btns input:hover, .locations .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .locations .listing .actions #exportPdf form .attachment .btns button + button, .locations .listing .actions #exportPdf form .attachment .btns a + a, .locations .listing .actions #exportPdf form .attachment .btns input + input, .locations .listing .actions #exportExcel form .attachment .btns button + button, .locations .listing .actions #exportExcel form .attachment .btns a + a, .locations .listing .actions #exportExcel form .attachment .btns input + input, .locations .listing .actions #importPro form .attachment .btns button + button, .locations .listing .actions #importPro form .attachment .btns a + a, .locations .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .locations .listing .actions #exportPdf form .attachment .btns .image, .locations .listing .actions #exportExcel form .attachment .btns .image, .locations .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .locations .listing .actions #exportPdf form .attachment .btns .image > div, .locations .listing .actions #exportExcel form .attachment .btns .image > div, .locations .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .locations .listing .actions #exportPdf form .address-list, .locations .listing .actions #exportExcel form .address-list, .locations .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .locations .listing .actions #exportPdf form .address-list div, .locations .listing .actions #exportExcel form .address-list div, .locations .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .locations .listing .actions #exportPdf form .address-list > div:not(.d-flex), .locations .listing .actions #exportExcel form .address-list > div:not(.d-flex), .locations .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .locations .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .locations .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .locations .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .locations .listing .actions #exportPdf form .address-list .btn-block, .locations .listing .actions #exportExcel form .address-list .btn-block, .locations .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .locations .listing .actions #exportPdf form .address-list .btn-block a, .locations .listing .actions #exportExcel form .address-list .btn-block a, .locations .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .locations .listing .actions #exportPdf form .attachment, .locations .listing .actions #exportPdf form .address-list, .locations .listing .actions #exportExcel form .attachment, .locations .listing .actions #exportExcel form .address-list, .locations .listing .actions #importPro form .attachment, .locations .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .locations .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .locations .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .locations .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .locations .listing .actions #exportPdf form .generate, .locations .listing .actions #exportExcel form .generate, .locations .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .locations .listing .actions #exportPdf form .generate .btn-sml, .locations .listing .actions #exportExcel form .generate .btn-sml, .locations .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .locations .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .locations .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .locations .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .locations .listing .actions #exportPdf form .img, .locations .listing .actions #exportExcel form .img, .locations .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .locations .listing .actions #exportPdf form .img .text p, .locations .listing .actions #exportExcel form .img .text p, .locations .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .locations .listing .actions #exportPdf form .img p.supp, .locations .listing .actions #exportExcel form .img p.supp, .locations .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .locations .listing .actions #exportPdf form .img img, .locations .listing .actions #exportExcel form .img img, .locations .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .locations .listing .actions #exportPdf:not(.show), .locations .listing .actions #exportExcel:not(.show), .locations .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .locations .listing .actions #exportPdf form > div, .locations .listing .actions #exportExcel form > div, .locations .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .locations .listing .actions #exportPdf form .custom-checkbox, .locations .listing .actions #exportExcel form .custom-checkbox, .locations .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .locations .listing .actions #exportPdf form .left, .locations .listing .actions #exportPdf form .right, .locations .listing .actions #exportExcel form .left, .locations .listing .actions #exportExcel form .right, .locations .listing .actions #importPro form .left, .locations .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .locations .listing .actions #exportPdf form .left, .locations .listing .actions #exportExcel form .left, .locations .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .locations .listing .actions #exportPdf form .address-list, .locations .listing .actions #exportExcel form .address-list, .locations .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .locations .listing .actions #exportPdf form label, .locations .listing .actions #exportExcel form label, .locations .listing .actions #importPro form label {
          justify-content: flex-start; }
        .locations .listing .actions #exportPdf form .right, .locations .listing .actions #exportExcel form .right, .locations .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .locations .listing .actions #exportPdf form .attachment, .locations .listing .actions #exportExcel form .attachment, .locations .listing .actions #importPro form .attachment {
          padding: 10px; }
          .locations .listing .actions #exportPdf form .attachment .col-3, .locations .listing .actions #exportPdf form .attachment .col-9, .locations .listing .actions #exportExcel form .attachment .col-3, .locations .listing .actions #exportExcel form .attachment .col-9, .locations .listing .actions #importPro form .attachment .col-3, .locations .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .locations .listing .actions #exportPdf form .attachment .col-3, .locations .listing .actions #exportExcel form .attachment .col-3, .locations .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .locations .listing .actions #exportPdf form .attachment .col-3 label, .locations .listing .actions #exportPdf form .attachment .col-3 .image, .locations .listing .actions #exportExcel form .attachment .col-3 label, .locations .listing .actions #exportExcel form .attachment .col-3 .image, .locations .listing .actions #importPro form .attachment .col-3 label, .locations .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .locations .listing .actions #exportPdf form .attachment .col-9, .locations .listing .actions #exportExcel form .attachment .col-9, .locations .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .locations .listing .actions #exportPdf form .attachment .col-9 p.supp, .locations .listing .actions #exportExcel form .attachment .col-9 p.supp, .locations .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .locations .listing .actions #exportPdf form .address-list .col-3, .locations .listing .actions #exportExcel form .address-list .col-3, .locations .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .locations .listing .actions #exportPdf form .address-list .col-9, .locations .listing .actions #exportExcel form .address-list .col-9, .locations .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .locations .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .locations .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .locations .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .locations .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .locations .listing .actions #importPro form .address-list > div:nth-of-type(1), .locations .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .locations .listing .actions #exportPdf form .img img, .locations .listing .actions #exportExcel form .img img, .locations .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .locations .listing .actions #exportPdf .custom-checkbox .custom-check, .locations .listing .actions #exportExcel .custom-checkbox .custom-check, .locations .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .locations .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .locations .listing .actions form {
        margin: 0px; }
      .locations .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .locations .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .locations .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .locations .listing .actions .shared .email {
          display: flex; }
          .locations .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .locations .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .locations .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .locations .listing .actions .left, .locations .listing .actions > .center, .locations .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .locations .listing .actions .right {
        margin-left: auto; }
      .locations .listing .actions .action-link, .locations .listing .actions .left > a, .locations .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .locations .listing .actions .action-link:hover, .locations .listing .actions .left > a:hover, .locations .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .locations .listing .actions .action-link span, .locations .listing .actions .left > a span, .locations .listing .actions .right > a span {
          margin-left: 5px; }
        .locations .listing .actions .action-link span:empty, .locations .listing .actions .left > a span:empty, .locations .listing .actions .right > a span:empty {
          display: none; }
      .locations .listing .actions .action-link, .locations .listing .actions a + a, .locations .listing .actions .checkbox + a {
        margin-left: 20px; }
      .locations .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .locations .listing .actions .custom-checkbox p {
        color: #222; }
      .locations .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .locations .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .locations .listing > .actions, .locations .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .locations .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .locations .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .locations .listing .actions {
        font-size: 0.8rem; }
        .locations .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .locations .listing .actions .left .action-link i {
          font-size: 1rem; }
        .locations .listing .actions .left a.action-link, .locations .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .locations .listing .actions {
        justify-content: center; }
        .locations .listing .actions .shared {
          top: calc(10px - 150px); }
        .locations .listing .actions .action-link, .locations .listing .actions a + a, .locations .listing .actions .checkbox + a {
          margin-left: 15px; }
        .locations .listing .actions > .right {
          justify-content: center; }
        .locations .listing .actions .search + .right {
          margin-left: 0px; } }
    .locations .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .locations .listing .add-more[aria-expanded="true"]:hover, .locations .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .locations .listing .add-more[aria-expanded="true"]:hover i, .locations .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .locations .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .locations .listing .add-more[aria-expanded="false"], .locations .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .locations .listing .add-more[aria-expanded="false"]:hover, .locations .listing .add-more[aria-expanded="false"]:focus, .locations .listing .add-more.collapsed:hover, .locations .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .locations .listing .add-more[aria-expanded="false"]:hover, .locations .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .locations .listing .add-more[aria-expanded="false"]:hover i, .locations .listing .add-more.collapsed:hover i {
          color: #fff; }
    .locations .listing .add-more.cancel:before {
      display: none; }
    .locations .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .locations .listing button.links, .locations .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .locations .listing button.links:hover, .locations .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .locations .listing a.plus i {
      font-size: 1rem; }
    .locations .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .locations .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .locations .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .locations .listing .custom-radiobox:not(:last-of-type), .locations .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .locations .listing .ship-when > p, .locations .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .locations .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .locations .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .locations .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .locations .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .locations .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .locations .listing .day-time span {
      font-weight: 600; }
    .locations .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .locations .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .locations .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .locations .listing .sub-total.btm > div, .locations .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .locations .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .locations .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .locations .listing .sub-header {
      clear: both;
      padding: 0px; }
      .locations .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .locations .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .locations .listing .sub-header .title {
        margin-bottom: 0px; }
        .locations .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .locations .listing .page + .sub-header {
      margin-top: 40px; }
      .locations .listing .page + .sub-header .title {
        flex-basis: content; }
    .locations .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .locations .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .locations .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .locations .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .locations .listing div.alert-warning p {
            font-size: 0.8rem; }
          .locations .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .locations .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .locations .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .locations .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .locations .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .locations .listing div.alert-danger p {
            font-size: 0.8rem; }
          .locations .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .locations .listing .col-9 > .page {
        min-height: 500px; }
      .locations .listing .page .details .submit input:hover, .locations .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .locations .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .locations .listing .page .details .submit button {
          width: 25px; }
      .locations .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .locations .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .locations .listing .col-9.left .page-th {
          display: none !important; }
        .locations .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .locations .listing .sub-header {
        flex-wrap: wrap; }
        .locations .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .locations .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .locations .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .locations .listing > .d-flex {
        flex-wrap: wrap; }
      .locations .listing .col-12.left .page-th, .locations .listing .col-9.left .page-th {
        display: none !important; }
      .locations .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .locations .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .locations .listing .page .details .time, .locations .listing .page .details .type {
        color: #666; }
      .locations .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .locations .listing .col-12.left, .locations .listing .col-3.right, .locations .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .locations .listing .summary {
        margin-top: 15px; }
        .locations .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .locations .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .locations .listing .left form {
      margin-bottom: 0px; }
    .locations .listing .sub-header form {
      margin: 0px; }
    .locations .listing .page .details {
      min-height: 50px; }
      .locations .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .locations .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .locations .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .locations .listing .page .details .icon a, .locations .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .locations .listing .page .details .icon a:hover, .locations .listing .page .details .icon button:hover {
          color: #214a8c; }
      .locations .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .locations .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .locations .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .locations .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .locations .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .locations .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .locations .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .locations .address-manually + .forms .td-6, .locations .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .locations .address-manually + .forms .td-2, .locations .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .locations .address-manually + .forms .td-2 ~ .e-row, .locations .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .locations .address-manually + .forms .td-2 ~ .dynamic, .locations .address-manually + .forms .td-2 ~ .manual-add, .locations .forms .new-address .td-2 ~ .dynamic, .locations .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .locations .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .locations .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .locations .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .locations .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .locations .address-manually + .forms .e-row.manual-add, .locations .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .locations .address-manually + .forms .td-6, .locations .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .locations .address-manually + .forms .td-2, .locations .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .locations .address-manually + .forms .td-2 ~ .e-row, .locations .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .locations .address-manually + .forms .td-2 ~ .dynamic, .locations .address-manually + .forms .td-2 ~ .manual-add, .locations .forms .new-address .td-2 ~ .dynamic, .locations .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .locations .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .locations .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .locations .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .locations .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .locations .address-manually + .forms .td-2 ~ .dynamic, .locations .address-manually + .forms .td-2 ~ .manual-add, .locations .forms .new-address .td-2 ~ .dynamic, .locations .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .locations .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .locations .listing .page .details .icon a, .locations .listing .page .details .icon button {
      display: flex; }
    .locations .listing .btn-block {
      justify-content: center; } }
  .locations ul.nav {
    width: 100%;
    margin: 0px auto; }
    .locations ul.nav li {
      width: 50%; }
  .locations .container {
    display: flex;
    flex-wrap: wrap; }
  .locations .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 0px;
    height: 120px; }
    .locations .col-md-12 .pg-title {
      margin: 0px 30px 0px 0px; }
    .locations .col-md-12 .search {
      margin: 0px auto;
      padding: 0px;
      max-width: 50%;
      margin: 0px 40px; }
      .locations .col-md-12 .search input, .locations .col-md-12 .search button {
        border-radius: 0px;
        float: left; }
      .locations .col-md-12 .search input:focus, .locations .col-md-12 .search button:focus {
        box-shadow: none;
        border-color: #666 !important; }
      .locations .col-md-12 .search input {
        color: #222;
        background: #fff !important;
        border-color: #ccc;
        font-size: 0.95rem;
        width: 300px; }
      .locations .col-md-12 .search button {
        width: 50px;
        border-left: none;
        border-color: #ccc;
        padding: 5px; }
        .locations .col-md-12 .search button i {
          color: #666;
          font-size: 1.5rem;
          top: 2px;
          position: relative; }
        .locations .col-md-12 .search button:hover {
          border-color: #666; }
      @media (max-width: 991px) {
        .locations .col-md-12 .search button {
          width: 40px; }
        .locations .col-md-12 .search input, .locations .col-md-12 .search button {
          height: 40px; }
        .locations .col-md-12 .search input {
          width: 100%; } }
      @media (max-width: 767px) {
        .locations .col-md-12 .search input {
          width: calc(100% - 40px); } }
      .locations .col-md-12 .search input, .locations .col-md-12 .search button {
        height: 40px; }
      .locations .col-md-12 .search button {
        width: 40px;
        background: #214a8c;
        border-color: #214a8c; }
        .locations .col-md-12 .search button i {
          color: #fff; }
      .locations .col-md-12 .search form {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px; }
    .locations .col-md-12 .count span {
      font-weight: 600;
      color: #222; }
    .locations .col-md-12 .locate {
      background: none;
      border: none;
      color: #666;
      text-decoration: underline; }
      .locations .col-md-12 .locate:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .locations .col-md-12 .locate img {
        height: 15px;
        margin-right: 5px; }
      .locations .col-md-12 .locate:hover {
        cursor: pointer; }
    @media (max-width: 991px) {
      .locations .col-md-12 {
        height: auto; }
        .locations .col-md-12 .search {
          flex: 0 0 50%;
          display: flex; }
        .locations .col-md-12 .pg-title {
          margin-bottom: 15px; }
        .locations .col-md-12 .count {
          margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .locations .col-md-12 {
        justify-content: center; }
        .locations .col-md-12 .search {
          max-width: 100%;
          flex: 0 0 100%;
          margin-bottom: 7px; } }
  .locations .tab-content {
    padding: 0px; }
  .locations .tab-pane {
    padding: 0px; }
    @media (max-width: 991px) {
      .locations .tab-pane {
        max-width: 100%;
        flex: 0 0 100%; } }
  .locations .listing {
    width: 100%; }
    .locations .listing .label {
      font-size: 0.8rem;
      color: #666;
      border-bottom: 1px solid #ddd;
      line-height: 0.8rem;
      width: 100%;
      margin-bottom: 10px; }
      .locations .listing .label span {
        position: relative;
        background: #fff;
        padding-right: 5px; }
    .locations .listing .map-address {
      display: flex; }
    .locations .listing .map-pin {
      display: flex;
      align-items: center;
      flex-direction: column;
      min-width: 45px;
      position: relative;
      top: 5px; }
      .locations .listing .map-pin .num {
        background: url("../images/map-pin.svg") no-repeat top center #10a700;
        display: block;
        width: 20px;
        height: 30px;
        text-align: center;
        font-size: 0.75rem;
        color: #fff;
        padding-top: 3px;
        font-weight: 500; }
      .locations .listing .map-pin .distance {
        font-size: 0.75rem;
        color: #10a700;
        font-weight: 500;
        margin-top: 3px;
        text-align: center; }
    .locations .listing .address {
      width: 100%;
      line-height: normal; }
      .locations .listing .address label {
        color: #214a8c;
        margin: 0px; }
      .locations .listing .address p {
        font-weight: 500; }
      .locations .listing .address a.plus {
        color: #666;
        font-size: 0.8rem; }
        .locations .listing .address a.plus span {
          text-decoration: underline; }
        .locations .listing .address a.plus i {
          font-size: 0.8rem;
          margin-right: 5px; }
        .locations .listing .address a.plus:hover span, .locations .listing .address a.plus:hover i {
          color: #214a8c; }
      .locations .listing .address a.plus[aria-expanded="true"] i:before {
        content: "\e998";
        color: #214a8c; }
      .locations .listing .address a.plus[aria-expanded="true"] > span {
        color: #214a8c; }
    .locations .listing .map-pin + .address {
      padding-left: 10px; }
    .locations .listing .address p, .locations .listing .phone p, .locations .listing .contact p, .locations .listing .hours p, .locations .listing .tag p {
      font-size: 0.8rem;
      margin: 0px;
      color: #222;
      line-height: calc(100% + 5px); }
    .locations .listing .phone, .locations .listing .contact, .locations .listing .tag, .locations .listing .other-links, .locations .listing .contact ~ label {
      margin-top: 15px; }
    .locations .listing .address label, .locations .listing .other-links a {
      font-size: 0.875rem;
      font-weight: 500; }
    .locations .listing .phone p, .locations .listing .contact p, .locations .listing .hours p {
      color: #666;
      position: relative; }
      .locations .listing .phone p span, .locations .listing .phone p a, .locations .listing .contact p span, .locations .listing .contact p a, .locations .listing .hours p span, .locations .listing .hours p a {
        color: #222;
        font-weight: 500; }
      .locations .listing .phone p span, .locations .listing .contact p span, .locations .listing .hours p span {
        position: absolute;
        left: 80px;
        top: 0px; }
      .locations .listing .phone p.active, .locations .listing .phone p.active span, .locations .listing .contact p.active, .locations .listing .contact p.active span, .locations .listing .hours p.active, .locations .listing .hours p.active span {
        color: #214a8c; }
    .locations .listing .contact p span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .locations .listing .contact p a[href^="mailto:"] {
      font-weight: 400; }
    .locations .listing .tag p {
      background: #f7fbff;
      font-weight: 600;
      font-size: 0.75rem;
      color: #666;
      line-height: 15px;
      text-align: center;
      padding: 7px 10px; }
    .locations .listing .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff;
      width: 100%;
      margin-top: 15px; }
      .locations .listing .btn-sml:hover, .locations .listing .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .locations .listing .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .locations .listing .btn-sml:focus {
        outline-style: none; }
      .locations .listing .btn-sml:hover, .locations .listing .btn-sml:focus {
        background: #08285c !important;
        border: none; }
    .locations .listing .cta {
      position: absolute;
      right: 0px;
      width: calc(200px - 25px); }
      .locations .listing .cta button {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        padding: 3px 5px;
        font-family: "Open Sans", sans-serif;
        text-transform: capitalize;
        color: #222; }
        .locations .listing .cta button:hover, .locations .listing .cta button:focus {
          background: #666 !important;
          color: #fff !important; }
        .locations .listing .cta button:hover {
          background: #214a8c !important;
          border-color: #214a8c; }
    .locations .listing .other-links a {
      font-size: 0.875rem;
      font-weight: 500;
      padding-right: 10px;
      color: #666;
      text-decoration: underline;
      color: #222; }
      .locations .listing .other-links a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .locations .listing .other-links a + a {
      border-left: 1px solid #ddd;
      padding-left: 10px; }
    @media (max-width: 767px) {
      .locations .listing .cta {
        position: inherit; }
        .locations .listing .cta button {
          margin: 0px;
          height: auto;
          line-height: 0.75rem; }
      .locations .listing .phone p, .locations .listing .contact p, .locations .listing .hours p {
        width: 100%; } }
    @media (min-width: 992px) {
      .locations .listing .scroll-content {
        border-top: 1px solid #ddd;
        height: 558px;
        border-bottom: 1px solid #ddd; } }
    .locations .listing .details {
      border-bottom: 1px solid #ddd;
      padding: 1rem 15px;
      flex-wrap: wrap; }
      .locations .listing .details div {
        padding: 0px; }
    .locations .listing .map-address {
      width: 100%;
      position: relative; }
    .locations .listing .map-address ~ div {
      padding-left: 60px;
      width: 100%; }
      .locations .listing .map-address ~ div .col-6:nth-child(1) {
        max-width: 66.66%;
        flex: 0 0 66.66%; }
      .locations .listing .map-address ~ div .col-6:nth-child(2) {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        margin-top: 10px; }
      .locations .listing .map-address ~ div label {
        font-size: 0.8rem; }
    .locations .listing .map-pin + .address {
      padding-left: 15px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      max-width: 60%;
      flex: 0 0 60%; }
    .locations .listing .collapse.show, .locations .listing .collapsing {
      display: flex;
      flex-wrap: wrap; }
    .locations .listing .address a, .locations .listing .address label {
      width: 100%; }
    .locations .listing .address label {
      color: #222;
      font-size: 1.1rem;
      letter-spacing: 0.25px; }
    .locations .listing .address p {
      display: inline-block; }
    .locations .listing .address p:first-of-type {
      margin-right: 3px; }
    .locations .listing .address a label {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .locations .listing .address a label:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .locations .listing .tag {
      width: 100%; }
    .locations .listing .get-directions {
      text-align: right; }
      .locations .listing .get-directions a {
        text-transform: uppercase;
        font-weight: 600; }
      .locations .listing .get-directions a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912"; }
    @media (max-width: 991px) {
      .locations .listing .details {
        padding: 15px 0px; } }
    @media (max-width: 767px) {
      .locations .listing .address .plus {
        width: 100%; }
      .locations .listing .address label {
        font-size: 0.95rem; }
      .locations .listing .map-address ~ div {
        width: 100%; }
        .locations .listing .map-address ~ div div {
          max-width: 100%; }
      .locations .listing .map-pin + .address {
        padding-left: 10px; } }
    .locations .listing .map-pin .num {
      background-color: #214a8c; }
    .locations .listing .map-pin .distance {
      color: #214a8c; }
  .locations .map {
    width: 100%;
    float: left;
    height: 100%; }
    .locations .map iframe {
      width: 100%;
      height: 100%; }
  .locations .preferred {
    border-radius: 0px;
    padding: 7px 15px 15px;
    border: 1px solid #ccc;
    width: 300px;
    border-color: #666; }
    .locations .preferred .label {
      font-size: 0.8rem;
      color: #666;
      border-bottom: 1px solid #ddd;
      line-height: 0.8rem;
      width: 100%;
      margin-bottom: 10px; }
      .locations .preferred .label span {
        position: relative;
        background: #fff;
        padding-right: 5px; }
    .locations .preferred .map-address {
      display: flex; }
    .locations .preferred .map-pin {
      display: flex;
      align-items: center;
      flex-direction: column;
      min-width: 45px;
      position: relative;
      top: 5px; }
      .locations .preferred .map-pin .num {
        background: url("../images/map-pin.svg") no-repeat top center #10a700;
        display: block;
        width: 20px;
        height: 30px;
        text-align: center;
        font-size: 0.75rem;
        color: #fff;
        padding-top: 3px;
        font-weight: 500; }
      .locations .preferred .map-pin .distance {
        font-size: 0.75rem;
        color: #10a700;
        font-weight: 500;
        margin-top: 3px;
        text-align: center; }
    .locations .preferred .address {
      width: 100%;
      line-height: normal; }
      .locations .preferred .address label {
        color: #214a8c;
        margin: 0px; }
      .locations .preferred .address p {
        font-weight: 500; }
      .locations .preferred .address a.plus {
        color: #666;
        font-size: 0.8rem; }
        .locations .preferred .address a.plus span {
          text-decoration: underline; }
        .locations .preferred .address a.plus i {
          font-size: 0.8rem;
          margin-right: 5px; }
        .locations .preferred .address a.plus:hover span, .locations .preferred .address a.plus:hover i {
          color: #214a8c; }
      .locations .preferred .address a.plus[aria-expanded="true"] i:before {
        content: "\e998";
        color: #214a8c; }
      .locations .preferred .address a.plus[aria-expanded="true"] > span {
        color: #214a8c; }
    .locations .preferred .map-pin + .address {
      padding-left: 10px; }
    .locations .preferred .address p, .locations .preferred .phone p, .locations .preferred .contact p, .locations .preferred .hours p, .locations .preferred .tag p {
      font-size: 0.8rem;
      margin: 0px;
      color: #222;
      line-height: calc(100% + 5px); }
    .locations .preferred .phone, .locations .preferred .contact, .locations .preferred .tag, .locations .preferred .other-links, .locations .preferred .contact ~ label {
      margin-top: 15px; }
    .locations .preferred .address label, .locations .preferred .other-links a {
      font-size: 0.875rem;
      font-weight: 500; }
    .locations .preferred .phone p, .locations .preferred .contact p, .locations .preferred .hours p {
      color: #666;
      position: relative; }
      .locations .preferred .phone p span, .locations .preferred .phone p a, .locations .preferred .contact p span, .locations .preferred .contact p a, .locations .preferred .hours p span, .locations .preferred .hours p a {
        color: #222;
        font-weight: 500; }
      .locations .preferred .phone p span, .locations .preferred .contact p span, .locations .preferred .hours p span {
        position: absolute;
        left: 80px;
        top: 0px; }
      .locations .preferred .phone p.active, .locations .preferred .phone p.active span, .locations .preferred .contact p.active, .locations .preferred .contact p.active span, .locations .preferred .hours p.active, .locations .preferred .hours p.active span {
        color: #214a8c; }
    .locations .preferred .contact p span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .locations .preferred .contact p a[href^="mailto:"] {
      font-weight: 400; }
    .locations .preferred .tag p {
      background: #f7fbff;
      font-weight: 600;
      font-size: 0.75rem;
      color: #666;
      line-height: 15px;
      text-align: center;
      padding: 7px 10px; }
    .locations .preferred .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff;
      width: 100%;
      margin-top: 15px; }
      .locations .preferred .btn-sml:hover, .locations .preferred .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .locations .preferred .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .locations .preferred .btn-sml:focus {
        outline-style: none; }
      .locations .preferred .btn-sml:hover, .locations .preferred .btn-sml:focus {
        background: #08285c !important;
        border: none; }
    .locations .preferred .cta {
      position: absolute;
      right: 0px;
      width: calc(200px - 25px); }
      .locations .preferred .cta button {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        padding: 3px 5px;
        font-family: "Open Sans", sans-serif;
        text-transform: capitalize;
        color: #222; }
        .locations .preferred .cta button:hover, .locations .preferred .cta button:focus {
          background: #666 !important;
          color: #fff !important; }
        .locations .preferred .cta button:hover {
          background: #214a8c !important;
          border-color: #214a8c; }
    .locations .preferred .other-links a {
      font-size: 0.875rem;
      font-weight: 500;
      padding-right: 10px;
      color: #666;
      text-decoration: underline;
      color: #222; }
      .locations .preferred .other-links a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .locations .preferred .other-links a + a {
      border-left: 1px solid #ddd;
      padding-left: 10px; }
    @media (max-width: 767px) {
      .locations .preferred .cta {
        position: inherit; }
        .locations .preferred .cta button {
          margin: 0px;
          height: auto;
          line-height: 0.75rem; }
      .locations .preferred .phone p, .locations .preferred .contact p, .locations .preferred .hours p {
        width: 100%; } }
    .locations .preferred .contact p span {
      max-width: 170px; }
    @media (max-width: 767px) {
      .locations .preferred {
        left: 0px !important;
        position: relative !important;
        transform: inherit !important;
        top: 3px !important;
        width: 100%; }
        .locations .preferred .contact p span {
          max-width: 240px; } }
  .locations:not(.change) .listing .details {
    padding-left: 0px; }
    .locations:not(.change) .listing .details > div {
      max-width: 50%;
      flex: 0 0 50%; }
    .locations:not(.change) .listing .details .hours {
      margin-top: 15px; }
      .locations:not(.change) .listing .details .hours p span {
        position: inherit;
        left: 5px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .locations .preferred .contact p span {
      position: relative;
      left: 0px;
      display: block;
      max-width: 200px; } }
  @media screen and (min-width: 1441px) {
    .locations.change .preferred {
      max-width: 16.666667%; }
    .locations.change .tab-content {
      max-width: 83.33333333%; } }
  @media screen and (max-width: 1440px) {
    .locations .preferred {
      min-width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding-top: 15px;
      margin-bottom: 20px; }
      .locations .preferred .map-address, .locations .preferred .contact {
        width: 33.333333%; }
      .locations .preferred .phone {
        width: 25%; }
      .locations .preferred .phone, .locations .preferred .contact, .locations .preferred .tag, .locations .preferred .other-links {
        margin-top: 0px; }
      .locations .preferred .contact p span {
        max-width: 100%; }
      .locations .preferred .hours {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 15px; }
        .locations .preferred .hours p span {
          position: inherit;
          left: 0px;
          display: block; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .locations .tab-content {
      max-width: 100%; }
      .locations .tab-content .tab-pane:nth-child(1) {
        max-width: 60%;
        flex: 0 0 60%; }
      .locations .tab-content .tab-pane:nth-child(2) {
        max-width: 40%;
        flex: 0 0 40%; } }
  @media (min-width: 992px) {
    .locations ul.nav {
      display: none; }
    .locations .tab-pane {
      display: flex;
      opacity: 1; } }
  @media (max-width: 991px) {
    .locations .col-md-12 {
      min-height: 70px;
      max-height: 120px; }
    .locations .tab-pane .map {
      height: 400px;
      margin-top: 1px; }
    .locations .nav-tabs {
      padding: 0px;
      border: none; }
      .locations .nav-tabs a.nav-item, .locations .nav-tabs a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-color: #ddd;
        font-family: "Poppins", sans-serif;
        height: 40px;
        border-radius: 0px;
        color: #666;
        letter-spacing: 0.5px;
        line-height: 0.875rem;
        text-align: center; }
        .locations .nav-tabs a.nav-item:before, .locations .nav-tabs a.nav-link:before {
          font-family: "Feather";
          font-size: 1.2rem;
          padding-right: 5px;
          color: #222;
          vertical-align: sub;
          font-weight: 400; }
      .locations .nav-tabs a.nav-item.active, .locations .nav-tabs a.nav-link.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c;
        color: #222; }
      .locations .nav-tabs a.nav-item {
        width: 50%; }
      .locations .nav-tabs .nav-item + .nav-item a {
        border-left: 0px; }
      .locations .nav-tabs a.nav-link {
        width: 100%; }
      .locations .nav-tabs a.nav-link.disabled {
        pointer-events: none; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .locations .nav-tabs .nav-item a.nav-link {
      display: table-cell !important;
      vertical-align: middle; }
    .locations .nav-tabs > .nav-item {
      width: 33.333333%;
      display: table; } }
  @media (max-width: 991px) {
      .locations .nav-tabs .nav-item:nth-child(1) .nav-link:before {
        content: "\e985"; }
      .locations .nav-tabs .nav-item:nth-child(2) .nav-link:before {
        content: "\e98c"; } }
  @media (max-width: 767px) {
    .locations .preferred {
      display: none !important; }
      .locations .preferred .map-address, .locations .preferred .phone, .locations .preferred .contact, .locations .preferred .tag, .locations .preferred .other-links {
        width: 100%; }
      .locations .preferred .phone, .locations .preferred .contact, .locations .preferred .tag {
        margin-top: 15px; }
      .locations .preferred .hours {
        flex-wrap: wrap; }
        .locations .preferred .hours p span {
          position: absolute;
          left: 80px; }
    .locations .details .map-address ~ div {
      padding-left: 0px; }
      .locations .details .map-address ~ div .col-6:nth-child(1), .locations .details .map-address ~ div .col-6:nth-child(2) {
        max-width: 100%;
        flex: 0 0 100%; }
    .locations.change .col-md-12 {
      margin-bottom: 30px; }
    .locations:not(.change) .listing .details > div {
      max-width: 100%;
      flex: 0 0 100%; }
    .locations:not(.change) .listing .details .get-directions {
      text-align: left; } }

.contact {
  padding: 0px; }
  .contact > .container:not(.breadcrumbs) {
    display: flex; }
  .contact .breadcrumbs ul {
    border-bottom: none; }
  .contact section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .contact section {
        margin: 15px auto; } }
    .contact section h5, .contact section h1 {
      color: #222;
      font-family: "Poppins", sans-serif;
      margin-bottom: 30px;
      letter-spacing: 0.75px;
      color: #222;
      font-family: "Poppins", sans-serif;
      margin-bottom: 30px;
      letter-spacing: 0.75px;
      font-size: 1.5rem;
      text-align: left; }
      .contact section h5:after, .contact section h1:after {
        display: block;
        width: 50px;
        border-bottom: 3px solid #214a8c;
        content: "";
        padding-top: 10px;
        margin: 0px auto; }
      @media (max-width: 991px) {
        .contact section h5, .contact section h1 {
          margin-bottom: 20px; } }
      .contact section h5:after, .contact section h1:after {
        display: block;
        width: 50px;
        border-bottom: 3px solid #214a8c;
        content: "";
        padding-top: 10px;
        margin: 0px auto; }
      @media (max-width: 991px) {
        .contact section h5, .contact section h1 {
          margin-bottom: 20px; } }
      @media (max-width: 991px) {
        .contact section h5, .contact section h1 {
          font-size: 1.25rem; } }
      .contact section h5:after, .contact section h1:after {
        display: block;
        width: 50px;
        border-bottom: 3px solid #214a8c;
        content: "";
        padding-top: 10px;
        margin-left: 0px; }
  .contact .container > section:nth-child(1) {
    padding-right: 50px; }
  .contact .container > section:nth-child(2) {
    padding-left: 50px; }
  .contact .listing {
    width: 100%; }
    .contact .listing .label {
      font-size: 0.8rem;
      color: #666;
      border-bottom: 1px solid #ddd;
      line-height: 0.8rem;
      width: 100%;
      margin-bottom: 10px; }
      .contact .listing .label span {
        position: relative;
        background: #fff;
        padding-right: 5px; }
    .contact .listing .map-address {
      display: flex; }
    .contact .listing .map-pin {
      display: flex;
      align-items: center;
      flex-direction: column;
      min-width: 45px;
      position: relative;
      top: 5px; }
      .contact .listing .map-pin .num {
        background: url("../images/map-pin.svg") no-repeat top center #10a700;
        display: block;
        width: 20px;
        height: 30px;
        text-align: center;
        font-size: 0.75rem;
        color: #fff;
        padding-top: 3px;
        font-weight: 500; }
      .contact .listing .map-pin .distance {
        font-size: 0.75rem;
        color: #10a700;
        font-weight: 500;
        margin-top: 3px;
        text-align: center; }
    .contact .listing .address {
      width: 100%;
      line-height: normal; }
      .contact .listing .address label {
        color: #214a8c;
        margin: 0px; }
      .contact .listing .address p {
        font-weight: 500; }
      .contact .listing .address a.plus {
        color: #666;
        font-size: 0.8rem; }
        .contact .listing .address a.plus span {
          text-decoration: underline; }
        .contact .listing .address a.plus i {
          font-size: 0.8rem;
          margin-right: 5px; }
        .contact .listing .address a.plus:hover span, .contact .listing .address a.plus:hover i {
          color: #214a8c; }
      .contact .listing .address a.plus[aria-expanded="true"] i:before {
        content: "\e998";
        color: #214a8c; }
      .contact .listing .address a.plus[aria-expanded="true"] > span {
        color: #214a8c; }
    .contact .listing .map-pin + .address {
      padding-left: 10px; }
    .contact .listing .address p, .contact .listing .phone p, .contact .listing .contact p, .contact .listing .hours p, .contact .listing .tag p {
      font-size: 0.8rem;
      margin: 0px;
      color: #222;
      line-height: calc(100% + 5px); }
    .contact .listing .phone, .contact .listing .contact, .contact .listing .tag, .contact .listing .other-links, .contact .listing .contact ~ label {
      margin-top: 15px; }
    .contact .listing .address label, .contact .listing .other-links a {
      font-size: 0.875rem;
      font-weight: 500; }
    .contact .listing .phone p, .contact .listing .contact p, .contact .listing .hours p {
      color: #666;
      position: relative; }
      .contact .listing .phone p span, .contact .listing .phone p a, .contact .listing .contact p span, .contact .listing .contact p a, .contact .listing .hours p span, .contact .listing .hours p a {
        color: #222;
        font-weight: 500; }
      .contact .listing .phone p span, .contact .listing .contact p span, .contact .listing .hours p span {
        position: absolute;
        left: 80px;
        top: 0px; }
      .contact .listing .phone p.active, .contact .listing .phone p.active span, .contact .listing .contact p.active, .contact .listing .contact p.active span, .contact .listing .hours p.active, .contact .listing .hours p.active span {
        color: #214a8c; }
    .contact .listing .contact p span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .contact .listing .contact p a[href^="mailto:"] {
      font-weight: 400; }
    .contact .listing .tag p {
      background: #f7fbff;
      font-weight: 600;
      font-size: 0.75rem;
      color: #666;
      line-height: 15px;
      text-align: center;
      padding: 7px 10px; }
    .contact .listing .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff;
      width: 100%;
      margin-top: 15px; }
      .contact .listing .btn-sml:hover, .contact .listing .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .contact .listing .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .contact .listing .btn-sml:focus {
        outline-style: none; }
      .contact .listing .btn-sml:hover, .contact .listing .btn-sml:focus {
        background: #08285c !important;
        border: none; }
    .contact .listing .cta {
      position: absolute;
      right: 0px;
      width: calc(200px - 25px); }
      .contact .listing .cta button {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        padding: 3px 5px;
        font-family: "Open Sans", sans-serif;
        text-transform: capitalize;
        color: #222; }
        .contact .listing .cta button:hover, .contact .listing .cta button:focus {
          background: #666 !important;
          color: #fff !important; }
        .contact .listing .cta button:hover {
          background: #214a8c !important;
          border-color: #214a8c; }
    .contact .listing .other-links a {
      font-size: 0.875rem;
      font-weight: 500;
      padding-right: 10px;
      color: #666;
      text-decoration: underline;
      color: #222; }
      .contact .listing .other-links a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .contact .listing .other-links a + a {
      border-left: 1px solid #ddd;
      padding-left: 10px; }
    @media (max-width: 767px) {
      .contact .listing .cta {
        position: inherit; }
        .contact .listing .cta button {
          margin: 0px;
          height: auto;
          line-height: 0.75rem; }
      .contact .listing .phone p, .contact .listing .contact p, .contact .listing .hours p {
        width: 100%; } }
    @media (min-width: 992px) {
      .contact .listing .scroll-content {
        border-top: 1px solid #ddd;
        height: 558px;
        border-bottom: 1px solid #ddd; } }
    .contact .listing .details {
      border-bottom: 1px solid #ddd;
      padding: 1rem 15px;
      flex-wrap: wrap; }
      .contact .listing .details div {
        padding: 0px; }
    .contact .listing .map-address {
      width: 100%;
      position: relative; }
    .contact .listing .map-address ~ div {
      padding-left: 60px;
      width: 100%; }
      .contact .listing .map-address ~ div .col-6:nth-child(1) {
        max-width: 66.66%;
        flex: 0 0 66.66%; }
      .contact .listing .map-address ~ div .col-6:nth-child(2) {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        margin-top: 10px; }
      .contact .listing .map-address ~ div label {
        font-size: 0.8rem; }
    .contact .listing .map-pin + .address {
      padding-left: 15px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      max-width: 60%;
      flex: 0 0 60%; }
    .contact .listing .collapse.show, .contact .listing .collapsing {
      display: flex;
      flex-wrap: wrap; }
    .contact .listing .address a, .contact .listing .address label {
      width: 100%; }
    .contact .listing .address label {
      color: #222;
      font-size: 1.1rem;
      letter-spacing: 0.25px; }
    .contact .listing .address p {
      display: inline-block; }
    .contact .listing .address p:first-of-type {
      margin-right: 3px; }
    .contact .listing .address a label {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .contact .listing .address a label:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .contact .listing .tag {
      width: 100%; }
    .contact .listing .get-directions {
      text-align: right; }
      .contact .listing .get-directions a {
        text-transform: uppercase;
        font-weight: 600; }
      .contact .listing .get-directions a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912"; }
    @media (max-width: 991px) {
      .contact .listing .details {
        padding: 15px 0px; } }
    @media (max-width: 767px) {
      .contact .listing .address .plus {
        width: 100%; }
      .contact .listing .address label {
        font-size: 0.95rem; }
      .contact .listing .map-address ~ div {
        width: 100%; }
        .contact .listing .map-address ~ div div {
          max-width: 100%; }
      .contact .listing .map-pin + .address {
        padding-left: 10px; } }
    .contact .listing .details {
      border-bottom: 0px;
      padding-left: 0px; }
      .contact .listing .details .hours {
        margin-top: 15px; }
        .contact .listing .details .hours p span {
          position: inherit;
          left: 5px; }
      .contact .listing .details .get-directions a {
        color: #222; }
    .contact .listing .map {
      width: 100%;
      float: left;
      height: 100%;
      height: 500px;
      margin-top: 60px; }
      .contact .listing .map iframe {
        width: 100%;
        height: 100%; }
  @media (max-width: 991px) {
    .contact > .container {
      display: block !important; }
    .contact .listing .map {
      height: 300px;
      margin-top: 30px; }
    .contact .container > section:nth-child(1), .contact .container > section:nth-child(2) {
      padding: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
    .contact .container > section:nth-child(2) {
      margin-top: 30px; } }
  @media (min-width: 768px) {
    .contact .listing .details > div {
      max-width: 50%;
      flex: 0 0 50%; } }
  @media (max-width: 767px) {
    .contact .listing .map {
      display: none; } }

.simple-page {
  padding: 0px; }
  .simple-page .header {
    margin-bottom: 20px;
    text-align: center; }
    .simple-page .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .simple-page .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .simple-page .header.next-prev a.btn-sml:hover, .simple-page .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .simple-page .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .simple-page .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .simple-page .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .simple-page section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .simple-page section {
        margin: 15px auto; } }
  .simple-page .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .simple-page .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .simple-page .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .simple-page .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .simple-page .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .simple-page .header.next-prev .btn-sml i {
        font-size: 25px; }
      .simple-page .header.next-prev .btn-sml span {
        display: none !important; }
    .simple-page .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .simple-page form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .simple-page form .field-validation-error:not(.text-danger), .simple-page form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .simple-page form .field-validation-error:not(.text-danger) span, .simple-page form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .simple-page form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .simple-page form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .simple-page form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .simple-page form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .simple-page form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .simple-page form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .simple-page form .validation-summary-error ul li, .simple-page form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .simple-page form .validation-summary-error ul li:before, .simple-page form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .simple-page form .validation-summary-error ul li span, .simple-page form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .simple-page form .validation-summary-error ul li span + span:before, .simple-page form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .simple-page form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .simple-page form .validation-summary-error ul li, .simple-page form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .simple-page form .validation-summary-error ul li, .simple-page form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .simple-page form .validation-summary-error ul li:before, .simple-page form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .simple-page form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .simple-page form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .simple-page form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .simple-page form .validation-summary-success ul li, .simple-page form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .simple-page form .validation-summary-success ul li:before, .simple-page form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .simple-page form .validation-summary-success ul li span, .simple-page form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .simple-page form .validation-summary-success ul li span + span:before, .simple-page form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .simple-page form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .simple-page form .validation-summary-success ul li, .simple-page form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .simple-page form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .simple-page form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .simple-page form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .simple-page form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .simple-page form .alert-success ul li, .simple-page form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .simple-page form .alert-success ul li:before, .simple-page form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .simple-page form .alert-success ul li span, .simple-page form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .simple-page form .alert-success ul li span + span:before, .simple-page form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .simple-page form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .simple-page form .alert-success ul li, .simple-page form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .simple-page form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .simple-page form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .simple-page form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .simple-page form .alert-success p {
            font-size: 0.8rem; }
          .simple-page form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .simple-page form .e-group {
      margin: 0px auto; }
    .simple-page form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .simple-page form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .simple-page form .select {
      position: relative; }
      .simple-page form .select label {
        display: inherit; }
        .simple-page form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .simple-page form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .simple-page form input[type="number"], .simple-page form input[type="number"]::-webkit-inner-spin-button, .simple-page form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .simple-page form select, .simple-page form input, .simple-page form button {
      height: 50px; }
    .simple-page form select, .simple-page form textarea, .simple-page form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .simple-page form select:focus, .simple-page form textarea:focus, .simple-page form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .simple-page form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .simple-page form p.center {
      text-align: center;
      line-height: 30px; }
    .simple-page form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .simple-page form p.mandatory, .simple-page form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .simple-page form p.mandatory span, .simple-page form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .simple-page form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .simple-page form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .simple-page form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .simple-page form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .simple-page form label.user:after {
      content: "\e9f1"; }
    .simple-page form label.password:after {
      content: "\e987"; }
    .simple-page form label.email:after {
      content: "\e98a"; }
    .simple-page form label.search:after {
      content: "\e9c1"; }
    .simple-page form label.box1:after {
      content: "\e9a2"; }
    .simple-page form label.home:after {
      content: "\e979"; }
    .simple-page form label.phone:after {
      content: "\e9a7"; }
    .simple-page form label.mobile:after {
      content: "\e9d2"; }
    .simple-page form label.flag:after {
      content: "\e967"; }
    .simple-page form label.address:after {
      content: "\e98b"; }
    .simple-page form label.postal:after {
      content: "\e98c"; }
    .simple-page form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .simple-page form label.doc1:after {
      content: "\e938"; }
    .simple-page form label.hash:after {
      content: "\e975"; }
    .simple-page form label.dollar:after {
      content: "\e954"; }
    .simple-page form label.msg1:after {
      content: "\e990"; }
    .simple-page form label.percent:after {
      content: "\e9a6"; }
    .simple-page form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .simple-page form .submit-btn:hover, .simple-page form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .simple-page form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .simple-page form .submit-btn:focus {
        outline-style: none; }
    .simple-page form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .simple-page form .btn-sml:hover, .simple-page form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .simple-page form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .simple-page form .btn-sml:focus {
        outline-style: none; }
    .simple-page form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .simple-page form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .simple-page form .btn-red:hover, .simple-page form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .simple-page form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .simple-page form .btn-dark:hover, .simple-page form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .simple-page form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .simple-page form .btn-dark-bdr:hover, .simple-page form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .simple-page form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .simple-page form .btn-darker-bdr:hover, .simple-page form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .simple-page form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .simple-page form .btn-brand-bdr:hover, .simple-page form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .simple-page form input.disabled, .simple-page form a.disabled, .simple-page form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .simple-page form input.input-validation-error, .simple-page form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .simple-page form .btn-sml.add-more {
      margin-left: 10px; }
      .simple-page form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .simple-page form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .simple-page form .btn-sml.add-cart, .simple-page form .btn-sml.add-more, .simple-page form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .simple-page form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .simple-page form .add-more:hover, .simple-page form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .simple-page form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .simple-page form .add-cart:hover, .simple-page form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .simple-page form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .simple-page form .add-more.disabled, .simple-page form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .simple-page form .links {
      text-align: center; }
      .simple-page form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .simple-page form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .simple-page form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .simple-page form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .simple-page form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .simple-page form .e-row.deactive select, .simple-page form .e-row.deactive textarea, .simple-page form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .simple-page form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .simple-page form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .simple-page form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .simple-page form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .simple-page form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .simple-page form .duo input, .simple-page form .duo a {
        margin: 0px; }
      .simple-page form .duo input + a, .simple-page form .duo input + input {
        margin-left: 20px; }
    .simple-page form .uom-dpdn {
      position: relative; }
      .simple-page form .uom-dpdn label {
        display: inherit; }
        .simple-page form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .simple-page form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .simple-page form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .simple-page form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .simple-page form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .simple-page form {
        margin: 10px auto; }
        .simple-page form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .simple-page form .e-row {
          margin-bottom: 20px; }
        .simple-page form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .simple-page form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .simple-page form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .simple-page form.search input, .simple-page form.search button {
      border-radius: 0px;
      float: left; }
    .simple-page form.search input:focus, .simple-page form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .simple-page form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .simple-page form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .simple-page form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .simple-page form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .simple-page form.search button {
        width: 40px; }
      .simple-page form.search input, .simple-page form.search button {
        height: 40px; }
      .simple-page form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .simple-page form.search input {
        width: calc(100% - 40px); } }
    .simple-page form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .simple-page form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .simple-page form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .simple-page form.search i {
        top: 7px; } }
  .simple-page .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .simple-page .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .simple-page .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .simple-page .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .simple-page .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .simple-page .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .simple-page .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .simple-page .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .simple-page .custom-radiobox:hover p {
      color: #214a8c; }
    .simple-page .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .simple-page .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .simple-page .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .simple-page .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .simple-page .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .simple-page .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .simple-page .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .simple-page .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .simple-page .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .simple-page .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .simple-page .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .simple-page .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .simple-page .custom-checkbox:hover p {
      color: #214a8c; }
    .simple-page .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .simple-page .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .simple-page .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .simple-page .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .simple-page .custom-checkbox p span {
      line-height: 1.2; }
  .simple-page a {
    color: #222; }
    .simple-page a:hover {
      color: #214a8c !important; }
  .simple-page .listing {
    clear: both;
    position: relative; }
    .simple-page .listing .page-th > .col, .simple-page .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .simple-page .listing .page-th .price, .simple-page .listing .page-th .qty, .simple-page .listing .page .details .price, .simple-page .listing .page .details .qty {
      text-align: right; }
    .simple-page .listing .page-th .col.price, .simple-page .listing .page-th .ordered, .simple-page .listing .page .details .col.price, .simple-page .listing .page .details .ordered {
      max-width: 13.33%; }
    .simple-page .listing .page-th .inventory, .simple-page .listing .page .details .inventory {
      max-width: 20%; }
    .simple-page .listing .page-th .col.qty, .simple-page .listing .page-th .col.total, .simple-page .listing .page .details .col.qty, .simple-page .listing .page .details .col.total {
      max-width: 16.666667%; }
    .simple-page .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .simple-page .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .simple-page .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .simple-page .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .simple-page .listing .page > form {
      margin: 0px; }
    .simple-page .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .simple-page .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .simple-page .listing .page .details .time, .simple-page .listing .page .details .type {
        font-weight: 600; }
      .simple-page .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .simple-page .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .simple-page .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .simple-page .listing .page .details .submit input, .simple-page .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .simple-page .listing .page .details .submit input {
          padding: 3px 15px; }
        .simple-page .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .simple-page .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .simple-page .listing .page .details + .actions a .fe-download, .simple-page .listing .page .details + .actions a span, .simple-page .listing .page .details + .sub-total .actions a .fe-download, .simple-page .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .simple-page .listing .summary .page-th > .col {
      text-align: left; }
    .simple-page .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .simple-page .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .simple-page .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .simple-page .listing .summary .page .details .eco .right {
        color: #10a700; }
      .simple-page .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .simple-page .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .simple-page .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .simple-page .listing .summary .page .details .total .left {
          font-weight: 600; }
        .simple-page .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .simple-page .listing .summary .page .details .sub-total .right, .simple-page .listing .summary .page .details .items .right {
        color: #222; }
      .simple-page .listing .summary .page .details .sub-total .right, .simple-page .listing .summary .page .details .items .right, .simple-page .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .simple-page .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .simple-page .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .simple-page .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .simple-page .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .simple-page .listing .summary .page .details .e-row input[type="text"], .simple-page .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .simple-page .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .simple-page .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .simple-page .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .simple-page .listing .summary .page .details .col.total {
        max-width: 100%; }
      .simple-page .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .simple-page .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .simple-page .listing .summary .page .details.proceed .e-group, .simple-page .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .simple-page .listing .summary .page .details.proceed .e-group .add-cart, .simple-page .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .simple-page .listing .summary .page .details.proceed .e-group .add-more, .simple-page .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .simple-page .listing .summary .page .details.proceed .e-group .add-more i, .simple-page .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .simple-page .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .simple-page .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .simple-page .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .simple-page .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .simple-page .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .simple-page .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .simple-page .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .simple-page .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .simple-page .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .simple-page .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .simple-page .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .simple-page .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .simple-page .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .simple-page .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .simple-page .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .simple-page .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .simple-page .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .simple-page .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .simple-page .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .simple-page .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .simple-page .listing #accordion, .simple-page .listing #braidAccordian {
      flex-wrap: wrap; }
      .simple-page .listing #accordion .title-link, .simple-page .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .simple-page .listing #accordion .title-link .col, .simple-page .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .simple-page .listing #accordion .title-link.collapsed, .simple-page .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .simple-page .listing #accordion .title-link:after, .simple-page .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .simple-page .listing #accordion .title-link.collapsed:after, .simple-page .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .simple-page .listing #accordion .title-link + .collapse + .title-link, .simple-page .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .simple-page .listing #accordion .collapse:not(.show), .simple-page .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .simple-page .listing #accordion .details, .simple-page .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .simple-page .listing .td-1 {
      max-width: 8.33%; }
    .simple-page .listing .td-2 {
      max-width: 16.666667%; }
    .simple-page .listing .td-3 {
      max-width: 25%; }
    .simple-page .listing .td-4 {
      max-width: 33.333333%; }
    .simple-page .listing .td-5 {
      max-width: 41.666667%; }
    .simple-page .listing .td-6 {
      max-width: 50%; }
    .simple-page .listing .td-7 {
      max-width: 58.33%; }
    .simple-page .listing .td-8 {
      max-width: 66.66%; }
    .simple-page .listing .td-9 {
      max-width: 75%; }
    .simple-page .listing .td-10 {
      max-width: 83.33333333%; }
    .simple-page .listing .td-11 {
      max-width: 91.66666667%; }
    .simple-page .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .simple-page .listing .center {
      text-align: center; }
    .simple-page .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .simple-page .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .simple-page .listing .col-9.left {
      padding-right: 20px; }
    .simple-page .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .simple-page .listing .actions .results {
        color: #222; }
        .simple-page .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .simple-page .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .simple-page .listing .actions .search input, .simple-page .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .simple-page .listing .actions .search input:focus, .simple-page .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .simple-page .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .simple-page .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .simple-page .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .simple-page .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .simple-page .listing .actions .search button {
            width: 40px; }
          .simple-page .listing .actions .search input, .simple-page .listing .actions .search button {
            height: 40px; }
          .simple-page .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .simple-page .listing .actions .search input {
            width: calc(100% - 40px); } }
        .simple-page .listing .actions .search input, .simple-page .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .simple-page .listing .actions .search input, .simple-page .listing .actions .search button {
          height: 30px; }
        .simple-page .listing .actions .search textarea {
          height: 50px; }
        .simple-page .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .simple-page .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .simple-page .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .simple-page .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .simple-page .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .simple-page .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .simple-page .listing .actions .search:only-child {
        padding: 10px; }
      .simple-page .listing .actions a.pdf-export, .simple-page .listing .actions a.excel-export, .simple-page .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .simple-page .listing .actions a.pdf-export.active, .simple-page .listing .actions a.excel-export.active, .simple-page .listing .actions a.import-pro.active {
          color: #214a8c; }
          .simple-page .listing .actions a.pdf-export.active:before, .simple-page .listing .actions a.excel-export.active:before, .simple-page .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .simple-page .listing .actions #exportPdf, .simple-page .listing .actions #exportExcel, .simple-page .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .simple-page .listing .actions #exportPdf form, .simple-page .listing .actions #exportExcel form, .simple-page .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .simple-page .listing .actions #exportPdf form label, .simple-page .listing .actions #exportExcel form label, .simple-page .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .simple-page .listing .actions #exportPdf form > div, .simple-page .listing .actions #exportExcel form > div, .simple-page .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .simple-page .listing .actions #exportPdf form > div:not(.generate), .simple-page .listing .actions #exportExcel form > div:not(.generate), .simple-page .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .simple-page .listing .actions #exportPdf form .left, .simple-page .listing .actions #exportExcel form .left, .simple-page .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .simple-page .listing .actions #exportPdf form .right, .simple-page .listing .actions #exportExcel form .right, .simple-page .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .simple-page .listing .actions #exportPdf form .attachment, .simple-page .listing .actions #exportExcel form .attachment, .simple-page .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .simple-page .listing .actions #exportPdf form .attachment > div, .simple-page .listing .actions #exportExcel form .attachment > div, .simple-page .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .simple-page .listing .actions #exportPdf form .attachment .col-3, .simple-page .listing .actions #exportPdf form .attachment .col-9, .simple-page .listing .actions #exportExcel form .attachment .col-3, .simple-page .listing .actions #exportExcel form .attachment .col-9, .simple-page .listing .actions #importPro form .attachment .col-3, .simple-page .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .simple-page .listing .actions #exportPdf form .attachment .col-3 > div, .simple-page .listing .actions #exportPdf form .attachment .col-9 > div, .simple-page .listing .actions #exportExcel form .attachment .col-3 > div, .simple-page .listing .actions #exportExcel form .attachment .col-9 > div, .simple-page .listing .actions #importPro form .attachment .col-3 > div, .simple-page .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .simple-page .listing .actions #exportPdf form .attachment .col-3 > label, .simple-page .listing .actions #exportPdf form .attachment .col-9 > label, .simple-page .listing .actions #exportExcel form .attachment .col-3 > label, .simple-page .listing .actions #exportExcel form .attachment .col-9 > label, .simple-page .listing .actions #importPro form .attachment .col-3 > label, .simple-page .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .simple-page .listing .actions #exportPdf form .attachment .col-3 p.supp, .simple-page .listing .actions #exportPdf form .attachment .col-9 p.supp, .simple-page .listing .actions #exportExcel form .attachment .col-3 p.supp, .simple-page .listing .actions #exportExcel form .attachment .col-9 p.supp, .simple-page .listing .actions #importPro form .attachment .col-3 p.supp, .simple-page .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .simple-page .listing .actions #exportPdf form .attachment .col-9, .simple-page .listing .actions #exportExcel form .attachment .col-9, .simple-page .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .simple-page .listing .actions #exportPdf form .attachment .text, .simple-page .listing .actions #exportPdf form .attachment .image, .simple-page .listing .actions #exportExcel form .attachment .text, .simple-page .listing .actions #exportExcel form .attachment .image, .simple-page .listing .actions #importPro form .attachment .text, .simple-page .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .simple-page .listing .actions #exportPdf form .attachment .text p, .simple-page .listing .actions #exportPdf form .attachment .image p, .simple-page .listing .actions #exportExcel form .attachment .text p, .simple-page .listing .actions #exportExcel form .attachment .image p, .simple-page .listing .actions #importPro form .attachment .text p, .simple-page .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .simple-page .listing .actions #exportPdf form .attachment .image, .simple-page .listing .actions #exportExcel form .attachment .image, .simple-page .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .simple-page .listing .actions #exportPdf form .attachment .image p, .simple-page .listing .actions #exportExcel form .attachment .image p, .simple-page .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .simple-page .listing .actions #exportPdf form .attachment .image img, .simple-page .listing .actions #exportExcel form .attachment .image img, .simple-page .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .simple-page .listing .actions #exportPdf form .attachment .btns, .simple-page .listing .actions #exportExcel form .attachment .btns, .simple-page .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .simple-page .listing .actions #exportPdf form .attachment .btns i, .simple-page .listing .actions #exportExcel form .attachment .btns i, .simple-page .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .simple-page .listing .actions #exportPdf form .attachment .btns a, .simple-page .listing .actions #exportPdf form .attachment .btns input, .simple-page .listing .actions #exportPdf form .attachment .btns button, .simple-page .listing .actions #exportExcel form .attachment .btns a, .simple-page .listing .actions #exportExcel form .attachment .btns input, .simple-page .listing .actions #exportExcel form .attachment .btns button, .simple-page .listing .actions #importPro form .attachment .btns a, .simple-page .listing .actions #importPro form .attachment .btns input, .simple-page .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .simple-page .listing .actions #exportPdf form .attachment .btns a:focus, .simple-page .listing .actions #exportPdf form .attachment .btns input:focus, .simple-page .listing .actions #exportPdf form .attachment .btns button:focus, .simple-page .listing .actions #exportExcel form .attachment .btns a:focus, .simple-page .listing .actions #exportExcel form .attachment .btns input:focus, .simple-page .listing .actions #exportExcel form .attachment .btns button:focus, .simple-page .listing .actions #importPro form .attachment .btns a:focus, .simple-page .listing .actions #importPro form .attachment .btns input:focus, .simple-page .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .simple-page .listing .actions #exportPdf form .attachment .btns a:hover, .simple-page .listing .actions #exportPdf form .attachment .btns input:hover, .simple-page .listing .actions #exportPdf form .attachment .btns button:hover, .simple-page .listing .actions #exportExcel form .attachment .btns a:hover, .simple-page .listing .actions #exportExcel form .attachment .btns input:hover, .simple-page .listing .actions #exportExcel form .attachment .btns button:hover, .simple-page .listing .actions #importPro form .attachment .btns a:hover, .simple-page .listing .actions #importPro form .attachment .btns input:hover, .simple-page .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .simple-page .listing .actions #exportPdf form .attachment .btns button + button, .simple-page .listing .actions #exportPdf form .attachment .btns a + a, .simple-page .listing .actions #exportPdf form .attachment .btns input + input, .simple-page .listing .actions #exportExcel form .attachment .btns button + button, .simple-page .listing .actions #exportExcel form .attachment .btns a + a, .simple-page .listing .actions #exportExcel form .attachment .btns input + input, .simple-page .listing .actions #importPro form .attachment .btns button + button, .simple-page .listing .actions #importPro form .attachment .btns a + a, .simple-page .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .simple-page .listing .actions #exportPdf form .attachment .btns .image, .simple-page .listing .actions #exportExcel form .attachment .btns .image, .simple-page .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .simple-page .listing .actions #exportPdf form .attachment .btns .image > div, .simple-page .listing .actions #exportExcel form .attachment .btns .image > div, .simple-page .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .simple-page .listing .actions #exportPdf form .address-list, .simple-page .listing .actions #exportExcel form .address-list, .simple-page .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .simple-page .listing .actions #exportPdf form .address-list div, .simple-page .listing .actions #exportExcel form .address-list div, .simple-page .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .simple-page .listing .actions #exportPdf form .address-list > div:not(.d-flex), .simple-page .listing .actions #exportExcel form .address-list > div:not(.d-flex), .simple-page .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .simple-page .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .simple-page .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .simple-page .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .simple-page .listing .actions #exportPdf form .address-list .btn-block, .simple-page .listing .actions #exportExcel form .address-list .btn-block, .simple-page .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .simple-page .listing .actions #exportPdf form .address-list .btn-block a, .simple-page .listing .actions #exportExcel form .address-list .btn-block a, .simple-page .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .simple-page .listing .actions #exportPdf form .attachment, .simple-page .listing .actions #exportPdf form .address-list, .simple-page .listing .actions #exportExcel form .attachment, .simple-page .listing .actions #exportExcel form .address-list, .simple-page .listing .actions #importPro form .attachment, .simple-page .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .simple-page .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .simple-page .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .simple-page .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .simple-page .listing .actions #exportPdf form .generate, .simple-page .listing .actions #exportExcel form .generate, .simple-page .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .simple-page .listing .actions #exportPdf form .generate .btn-sml, .simple-page .listing .actions #exportExcel form .generate .btn-sml, .simple-page .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .simple-page .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .simple-page .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .simple-page .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .simple-page .listing .actions #exportPdf form .img, .simple-page .listing .actions #exportExcel form .img, .simple-page .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .simple-page .listing .actions #exportPdf form .img .text p, .simple-page .listing .actions #exportExcel form .img .text p, .simple-page .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .simple-page .listing .actions #exportPdf form .img p.supp, .simple-page .listing .actions #exportExcel form .img p.supp, .simple-page .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .simple-page .listing .actions #exportPdf form .img img, .simple-page .listing .actions #exportExcel form .img img, .simple-page .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .simple-page .listing .actions #exportPdf:not(.show), .simple-page .listing .actions #exportExcel:not(.show), .simple-page .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .simple-page .listing .actions #exportPdf form > div, .simple-page .listing .actions #exportExcel form > div, .simple-page .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .simple-page .listing .actions #exportPdf form .custom-checkbox, .simple-page .listing .actions #exportExcel form .custom-checkbox, .simple-page .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .simple-page .listing .actions #exportPdf form .left, .simple-page .listing .actions #exportPdf form .right, .simple-page .listing .actions #exportExcel form .left, .simple-page .listing .actions #exportExcel form .right, .simple-page .listing .actions #importPro form .left, .simple-page .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .simple-page .listing .actions #exportPdf form .left, .simple-page .listing .actions #exportExcel form .left, .simple-page .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .simple-page .listing .actions #exportPdf form .address-list, .simple-page .listing .actions #exportExcel form .address-list, .simple-page .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .simple-page .listing .actions #exportPdf form label, .simple-page .listing .actions #exportExcel form label, .simple-page .listing .actions #importPro form label {
          justify-content: flex-start; }
        .simple-page .listing .actions #exportPdf form .right, .simple-page .listing .actions #exportExcel form .right, .simple-page .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .simple-page .listing .actions #exportPdf form .attachment, .simple-page .listing .actions #exportExcel form .attachment, .simple-page .listing .actions #importPro form .attachment {
          padding: 10px; }
          .simple-page .listing .actions #exportPdf form .attachment .col-3, .simple-page .listing .actions #exportPdf form .attachment .col-9, .simple-page .listing .actions #exportExcel form .attachment .col-3, .simple-page .listing .actions #exportExcel form .attachment .col-9, .simple-page .listing .actions #importPro form .attachment .col-3, .simple-page .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .simple-page .listing .actions #exportPdf form .attachment .col-3, .simple-page .listing .actions #exportExcel form .attachment .col-3, .simple-page .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .simple-page .listing .actions #exportPdf form .attachment .col-3 label, .simple-page .listing .actions #exportPdf form .attachment .col-3 .image, .simple-page .listing .actions #exportExcel form .attachment .col-3 label, .simple-page .listing .actions #exportExcel form .attachment .col-3 .image, .simple-page .listing .actions #importPro form .attachment .col-3 label, .simple-page .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .simple-page .listing .actions #exportPdf form .attachment .col-9, .simple-page .listing .actions #exportExcel form .attachment .col-9, .simple-page .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .simple-page .listing .actions #exportPdf form .attachment .col-9 p.supp, .simple-page .listing .actions #exportExcel form .attachment .col-9 p.supp, .simple-page .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .simple-page .listing .actions #exportPdf form .address-list .col-3, .simple-page .listing .actions #exportExcel form .address-list .col-3, .simple-page .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .simple-page .listing .actions #exportPdf form .address-list .col-9, .simple-page .listing .actions #exportExcel form .address-list .col-9, .simple-page .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .simple-page .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .simple-page .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .simple-page .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .simple-page .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .simple-page .listing .actions #importPro form .address-list > div:nth-of-type(1), .simple-page .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .simple-page .listing .actions #exportPdf form .img img, .simple-page .listing .actions #exportExcel form .img img, .simple-page .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .simple-page .listing .actions #exportPdf .custom-checkbox .custom-check, .simple-page .listing .actions #exportExcel .custom-checkbox .custom-check, .simple-page .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .simple-page .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .simple-page .listing .actions form {
        margin: 0px; }
      .simple-page .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .simple-page .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .simple-page .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .simple-page .listing .actions .shared .email {
          display: flex; }
          .simple-page .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .simple-page .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .simple-page .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .simple-page .listing .actions .left, .simple-page .listing .actions > .center, .simple-page .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .simple-page .listing .actions .right {
        margin-left: auto; }
      .simple-page .listing .actions .action-link, .simple-page .listing .actions .left > a, .simple-page .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .simple-page .listing .actions .action-link:hover, .simple-page .listing .actions .left > a:hover, .simple-page .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .simple-page .listing .actions .action-link span, .simple-page .listing .actions .left > a span, .simple-page .listing .actions .right > a span {
          margin-left: 5px; }
        .simple-page .listing .actions .action-link span:empty, .simple-page .listing .actions .left > a span:empty, .simple-page .listing .actions .right > a span:empty {
          display: none; }
      .simple-page .listing .actions .action-link, .simple-page .listing .actions a + a, .simple-page .listing .actions .checkbox + a {
        margin-left: 20px; }
      .simple-page .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .simple-page .listing .actions .custom-checkbox p {
        color: #222; }
      .simple-page .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .simple-page .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .simple-page .listing > .actions, .simple-page .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .simple-page .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .simple-page .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .simple-page .listing .actions {
        font-size: 0.8rem; }
        .simple-page .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .simple-page .listing .actions .left .action-link i {
          font-size: 1rem; }
        .simple-page .listing .actions .left a.action-link, .simple-page .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .simple-page .listing .actions {
        justify-content: center; }
        .simple-page .listing .actions .shared {
          top: calc(10px - 150px); }
        .simple-page .listing .actions .action-link, .simple-page .listing .actions a + a, .simple-page .listing .actions .checkbox + a {
          margin-left: 15px; }
        .simple-page .listing .actions > .right {
          justify-content: center; }
        .simple-page .listing .actions .search + .right {
          margin-left: 0px; } }
    .simple-page .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .simple-page .listing .add-more[aria-expanded="true"]:hover, .simple-page .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .simple-page .listing .add-more[aria-expanded="true"]:hover i, .simple-page .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .simple-page .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .simple-page .listing .add-more[aria-expanded="false"], .simple-page .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .simple-page .listing .add-more[aria-expanded="false"]:hover, .simple-page .listing .add-more[aria-expanded="false"]:focus, .simple-page .listing .add-more.collapsed:hover, .simple-page .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .simple-page .listing .add-more[aria-expanded="false"]:hover, .simple-page .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .simple-page .listing .add-more[aria-expanded="false"]:hover i, .simple-page .listing .add-more.collapsed:hover i {
          color: #fff; }
    .simple-page .listing .add-more.cancel:before {
      display: none; }
    .simple-page .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .simple-page .listing button.links, .simple-page .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .simple-page .listing button.links:hover, .simple-page .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .simple-page .listing a.plus i {
      font-size: 1rem; }
    .simple-page .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .simple-page .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .simple-page .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .simple-page .listing .custom-radiobox:not(:last-of-type), .simple-page .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .simple-page .listing .ship-when > p, .simple-page .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .simple-page .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .simple-page .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .simple-page .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .simple-page .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .simple-page .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .simple-page .listing .day-time span {
      font-weight: 600; }
    .simple-page .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .simple-page .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .simple-page .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .simple-page .listing .sub-total.btm > div, .simple-page .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .simple-page .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .simple-page .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .simple-page .listing .sub-header {
      clear: both;
      padding: 0px; }
      .simple-page .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .simple-page .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .simple-page .listing .sub-header .title {
        margin-bottom: 0px; }
        .simple-page .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .simple-page .listing .page + .sub-header {
      margin-top: 40px; }
      .simple-page .listing .page + .sub-header .title {
        flex-basis: content; }
    .simple-page .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .simple-page .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .simple-page .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .simple-page .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .simple-page .listing div.alert-warning p {
            font-size: 0.8rem; }
          .simple-page .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .simple-page .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .simple-page .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .simple-page .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .simple-page .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .simple-page .listing div.alert-danger p {
            font-size: 0.8rem; }
          .simple-page .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .simple-page .listing .col-9 > .page {
        min-height: 500px; }
      .simple-page .listing .page .details .submit input:hover, .simple-page .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .simple-page .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .simple-page .listing .page .details .submit button {
          width: 25px; }
      .simple-page .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .simple-page .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .simple-page .listing .col-9.left .page-th {
          display: none !important; }
        .simple-page .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .simple-page .listing .sub-header {
        flex-wrap: wrap; }
        .simple-page .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .simple-page .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .simple-page .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .simple-page .listing > .d-flex {
        flex-wrap: wrap; }
      .simple-page .listing .col-12.left .page-th, .simple-page .listing .col-9.left .page-th {
        display: none !important; }
      .simple-page .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .simple-page .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .simple-page .listing .page .details .time, .simple-page .listing .page .details .type {
        color: #666; }
      .simple-page .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .simple-page .listing .col-12.left, .simple-page .listing .col-3.right, .simple-page .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .simple-page .listing .summary {
        margin-top: 15px; }
        .simple-page .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .simple-page .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .simple-page .listing .left form {
      margin-bottom: 0px; }
    .simple-page .listing .sub-header form {
      margin: 0px; }
    .simple-page .listing .page .details {
      min-height: 50px; }
      .simple-page .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .simple-page .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .simple-page .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .simple-page .listing .page .details .icon a, .simple-page .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .simple-page .listing .page .details .icon a:hover, .simple-page .listing .page .details .icon button:hover {
          color: #214a8c; }
      .simple-page .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .simple-page .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .simple-page .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .simple-page .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .simple-page .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .simple-page .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .simple-page .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .simple-page .address-manually + .forms .td-6, .simple-page .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .simple-page .address-manually + .forms .td-2, .simple-page .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .simple-page .address-manually + .forms .td-2 ~ .e-row, .simple-page .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .simple-page .address-manually + .forms .td-2 ~ .dynamic, .simple-page .address-manually + .forms .td-2 ~ .manual-add, .simple-page .forms .new-address .td-2 ~ .dynamic, .simple-page .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .simple-page .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .simple-page .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .simple-page .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .simple-page .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .simple-page .address-manually + .forms .e-row.manual-add, .simple-page .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .simple-page .address-manually + .forms .td-6, .simple-page .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .simple-page .address-manually + .forms .td-2, .simple-page .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .simple-page .address-manually + .forms .td-2 ~ .e-row, .simple-page .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .simple-page .address-manually + .forms .td-2 ~ .dynamic, .simple-page .address-manually + .forms .td-2 ~ .manual-add, .simple-page .forms .new-address .td-2 ~ .dynamic, .simple-page .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .simple-page .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .simple-page .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .simple-page .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .simple-page .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .simple-page .address-manually + .forms .td-2 ~ .dynamic, .simple-page .address-manually + .forms .td-2 ~ .manual-add, .simple-page .forms .new-address .td-2 ~ .dynamic, .simple-page .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .simple-page .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .simple-page .listing .page .details .icon a, .simple-page .listing .page .details .icon button {
      display: flex; }
    .simple-page .listing .btn-block {
      justify-content: center; } }
  .simple-page section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .simple-page section {
        margin: 15px auto; } }
    @media (max-width: 991px) {
      .simple-page section {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .simple-page section {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .simple-page section {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .simple-page section {
        max-width: 1600px; } }
  .simple-page .text {
    text-align: center; }
    .simple-page .text p {
      font-size: 1.25rem; }
      .simple-page .text p a {
        color: #666;
        text-decoration: underline;
        color: #214a8c; }
        .simple-page .text p a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
        .simple-page .text p a:hover {
          color: #08285c; }
    .simple-page .text i {
      font-size: 5rem;
      margin-bottom: 25px;
      display: block;
      color: #214a8c; }
    .simple-page .text img {
      background: #214a8c;
      margin-bottom: 25px;
      width: auto;
      max-width: 100%;
      max-height: 200px; }
  @media (max-width: 991px) {
    .simple-page .header {
      margin-bottom: 20px !important; }
    .simple-page .text p {
      font-size: 1rem; } }

.simple-page.browse .box-4 .block {
  margin-top: 0px !important;
  padding: 0px 15px;
  width: 100%;
  position: relative;
  align-items: center;
  padding: 15px;
  margin-bottom: 10px; }
  .simple-page.browse .box-4 .block .img, .simple-page.browse .box-4 .block .video {
    text-align: center;
    position: relative;
    width: 100%; }
    .simple-page.browse .box-4 .block .img img, .simple-page.browse .box-4 .block .video img {
      max-width: 100%;
      width: auto;
      height: auto; }
  .simple-page.browse .box-4 .block .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0px;
    overflow: hidden; }
  .simple-page.browse .box-4 .block .video iframe, .simple-page.browse .box-4 .block .video object, .simple-page.browse .box-4 .block .video embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% + 1px); }
  .simple-page.browse .box-4 .block .details {
    margin-top: 15px; }
    .simple-page.browse .box-4 .block .details > div + div, .simple-page.browse .box-4 .block .details > article + div, .simple-page.browse .box-4 .block .details > div + article {
      margin-top: 15px; }
    .simple-page.browse .box-4 .block .details .cat-title {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin: 0px 5px 10px 0px;
      width: max-content; }
    .simple-page.browse .box-4 .block .details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      padding-bottom: 10px; }
    .simple-page.browse .box-4 .block .details .title {
      color: #222;
      font-size: 2.5rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500;
      line-height: calc(100% + 5px);
      padding: 25px 0px;
      font-size: 1.75rem;
      padding: 10px 0px;
      font-weight: 400;
      padding: 0px;
      margin-top: 0px; }
      @media (max-width: 991px) {
        .simple-page.browse .box-4 .block .details .title {
          font-size: 1.2rem;
          padding: 0px; } }
      @media (max-width: 991px) {
        .simple-page.browse .box-4 .block .details .title {
          font-size: 1.5rem; } }
      @media (min-width: 992px) {
        .simple-page.browse .box-4 .block .details .title {
          font-size: 1.25rem; } }
      @media (max-width: 991px) {
        .simple-page.browse .box-4 .block .details .title {
          font-size: 1rem; } }
      .simple-page.browse .box-4 .block .details .title a {
        color: #222; }
        .simple-page.browse .box-4 .block .details .title a:hover {
          color: #214a8c;
          text-decoration: none; }
    .simple-page.browse .box-4 .block .details .posted {
      color: #666;
      font-family: "Poppins", sans-serif;
      font-size: 0.75rem;
      letter-spacing: 0.75px;
      margin-top: 0px;
      padding-top: 0.25rem;
      display: inline-block; }
      .simple-page.browse .box-4 .block .details .posted span {
        color: #222; }
      .simple-page.browse .box-4 .block .details .posted span.date {
        text-transform: uppercase; }
    .simple-page.browse .box-4 .block .details .description, .simple-page.browse .box-4 .block .details .l-description {
      margin-bottom: 0px;
      color: #222; }
    .simple-page.browse .box-4 .block .details .l-description figure img {
      max-width: 100%;
      height: auto;
      width: auto; }
    .simple-page.browse .box-4 .block .details .l-description figure label {
      font-size: 0.75rem;
      margin-bottom: 0px;
      font-weight: 400;
      color: #aaa; }
    .simple-page.browse .box-4 .block .details .l-description a.brand-link {
      color: #214a8c; }
      .simple-page.browse .box-4 .block .details .l-description a.brand-link:hover {
        color: #08285c; }
    .simple-page.browse .box-4 .block .details .l-description p.brand-btn {
      display: inline-flex; }
      .simple-page.browse .box-4 .block .details .l-description p.brand-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .simple-page.browse .box-4 .block .details .l-description p.brand-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .simple-page.browse .box-4 .block .details .l-description p.brand-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:after {
          color: #fff; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:hover {
          color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.brand-btn a:hover:after {
          color: #214a8c; }
    .simple-page.browse .box-4 .block .details .l-description p.dark-btn {
      display: inline-flex; }
      .simple-page.browse .box-4 .block .details .l-description p.dark-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .simple-page.browse .box-4 .block .details .l-description p.dark-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
      .simple-page.browse .box-4 .block .details .l-description p.dark-btn a {
        color: #fff;
        background: #214a8c;
        border-color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:after {
          color: #fff; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover {
          color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover:after {
          color: #214a8c; }
      .simple-page.browse .box-4 .block .details .l-description p.dark-btn a {
        background: #222;
        border-color: #222; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover {
          color: #222; }
        .simple-page.browse .box-4 .block .details .l-description p.dark-btn a:hover:after {
          color: #222; }
    .simple-page.browse .box-4 .block .details .l-description p.white-btn {
      display: inline-flex; }
      .simple-page.browse .box-4 .block .details .l-description p.white-btn a {
        color: #222;
        background: #fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        padding: 0px 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 45px;
        line-height: 1rem;
        text-decoration: none;
        display: inline-flex;
        border: 3px solid #fff;
        align-items: center;
        justify-content: center; }
        .simple-page.browse .box-4 .block .details .l-description p.white-btn a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          color: #214a8c; }
        .simple-page.browse .box-4 .block .details .l-description p.white-btn a:hover {
          text-decoration: none;
          background: none;
          color: #fff; }
        .simple-page.browse .box-4 .block .details .l-description p.white-btn a:hover:after {
          left: 5px;
          text-decoration: none;
          color: #fff; }
        @media (max-width: 991px) {
          .simple-page.browse .box-4 .block .details .l-description p.white-btn a {
            padding: 5px 7px;
            font-size: 0.75rem;
            height: auto; } }
    .simple-page.browse .box-4 .block .details .l-description a {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .simple-page.browse .box-4 .block .details .l-description a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .simple-page.browse .box-4 .block .details .l-description p {
      margin-bottom: 15px; }
    .simple-page.browse .box-4 .block .details .l-description p:only-child {
      margin-bottom: 0px; }
    .simple-page.browse .box-4 .block .details .l-description p ~ br {
      display: none; }
    .simple-page.browse .box-4 .block .details .l-description p + ul, .simple-page.browse .box-4 .block .details .l-description ul + p {
      margin-top: 15px; }
    .simple-page.browse .box-4 .block .details .l-description ul {
      margin-bottom: 0px; }
    .simple-page.browse .box-4 .block .details .l-description label {
      font-size: 1.25rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px; }
    .simple-page.browse .box-4 .block .details .l-description ul li, .simple-page.browse .box-4 .block .details .l-description ol li {
      margin-bottom: 10px;
      width: 100%; }
    .simple-page.browse .box-4 .block .details .l-description ol {
      padding-left: 20px; }
      .simple-page.browse .box-4 .block .details .l-description ol li {
        padding-left: 5px; }
    .simple-page.browse .box-4 .block .details .l-description ul {
      padding-left: 0px; }
      .simple-page.browse .box-4 .block .details .l-description ul li {
        list-style: none;
        position: relative;
        padding-left: 25px; }
      .simple-page.browse .box-4 .block .details .l-description ul li:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        content: "\e930";
        margin-right: 10px;
        color: #666;
        position: absolute;
        left: 0px;
        font-size: 1rem; }
      .simple-page.browse .box-4 .block .details .l-description ul li:nth-last-child(1) {
        margin-bottom: 0px; }
    @media (max-width: 991px) {
      .simple-page.browse .box-4 .block .details .l-description label {
        font-size: 1rem;
        margin-bottom: 0px; } }
    .simple-page.browse .box-4 .block .details .l-description .bold-txt {
      font-weight: 600; }
    .simple-page.browse .box-4 .block .details .l-description .center {
      text-align: center; }
    .simple-page.browse .box-4 .block .details .l-description .left {
      text-align: left; }
    .simple-page.browse .box-4 .block .details .l-description .right {
      text-align: right; }
    .simple-page.browse .box-4 .block .details .l-description .heading, .simple-page.browse .box-4 .block .details .l-description .lg-heading {
      font-size: 1.5rem;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.75px; }
    .simple-page.browse .box-4 .block .details .l-description .lg-heading {
      font-size: 2rem;
      font-weight: 600; }
    .simple-page.browse .box-4 .block .details .l-description .body-title, .simple-page.browse .box-4 .block .details .l-description .lg-txt {
      font-size: 1.25rem;
      color: #222; }
    .simple-page.browse .box-4 .block .details .l-description .row > div, .simple-page.browse .box-4 .block .details .l-description .btm-space {
      margin-bottom: 40px; }
    .simple-page.browse .box-4 .block .details .l-description .noPadLR {
      padding-left: 0px;
      padding-right: 0px; }
    .simple-page.browse .box-4 .block .details .l-description .noPadL {
      padding-left: 0px; }
    .simple-page.browse .box-4 .block .details .l-description .noPadR {
      padding-right: 0px; }
    .simple-page.browse .box-4 .block .details .l-description .wide {
      min-width: 50%; }
    .simple-page.browse .box-4 .block .details .l-description .row.center {
      justify-content: center;
      text-align: left; }
    .simple-page.browse .box-4 .block .details .l-description .brand-color {
      color: #214a8c; }
    @media (max-width: 991px) {
      .simple-page.browse .box-4 .block .details .l-description .row > div, .simple-page.browse .box-4 .block .details .l-description .btm-space {
        margin-bottom: 20px; }
      .simple-page.browse .box-4 .block .details .l-description .body-title, .simple-page.browse .box-4 .block .details .l-description .lg-txt {
        font-size: 1rem; }
      .simple-page.browse .box-4 .block .details .l-description .heading {
        font-size: 1.25rem; } }
    .simple-page.browse .box-4 .block .details article p {
      margin-bottom: 0px; }
    .simple-page.browse .box-4 .block .details .link a {
      color: #222;
      text-transform: uppercase;
      font-size: 0.875rem;
      text-decoration: none;
      font-weight: 600;
      display: inline-block;
      line-height: 1rem;
      letter-spacing: 0.5px; }
      .simple-page.browse .box-4 .block .details .link a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        vertical-align: sub; }
      .simple-page.browse .box-4 .block .details .link a:hover {
        color: #214a8c; }
      .simple-page.browse .box-4 .block .details .link a:hover:after {
        left: 5px; }
  .simple-page.browse .box-4 .block .details:only-child {
    display: flex;
    flex-direction: column; }
    .simple-page.browse .box-4 .block .details:only-child .title:only-child {
      font-size: 2.5rem;
      word-break: break-word;
      text-align: center; }
  @media (max-width: 991px) {
    .simple-page.browse .box-4 .block .details {
      margin-top: 10px; }
      .simple-page.browse .box-4 .block .details > div + div {
        margin-top: 10px; }
    .simple-page.browse .box-4 .block .details:only-child .title:only-child {
      font-size: 1.25rem; } }
  .simple-page.browse .box-4 .block .img {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .simple-page.browse .box-4 .block .img img {
      max-width: 150px;
      max-height: 150px; }
  .simple-page.browse .box-4 .block .img + .details {
    margin-top: 10px;
    text-align: center;
    min-height: 35px; }
    .simple-page.browse .box-4 .block .img + .details .link a {
      text-transform: capitalize; }
      .simple-page.browse .box-4 .block .img + .details .link a:after {
        display: none; }
  .simple-page.browse .box-4 .block:hover .img + .details .link a {
    color: #214a8c; }
@media (max-width: 991px) {
  .simple-page.browse .box-4 {
    padding-left: 15px;
    padding-right: 15px; }
    .simple-page.browse .box-4 .block {
      max-width: 33.333333%; } }
@media (max-width: 767px) {
  .simple-page.browse .box-4 .block {
    max-width: 50%;
    padding: 10px; }
    .simple-page.browse .box-4 .block .img {
      min-height: 100px; }
      .simple-page.browse .box-4 .block .img img {
        max-width: 100px;
        max-height: 100px; }
    .simple-page.browse .box-4 .block .img + .details {
      margin-top: 10px;
      text-align: center;
      min-height: 35px; }
      .simple-page.browse .box-4 .block .img + .details .link a {
        font-size: 0.75rem;
        font-weight: 700; } }
@media (min-width: 768px) {
  .simple-page.browse .box-4 .block:hover {
    box-shadow: 0 0 0 10px #f7fbff; } }
@media (min-width: 992px) {
  .simple-page.browse .box-4 .block {
    max-width: 20%; } }
@media (min-width: 1200px) {
  .simple-page.browse .box-4 .block {
    max-width: 16.666667%; } }

.footer-main {
  border-top: 1px solid #ccc;
  background: #eee;
  padding: 60px 0px; }
  .footer-main .footer-links, .footer-main .footer-address, .footer-main .footer-signup {
    padding: 0px; }
  .footer-main .title {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px; }
    .footer-main .title a:hover {
      color: #214a8c; }
    .footer-main .title .title-link {
      color: #222;
      text-decoration: none;
      display: block; }
  .footer-main .footer-address p, .footer-main .footer-signup p {
    color: #222;
    font-size: 0.95rem;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5rem;
    letter-spacing: 0.25px; }
    .footer-main .footer-address p span, .footer-main .footer-signup p span {
      font-weight: 600; }
    .footer-main .footer-address p a, .footer-main .footer-signup p a {
      color: #222; }
      .footer-main .footer-address p a:hover, .footer-main .footer-signup p a:hover {
        color: #214a8c;
        text-decoration: none; }
    .footer-main .footer-address p i, .footer-main .footer-signup p i {
      color: #666; }
  .footer-main .footer-address p:not(:nth-of-type(1)), .footer-main .footer-signup p:not(:nth-of-type(1)) {
    margin-bottom: 0px; }
  .footer-main .footer-address .form-group, .footer-main .footer-signup .form-group {
    margin: 0px; }
  .footer-main .footer-address .form-control, .footer-main .footer-signup .form-control {
    height: 45px;
    border-radius: 0px;
    border: 1px solid #ccc; }
    .footer-main .footer-address .form-control:focus, .footer-main .footer-signup .form-control:focus {
      border-color: #214a8c;
      box-shadow: none; }
  .footer-main .footer-address .btn, .footer-main .footer-signup .btn {
    height: 45px;
    font-size: 0.95rem;
    border-radius: 0px;
    border: none;
    background: #214a8c;
    color: #fff;
    width: auto;
    width: 100px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1; }
    .footer-main .footer-address .btn:focus, .footer-main .footer-address .btn:active:focus, .footer-main .footer-signup .btn:focus, .footer-main .footer-signup .btn:active:focus {
      box-shadow: none; }
    .footer-main .footer-address .btn:active, .footer-main .footer-address .btn:hover, .footer-main .footer-signup .btn:active, .footer-main .footer-signup .btn:hover {
      background: #08285c; }
    .footer-main .footer-address .btn i, .footer-main .footer-signup .btn i {
      font-size: 1.5rem;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .footer-main .footer-address .socials, .footer-main .footer-address .app-icons, .footer-main .footer-signup .socials, .footer-main .footer-signup .app-icons {
    margin-top: 25px;
    float: left; }
    .footer-main .footer-address .socials i, .footer-main .footer-address .app-icons i, .footer-main .footer-signup .socials i, .footer-main .footer-signup .app-icons i {
      font-size: 1.75rem;
      color: #222;
      display: inline-block;
      width: 45px; }
      .footer-main .footer-address .socials i:hover, .footer-main .footer-address .app-icons i:hover, .footer-main .footer-signup .socials i:hover, .footer-main .footer-signup .app-icons i:hover {
        color: #214a8c; }
  .footer-main .footer-address .app-icons a + a, .footer-main .footer-signup .app-icons a + a {
    margin-left: 15px; }
  .footer-main .footer-address .app-icons img, .footer-main .footer-signup .app-icons img {
    max-width: calc(50% - 10px);
    max-height: 70px; }
  .footer-main .sub-links li {
    font-family: "Open Sans", sans-serif;
    font-size: 0.95rem;
    letter-spacing: 0.25px; }
    .footer-main .sub-links li a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      padding: 0px;
      line-height: 1.2rem; }
      .footer-main .sub-links li a:hover {
        color: #214a8c;
        text-decoration: none; }
  .footer-main > .container {
    padding: 0px; }
  @media (min-width: 992px) {
    .footer-main .footer-links {
      max-width: 50%;
      flex: 0 0 50%; }
      .footer-main .footer-links > ul {
        flex-direction: row; }
        .footer-main .footer-links > ul > li {
          width: 33.333333%;
          padding-right: 15px; }
          .footer-main .footer-links > ul > li .title {
            margin-bottom: 15px; }
            .footer-main .footer-links > ul > li .title .title-link i {
              display: none; }
    .footer-main .footer-address, .footer-main .footer-signup {
      max-width: 25%;
      flex: 0 0 25%; }
    .footer-main .footer-signup {
      padding-left: 15px; }
      .footer-main .footer-signup .btn:active i, .footer-main .footer-signup .btn:hover i {
        padding-left: 15px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .footer-main .sub-links li {
      padding-bottom: 10px; }
    .footer-main .sub-links li:last-of-type {
      padding-bottom: 0px; }
    .footer-main ul.collapse, .footer-main ul.collapse.in, .footer-main ul.collapsing {
      display: block !important;
      height: auto !important; } }
  @media (max-width: 991px) {
    .footer-main {
      padding: 0px; }
      .footer-main > .container {
        flex-direction: column; }
      .footer-main .footer-links, .footer-main .footer-address, .footer-main .footer-signup {
        max-width: 100%;
        flex: 0 0 100%; }
      .footer-main .footer-links {
        padding: 0px; }
        .footer-main .footer-links > ul > li {
          width: 100%; }
          .footer-main .footer-links > ul > li .title {
            padding: 10px;
            cursor: pointer; }
            .footer-main .footer-links > ul > li .title i {
              font-size: 1.25rem !important;
              float: right;
              font-size: 1rem;
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              transform: rotate(0deg);
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
            .footer-main .footer-links > ul > li .title:hover {
              color: #214a8c; }
          .footer-main .footer-links > ul > li .title[aria-expanded="true"] {
            color: #214a8c; }
            .footer-main .footer-links > ul > li .title[aria-expanded="true"] i {
              -webkit-transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              transform: rotate(90deg); }
          .footer-main .footer-links > ul > li .title.collapsed[aria-expanded="false"] i {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        .footer-main .footer-links > ul > li:not(:last-of-type) {
          border-bottom: 1px solid #ccc; }
      .footer-main .footer-address, .footer-main .footer-signup {
        border-top: 1px solid #ccc;
        padding: 15px 10px; }
        .footer-main .footer-address .btn, .footer-main .footer-signup .btn {
          width: 50px; }
      .footer-main .sub-links {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row; }
        .footer-main .sub-links li {
          padding: 0px 0px 15px 15px;
          width: 50%;
          float: left; } }

.footer-mrkt .container-fluid {
  background: #fff;
  padding: 30px 0px;
  border-top: 1px solid #ddd;
  margin-top: -1px; }
  .footer-mrkt .container-fluid .container .block {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0px; }
    @media (max-width: 767px) {
      .footer-mrkt .container-fluid .container .block {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 10px 0px; } }
    @media (min-width: 768px) {
      .footer-mrkt .container-fluid .container .block {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 10px 0px; } }
    @media (min-width: 1200px) {
      .footer-mrkt .container-fluid .container .block {
        max-width: 25%;
        flex: 0 0 25%; } }
    .footer-mrkt .container-fluid .container .block .img {
      text-align: center;
      flex: 0 0 64px;
      max-width: 64px;
      padding: 0px; }
    .footer-mrkt .container-fluid .container .block .txt {
      color: #222;
      max-width: calc(100% - 64px);
      flex: 0 0 calc(100% - 64px); }
      .footer-mrkt .container-fluid .container .block .txt label {
        margin: 0px;
        font-weight: 600; }
      .footer-mrkt .container-fluid .container .block .txt p {
        margin: 0px; }
@media (max-width: 991px) {
  .footer-mrkt .container-fluid {
    padding: 15px 0px; } }
@media (max-width: 1199px) {
  .footer-mrkt .container-fluid .container {
    flex-wrap: wrap; } }

.copyright {
  border-top: 1px solid #eee;
  background: #fff; }
  .copyright .container {
    padding-top: 15px;
    padding-bottom: 15px; }
    .copyright .container .footer-logo img:first-of-type {
      width: auto;
      max-height: 30px;
      margin-right: 7px; }
    @media (max-width: 991px) {
      .copyright .container {
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 25px; }
        .copyright .container .footer-logo {
          margin-bottom: 15px; } }
    .copyright .container > div {
      text-align: center;
      align-self: center; }
  .copyright p {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin: 0px; }
    .copyright p a {
      color: #222;
      color: #666;
      text-decoration: underline; }
      .copyright p a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .copyright p a:hover {
        color: #214a8c; }

.quicklinks {
  background: #f1f1f1;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.25px; }
  .quicklinks a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #222;
    text-decoration: none;
    color: #666; }
    .quicklinks a:hover {
      color: #214a8c;
      text-decoration: none; }
  .quicklinks i {
    margin-right: 5px;
    font-size: 1rem;
    position: relative; }
  .quicklinks .container .col-sm-4:not(:last-child) {
    color: #222;
    padding: 3px 0px;
    line-height: calc(1.5rem - 0.05rem); }
    .quicklinks .container .col-sm-4:not(:last-child) span {
      font-weight: 500; }
    .quicklinks .container .col-sm-4:not(:last-child) label {
      margin-bottom: 0px; }
  .quicklinks .container .col-sm-4.account {
    display: flex;
    justify-content: center; }
    .quicklinks .container .col-sm-4.account span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 3px; }
    .quicklinks .container .col-sm-4.account a {
      display: flex;
      align-items: center;
      border: 1px solid #666;
      border-radius: 25px;
      height: calc(1.5rem - 0.05rem);
      font-size: 0.75rem;
      padding: 2px 7px; }
      .quicklinks .container .col-sm-4.account a i {
        font-size: 0.75rem;
        top: 0px; }
      .quicklinks .container .col-sm-4.account a:hover {
        border-color: #214a8c; }
  .quicklinks .container .col-sm-4:last-child {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding: 0px; }
  .quicklinks .nav-pills {
    position: relative;
    z-index: 999; }
    .quicklinks .nav-pills .show > .nav-link {
      background: #f1f1f1;
      color: #222; }
    .quicklinks .nav-pills .nav-link {
      padding: 5px 10px;
      border-left: 1px solid #fff;
      font-weight: 500;
      border-radius: 0px; }
      .quicklinks .nav-pills .nav-link i {
        display: none !important; }
    .quicklinks .nav-pills .nav-link.active {
      background: #214a8c; }
      .quicklinks .nav-pills .nav-link.active:hover {
        background: #08285c; }
      .quicklinks .nav-pills .nav-link.active i:last-of-type {
        margin-right: 0px;
        margin-left: 7px; }
    .quicklinks .nav-pills .nav-link#TopSectionHeader-Shop-Online {
      background: #214a8c;
      color: #fff; }
      .quicklinks .nav-pills .nav-link#TopSectionHeader-Shop-Online:hover {
        background: #08285c; }
    .quicklinks .nav-pills .nav-item .show > .nav-link, .quicklinks .nav-pills .dropdown-menu > .dropdown-item:active {
      background: #ddd;
      color: #222; }
    .quicklinks .nav-pills .dropdown a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none; }
      .quicklinks .nav-pills .dropdown a:hover {
        color: #214a8c;
        text-decoration: none; }
    .quicklinks .nav-pills .dropdown .nav-link {
      font-weight: 600;
      color: #666;
      padding: 0px;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.25px; }
    .quicklinks .nav-pills .dropdown .show > .nav-link {
      background: none;
      color: #214a8c; }
    .quicklinks .nav-pills .dropdown .dropdown-toggle:after {
      font-family: "Feather";
      content: "\e92e";
      border: none;
      height: auto;
      width: auto;
      margin: auto;
      vertical-align: middle;
      font-size: 0.95rem;
      margin-left: 5px;
      line-height: 16px; }
    .quicklinks .nav-pills .dropdown .nav-item {
      margin-left: auto; }
    .quicklinks .nav-pills .dropdown .dropdown-menu.show {
      margin: 0px;
      font-size: 0.875rem;
      color: #222;
      border-radius: 0px;
      border-color: #666;
      padding: 0px; }
      .quicklinks .nav-pills .dropdown .dropdown-menu.show .dropdown-item {
        text-align: left;
        padding: 5px 10px; }
    .quicklinks .nav-pills .dropdown .nav-link {
      padding: 5px 10px;
      font-family: "Open Sans", sans-serif;
      font-weight: 500;
      color: #222; }
    .quicklinks .nav-pills .dropdown .show .dropdown-menu.show, .quicklinks .nav-pills .dropdown.show .dropdown-menu.show {
      min-width: 100%;
      font-size: 0.8rem;
      font-weight: 500; }
  @media (max-width: 991px) {
    .quicklinks .container .col-sm-4:nth-child(1) {
      max-width: calc(150px - 15px); }
      .quicklinks .container .col-sm-4:nth-child(1) label {
        display: none; }
    .quicklinks .container .col-sm-4:nth-child(2) {
      max-width: 75%;
      margin: auto; }
    .quicklinks .container .col-sm-4:nth-child(3) {
      max-width: 60px; }
    .quicklinks .nav-pills .nav-link {
      padding: 5px 10px; } }
  @media (max-width: 767px) {
    .quicklinks {
      font-size: 0.75rem; }
      .quicklinks .container .col-sm-4:nth-child(1) {
        max-width: 25px; }
      .quicklinks .container .col-sm-4:nth-child(2) span {
        width: 50%; }
      .quicklinks .nav-pills .dropdown .nav-link {
        padding: 5px 0px 5px 10px; } }

.cms-menu {
  padding: 0px; }
  .cms-menu .navbar-collapse {
    background: #fff; }
    .cms-menu .navbar-collapse ul.navbar-nav._main > li > a {
      padding: calc(10px - 1px) 10px;
      font-family: "Poppins", sans-serif;
      text-transform: uppercase;
      color: #222;
      letter-spacing: 1px;
      font-size: 0.875rem;
      line-height: normal; }
      .cms-menu .navbar-collapse ul.navbar-nav._main > li > a:hover {
        background: #f1f1f1;
        color: #214a8c; }
    .cms-menu .navbar-collapse ul.navbar-nav._main > li.show > a {
      color: #214a8c;
      background: #f1f1f1; }
    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show {
      padding: 0px;
      border-radius: 0px;
      margin: 0px;
      width: auto;
      border: 1px solid #ccc;
      min-width: 100%;
      z-index: 9; }
      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show > ul.menu-title > li {
        min-width: 300px; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show > ul.menu-title > li label {
          padding: 15px 0px 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 0.875rem;
          font-family: "Poppins", sans-serif; }
      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show > ul.menu-title > li + li {
        border-left: 1px solid #ccc; }
      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub {
        flex-direction: column; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li {
          position: relative; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li a {
          padding: 7px 0.8rem;
          color: #666;
          white-space: normal;
          font-size: 0.8rem;
          letter-spacing: 0.25px; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li a:focus {
            color: #214a8c;
            background: #f1f1f1; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li:not(:last-of-type) {
          border-bottom: 1px solid #ccc; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > a {
          display: flex;
          justify-content: space-between; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e930";
            padding-right: 10px;
            font-size: 1rem;
            top: -2px;
            border: none;
            color: #666; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > a:hover:after {
            color: #214a8c; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out {
          width: 500px;
          left: 100%;
          border-radius: 0px;
          top: -3px;
          border: 1px solid #ccc;
          padding: 0px;
          box-shadow: 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.15); }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .pg-title {
            background: #f7f7f7;
            padding: 15px 20px;
            font-family: "Poppins", sans-serif;
            font-size: 0.875rem;
            letter-spacing: 0.75px;
            color: #666;
            color: #222;
            text-transform: uppercase; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search {
            margin: 0px auto;
            padding: 0px;
            max-width: 50%;
            max-width: 360px;
            position: relative;
            padding: 20px;
            padding-top: 0px;
            display: flex;
            margin: 0px;
            max-width: 100%;
            background: #f7f7f7; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button {
              border-radius: 0px;
              float: left; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button:focus {
              box-shadow: none;
              border-color: #666 !important; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
              color: #222;
              background: #fff !important;
              border-color: #ccc;
              font-size: 0.95rem;
              width: 300px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button {
              width: 50px;
              border-left: none;
              border-color: #ccc;
              padding: 5px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button i {
                color: #666;
                font-size: 1.5rem;
                top: 2px;
                position: relative; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button:hover {
                border-color: #666; }
            @media (max-width: 991px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button {
                width: 40px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search button {
                height: 40px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
                width: 100%; } }
            @media (max-width: 767px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
                width: calc(100% - 40px); } }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
              border: 1px solid #aaa;
              width: 100%;
              padding-left: 45px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search i {
              font-size: 1.5rem;
              position: absolute;
              left: 15px;
              top: calc(10px + 2px);
              color: #aaa; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input:focus + i {
              color: #214a8c; }
            @media (max-width: 991px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search i {
                top: 7px; } }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
              height: 40px;
              width: 300px;
              padding-left: 40px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search i {
              left: 30px;
              top: 7px; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing {
            clear: both;
            position: relative;
            padding: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col {
              padding-left: 0px;
              padding-right: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .price, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .qty, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .price, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .qty {
              text-align: right; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .col.price, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .ordered, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .col.price, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .ordered {
              max-width: 13.33%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .inventory, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .inventory {
              max-width: 20%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .col.qty, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .col.total, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .col.qty, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .col.total {
              max-width: 16.666667%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th {
              background: #f7f7f7;
              border: 1px solid #ccc;
              padding: 7px 0px;
              letter-spacing: 0.25px;
              font-size: 0.875rem;
              width: 100%;
              align-items: center; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th .col {
                word-break: break-word;
                line-height: 25px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col:first-of-type {
                padding-left: 15px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col:last-of-type {
                text-align: right;
                padding-right: 15px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page > form {
              margin: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details {
              padding: 15px 0px;
              align-items: center;
              margin-top: 0px;
              position: relative; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .location {
                padding: 3px 5px;
                border: 1px solid #aaa;
                display: inline-block;
                text-transform: uppercase;
                font-size: 0.75rem;
                font-weight: 600;
                letter-spacing: 0.25px;
                line-height: normal;
                color: #666;
                margin-right: 10px;
                margin-bottom: 10px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .time, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .type {
                font-weight: 600; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon {
                text-align: right;
                font-size: 1.5rem;
                padding-right: 10px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a {
                  color: #214a8c;
                  display: block; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit {
                text-align: right;
                padding-right: 0px;
                display: flex;
                justify-content: flex-end; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit button {
                  background: none !important;
                  border-color: #fff;
                  border: none;
                  left: 0px;
                  -webkit-transition: all 0.3s ease 0s;
                  -moz-transition: all 0.3s ease 0s;
                  -o-transition: all 0.3s ease 0s;
                  transition: all 0.3s ease 0s;
                  cursor: pointer;
                  position: relative;
                  height: 25px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit input {
                  padding: 3px 15px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit button {
                  padding: 0px;
                  width: 50px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .total {
              text-align: right;
              color: #222;
              font-weight: 600; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details + .actions a .fe-download, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details + .actions a span, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details + .sub-total .actions a .fe-download, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details + .sub-total .actions a span {
              color: #214a8c; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page-th > .col {
              text-align: left; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details {
              padding: 15px;
              border: 1px solid #ccc;
              border-top: none;
              flex-wrap: wrap;
              background: #fff; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details > .col {
                display: flex;
                justify-content: space-between;
                margin-bottom: 3px;
                text-align: left; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details > .col .left {
                display: flex;
                align-items: center;
                line-height: 1rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .eco .right {
                color: #10a700; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .discount .right {
                color: #dc3545; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .discount .right:before {
                  font-family: "Feather";
                  color: #214a8c;
                  position: relative;
                  -webkit-transition: all 0.3s ease 0s;
                  -moz-transition: all 0.3s ease 0s;
                  -o-transition: all 0.3s ease 0s;
                  transition: all 0.3s ease 0s;
                  z-index: 1;
                  font-size: 1.1rem;
                  padding-right: 5px;
                  right: 0px;
                  font-weight: 400;
                  content: "-";
                  padding-right: 2px;
                  line-height: 1rem;
                  color: #dc3545; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .total {
                border-top: 1px solid #ccc;
                margin: 10px auto 0px;
                padding-top: 10px;
                align-items: center; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .total .left {
                  font-weight: 600; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .total .right {
                  font-size: 1.25rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .sub-total .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .items .right {
                color: #222; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .sub-total .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .items .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .saving .right {
                font-weight: 700;
                font-size: 1rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .saving {
                color: #10a700;
                margin-top: 10px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .supp {
                text-align: left;
                color: #666;
                font-size: 0.75rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details form {
                margin: 0px;
                width: 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row {
                padding-bottom: 15px;
                margin-bottom: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row input[type="text"], .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row textarea {
                  background: #fff !important;
                  border-color: #ccc; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row input[type="image"] {
                  position: absolute;
                  right: 0px;
                  bottom: 15px;
                  width: 50px;
                  border: 1px solid #214a8c;
                  margin: 0px;
                  padding: 15px;
                  min-width: auto; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row p.note {
                  margin: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .e-row label.e-label {
                  font-size: 0.8rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .col.total {
                max-width: 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details .submit-btn {
                margin: 10px auto;
                max-width: 240px;
                width: 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.save-cart .submit-btn {
                margin-bottom: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-group, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed form {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-wrap: wrap;
              margin: 0px;
              width: 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-group .add-cart, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed form .add-cart {
                width: 240px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-group .add-more, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed form .add-more {
                width: 240px;
                height: 50px;
                margin: 10px 0px;
                font-size: 1rem; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-group .add-more i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed form .add-more i {
                  font-size: 1.25rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed form .add-more.btn-sml:before {
                display: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-row {
              padding-bottom: 0px;
              width: 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-row a:hover {
                color: #fff; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .supp {
              margin-bottom: 10px;
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .supp a {
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                color: #222;
                text-decoration: none;
                text-decoration: underline;
                margin-left: 5px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .supp a:hover {
                  color: #214a8c;
                  text-decoration: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out {
              border: 1px solid #ccc;
              position: relative;
              margin-top: 10px;
              margin: 0px auto;
              border: none;
              margin-top: 1px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode {
                text-align: left;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 7px 15px;
                height: 45px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode + .mode {
                border-left: none; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .e-row.select {
                padding: 0px;
                margin-bottom: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
                  background: #fff !important;
                  top: 7px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .e-row.select select {
                  border: none;
                  height: calc(45px - 2px); }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
                  bottom: -20px; }
              @media (max-width: 767px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out {
                  flex-wrap: wrap;
                  min-width: 100%; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
                    border-top: none; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
                    border-left: 1px solid #666; } }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out div.center {
                padding: 10px 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 5px 0px 15px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
                  height: auto;
                  padding: 0px;
                  width: 100%; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
                    font-family: "Open Sans", sans-serif;
                    padding: 3px 5px;
                    border: 1px solid #aaa;
                    background: #fff !important;
                    border-radius: 0px;
                    font-size: 0.8rem; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
                    height: 30px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
                    height: 50px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
                    position: relative; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
                      display: inherit; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                        top: 7px;
                        background: #fff;
                        right: 0px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
                      border: 1px solid #aaa;
                      background: #fff !important;
                      padding: 0px 10px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                      top: 1px;
                      font-size: 1rem;
                      right: 5px;
                      height: calc(30px - 2px);
                      line-height: calc(30px - 2px);
                      width: 20px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      padding: 0px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
                      font-family: "Open Sans", sans-serif;
                      font-size: 0.8rem;
                      padding: 0px 5px;
                      height: 30px;
                      width: 100%; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
                    max-width: 100%;
                    flex: 0 0 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
                      min-width: 170px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
                    color: #222; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
                    color: #222; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
                    color: #222; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
                    flex-wrap: wrap;
                    width: 100%; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
                      color: #666; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
                      line-height: 30px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
                  padding: 0px 15px;
                  margin: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
                  height: 25px;
                  background: none !important;
                  margin: 10px 5px 0px;
                  padding: 0px;
                  width: auto;
                  border: none; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
                    background: none !important;
                    border: none !important; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
                    filter: grayscale(100%);
                    pointer-events: none;
                    cursor: default;
                    opacity: 0.25; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
                  height: 25px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
                  display: none; }
              @media (max-width: 767px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out {
                  padding: 0px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection {
                    flex-wrap: wrap;
                    padding: 15px; } }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .slide-out .mode-selection {
                flex-wrap: wrap; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .custom-radiobox {
              height: auto; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed p.center {
              font-family: "Poppins", sans-serif;
              letter-spacing: 0.5px;
              margin-bottom: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed .e-row + .supp.text-center {
              margin: -10px auto 10px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .page .details.proceed.sticky-div form {
              width: auto; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian {
              flex-wrap: wrap; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link {
                background: #f7f7f7;
                border: 1px solid #ccc;
                padding: 7px 0px;
                letter-spacing: 0.25px;
                font-size: 0.875rem;
                width: 100%;
                align-items: center;
                padding: 10px 15px;
                text-align: left;
                cursor: pointer;
                line-height: normal;
                text-transform: capitalize; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link .col, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link .col {
                  word-break: break-word;
                  line-height: 25px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link.collapsed, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link.collapsed {
                color: #666; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link:after {
                font-family: "Feather";
                color: #214a8c;
                position: relative;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                z-index: 1;
                font-size: 1.1rem;
                padding-left: 5px;
                left: 0px;
                font-weight: 400;
                content: "\e996";
                color: #666;
                line-height: calc(20px + 2px);
                float: right; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link.collapsed:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link.collapsed:after {
                font-family: "Feather";
                color: #214a8c;
                position: relative;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                z-index: 1;
                font-size: 1.1rem;
                padding-left: 5px;
                left: 0px;
                font-weight: 400;
                content: "\e9b1";
                color: #666; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .title-link + .collapse + .title-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .title-link + .collapse + .title-link {
                border-top: none; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .collapse:not(.show), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .collapse:not(.show) {
                display: none; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #accordion .details, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing #braidAccordian .details {
                width: 100%;
                border: 1px solid #ccc;
                border-top: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-1 {
              max-width: 8.33%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-2 {
              max-width: 16.666667%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-3 {
              max-width: 25%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-4 {
              max-width: 33.333333%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-5 {
              max-width: 41.666667%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-6 {
              max-width: 50%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-7 {
              max-width: 58.33%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-8 {
              max-width: 66.66%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-9 {
              max-width: 75%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-10 {
              max-width: 83.33333333%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-11 {
              max-width: 91.66666667%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .td-12 {
              max-width: 100%;
              flex: 0 0 100%; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .center {
              text-align: center; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .right {
              justify-content: flex-end;
              text-align: right;
              padding: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .left {
              align-items: self-start;
              text-align: left;
              padding: 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left {
              padding-right: 20px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions {
              font-size: 0.875rem;
              flex-wrap: wrap;
              background: #fff;
              /* EXPLORER ONLY */ }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .results {
                color: #222; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .results span {
                  margin-right: 5px;
                  font-weight: 600; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search {
                margin: 0px auto;
                padding: 0px;
                max-width: 50%;
                max-width: 33.333333%;
                flex: 0 0 33.333333%;
                justify-content: center; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                  border-radius: 0px;
                  float: left; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button:focus {
                  box-shadow: none;
                  border-color: #666 !important; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input {
                  color: #222;
                  background: #fff !important;
                  border-color: #ccc;
                  font-size: 0.95rem;
                  width: 300px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                  width: 50px;
                  border-left: none;
                  border-color: #ccc;
                  padding: 5px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button i {
                    color: #666;
                    font-size: 1.5rem;
                    top: 2px;
                    position: relative; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button:hover {
                    border-color: #666; }
                @media (max-width: 991px) {
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                    width: 40px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                    height: 40px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input {
                    width: 100%; } }
                @media (max-width: 767px) {
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input {
                    width: calc(100% - 40px); } }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search textarea {
                  font-family: "Open Sans", sans-serif;
                  padding: 3px 5px;
                  border: 1px solid #aaa;
                  background: #fff !important;
                  border-radius: 0px;
                  font-size: 0.8rem; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                  height: 30px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search textarea {
                  height: 50px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search span {
                  padding-right: 10px;
                  color: #222; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input {
                  width: 200px;
                  font-size: 0.8rem;
                  height: 30px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button {
                  width: 30px;
                  height: 30px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search button i {
                    font-size: 1rem;
                    top: -2px; }
                @media (max-width: 991px) {
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search input {
                    width: 170px; } }
                @media (max-width: 767px) {
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search {
                    max-width: 100%;
                    flex: 0 0 100%; } }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search:only-child {
                padding: 10px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.pdf-export, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.excel-export, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.import-pro {
                cursor: pointer;
                position: relative; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.pdf-export.active, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.excel-export.active, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.import-pro.active {
                  color: #214a8c; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.pdf-export.active:before, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.excel-export.active:before, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a.import-pro.active:before {
                    content: "";
                    top: -7px;
                    margin: 0px auto;
                    height: 10px;
                    border-left: 7px solid transparent;
                    border-right: 7px solid transparent;
                    border-top: 7px solid #666;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                    position: absolute;
                    top: calc(20px + 7px);
                    left: 50%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro {
                border: 1px solid #666;
                margin: 7px 0px 10px;
                padding: 0px;
                height: auto;
                background: #fff; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-wrap: wrap;
                  max-width: 100%;
                  flex: 0 0 100%;
                  margin: 0px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form label {
                    margin-bottom: 0px;
                    text-align: left; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form > div {
                    padding: 0px 15px;
                    height: 50px;
                    display: flex;
                    align-items: center;
                    flex-direction: row; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form > div:not(.generate), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form > div:not(.generate), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form > div:not(.generate) {
                    border-bottom: 1px solid #ddd; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .left {
                    max-width: 25%;
                    flex: 0 0 25%;
                    line-height: 1rem;
                    justify-content: flex-end; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .right {
                    max-width: 75%;
                    flex: 0 0 75%;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    border-left: 1px solid #ddd; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment {
                    flex-wrap: wrap;
                    padding: 15px;
                    display: none;
                    height: auto; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment > div {
                      width: 100%;
                      display: flex;
                      padding: 0px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 {
                      float: left;
                      flex-wrap: wrap; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3 > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9 > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3 > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9 > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 > div {
                        width: 100%;
                        text-align: left; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3 > label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9 > label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3 > label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9 > label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 > label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 > label {
                        margin-bottom: 10px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 p.supp {
                        position: relative;
                        margin: 0px 0px 0px 10px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 {
                      padding-left: 15px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .text, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .text, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .text, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .image {
                      margin: 0px 0px 5px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .text p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .image p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .text p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .image p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .text p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .image p {
                        font-family: "Open Sans", sans-serif;
                        font-size: 0.75rem;
                        font-weight: 400;
                        margin: 0px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .image {
                      display: flex;
                      align-items: center;
                      flex-direction: row;
                      margin: 0px;
                      width: 100%; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .image p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .image p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .image p {
                        font-style: italic;
                        margin: 0px 10px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .image img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .image img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .image img {
                        max-width: 100px;
                        width: auto;
                        max-height: 40px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns {
                      display: flex;
                      align-items: center;
                      flex-wrap: wrap; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns i {
                        font-size: calc(20px + 2px);
                        margin-right: 5px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns button, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns button, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns button {
                        border: none;
                        background: none;
                        padding: 0px;
                        height: 20px;
                        cursor: pointer;
                        margin-right: 10px;
                        font-size: 0.875rem;
                        font-family: "Open Sans", sans-serif;
                        font-weight: 400;
                        display: flex;
                        align-items: center; }
                        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns a:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns input:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns button:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns a:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns input:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns button:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns a:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns input:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns button:focus {
                          border: none;
                          background: none; }
                        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns input:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns button:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns input:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns button:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns input:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns button:hover {
                          color: #214a8c; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns button + button, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns a + a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns input + input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns button + button, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns a + a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns input + input, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns button + button, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns a + a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns input + input {
                        pointer-events: none;
                        color: #ccc; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns .image {
                        margin-top: 15px;
                        padding-top: 15px;
                        border-top: 1px solid #ddd;
                        flex-wrap: wrap;
                        height: auto; }
                        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .btns .image > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .btns .image > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .btns .image > div {
                          max-width: 50%;
                          flex: 0 0 50%;
                          display: flex;
                          align-items: center; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    margin-bottom: 0px;
                    padding: 15px;
                    height: auto;
                    border-left: none; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list div {
                      padding: 0px;
                      font-family: "Open Sans", sans-serif; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > div:not(.d-flex), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > div:not(.d-flex), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > div:not(.d-flex) {
                      padding: 5px 0px;
                      text-align: left; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 {
                      max-width: calc(50% - 10px);
                      flex: 0 0 50%;
                      position: relative; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                        display: inherit; }
                        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                          top: 7px;
                          background: #fff;
                          right: 0px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                        border: 1px solid #aaa;
                        background: #fff !important;
                        padding: 0px 10px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                        top: 1px;
                        font-size: 1rem;
                        right: 5px;
                        height: calc(30px - 2px);
                        line-height: calc(30px - 2px);
                        width: 20px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0px; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                        font-family: "Open Sans", sans-serif;
                        font-size: 0.8rem;
                        padding: 0px 5px;
                        height: 30px;
                        width: 100%; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list .btn-block, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list .btn-block, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list .btn-block {
                      border: none; }
                      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list .btn-block a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list .btn-block a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list .btn-block a {
                        height: 30px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list {
                    max-width: 100%;
                    flex: 0 0 100%;
                    padding-left: calc(25% + 15px); }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .btn-sml.btn-dark-bdr {
                    margin: 0px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .generate, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .generate, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .generate {
                    padding: 15px;
                    justify-content: center; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .generate .btn-sml, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .generate .btn-sml, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .generate .btn-sml {
                      max-width: 100px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
                    pointer-events: none;
                    -moz-user-select: none;
                    /* Firefox */
                    -ms-user-select: none;
                    /* Internet Explorer */
                    -khtml-user-select: none;
                    /* KHTML browsers (e.g. Konqueror) */
                    -webkit-user-select: none;
                    /* Chrome, Safari, and Opera */
                    -webkit-touch-callout: none;
                    /* Disable Android and iOS callouts*/
                    opacity: 0.25; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .img {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .img .text p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .img .text p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .img .text p {
                      margin-bottom: 0px;
                      text-align: left; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .img p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .img p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .img p.supp {
                      width: 100%;
                      margin: 0px 0px 10px;
                      position: inherit;
                      text-align: left; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .img img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .img img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .img img {
                      padding-right: 15px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf:not(.show), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel:not(.show), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro:not(.show) {
                display: none; }
              @media (max-width: 991px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form > div {
                  height: auto;
                  padding: 10px !important; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .custom-checkbox, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .custom-checkbox, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .custom-checkbox {
                  height: 30px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .right {
                  max-width: 100%;
                  flex: 0 0 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  padding: 0px 10px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .left {
                  border-bottom: none !important;
                  padding-bottom: 0px !important; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list {
                  padding-top: 10px; } }
              @media (max-width: 767px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form label {
                  justify-content: flex-start; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .right {
                  border-left: none;
                  margin: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment {
                  padding: 10px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 {
                    max-width: 100%;
                    flex: 0 0 100%; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 {
                    margin-bottom: 10px;
                    flex-wrap: nowrap; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3 label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-3 .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3 label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-3 .image, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 label, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-3 .image {
                      width: 50%;
                      margin: 0px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 {
                    padding: 0px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .attachment .col-9 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .attachment .col-9 p.supp, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .attachment .col-9 p.supp {
                      width: 50%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list .col-3, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list .col-3 {
                  max-width: 40%;
                  flex: 0 0 40%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list .col-9, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list .col-9 {
                  max-width: 60%;
                  flex: 0 0 60%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > div:nth-of-type(1), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .address-list > div:nth-of-type(2) {
                  max-width: 100%;
                  flex: 0 0 100%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf form .img img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel form .img img, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro form .img img {
                  max-width: 100%;
                  padding: 0px 0px 10px; } }
              @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportPdf .custom-checkbox .custom-check, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #exportExcel .custom-checkbox .custom-check, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions #importPro .custom-checkbox .custom-check {
                  top: 1rem; } }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .slide-out {
                border: 1px solid #ccc;
                border-bottom: 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions form {
                margin: 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared {
                padding: 0px;
                position: absolute;
                justify-content: flex-end;
                top: -100px;
                right: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .checkbox {
                  background: #f5fefa;
                  padding: 3px 25px 2px;
                  border-radius: 4px;
                  border: 1px solid #10a700; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .custom-input:checked ~ p {
                  color: #10a700; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .email {
                  display: flex; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .email i {
                    line-height: 20px;
                    color: #10a700;
                    margin-right: 5px; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .email i span {
                      font-family: "Open Sans", sans-serif;
                      margin: 0px 5px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared .email p {
                    margin: 0px;
                    color: #222; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions > .center, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right {
                max-width: 33.333333%;
                flex: 0 0 33.333333%;
                display: flex;
                align-items: center;
                max-width: max-content;
                flex: 0 0 auto;
                min-height: 30px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right {
                margin-left: auto; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left > a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right > a {
                border: none;
                background: none;
                padding: 0px;
                cursor: pointer;
                height: 30px;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                color: #222;
                text-decoration: none;
                color: #222;
                display: flex;
                align-items: center; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left > a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right > a:hover {
                  color: #214a8c;
                  text-decoration: none; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link span, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left > a span, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right > a span {
                  margin-left: 5px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link span:empty, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left > a span:empty, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .right > a span:empty {
                  display: none; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a + a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .checkbox + a {
                margin-left: 20px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link.disabled {
                color: #ccc;
                cursor: default;
                pointer-events: none; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .custom-checkbox p {
                color: #222; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .custom-checkbox:hover p {
                color: #214a8c; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions ~ .d-flex {
              margin-top: -1px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing > .actions, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header ~ .actions {
              border: none;
              padding: 7px 0px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions.sticky-div {
              border-bottom: 1px solid #ccc; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions.sticky-div .right {
                margin: 10px 0px 10px auto; }
            @media (max-width: 991px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions {
                font-size: 0.8rem; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared {
                  top: calc(10px - 100px);
                  margin: auto;
                  left: 0px;
                  right: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left .action-link i {
                  font-size: 1rem; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left a.action-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .left .action-link i span {
                  display: none !important; } }
            @media (max-width: 767px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions {
                justify-content: center; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .shared {
                  top: calc(10px - 150px); }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .action-link, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions a + a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .checkbox + a {
                  margin-left: 15px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions > .right {
                  justify-content: center; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .actions .search + .right {
                  margin-left: 0px; } }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"] {
              background: #214a8c !important;
              color: #fff !important;
              border-color: #214a8c;
              position: relative; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"]:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"]:focus {
                background: #214a8c !important;
                color: #fff !important;
                border-color: #214a8c; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"]:hover i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"]:focus i {
                  color: #fff; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="true"]:before {
                content: "";
                top: -7px;
                margin: 0px auto;
                height: 10px;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 7px solid #666;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
                position: absolute;
                top: auto;
                bottom: calc(3px - 15px); }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="false"], .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.collapsed {
              background: #fff !important;
              border: 1px solid #214a8c;
              color: #214a8c !important; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="false"]:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="false"]:focus, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.collapsed:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.collapsed:focus {
                background: #08285c !important;
                color: #fff !important; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="false"]:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.collapsed:hover {
                border-color: #08285c; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more[aria-expanded="false"]:hover i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.collapsed:hover i {
                  color: #fff; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .add-more.cancel:before {
              display: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.add-more.disabled {
              pointer-events: none;
              color: #ccc !important;
              border-color: #ccc; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing button.links, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.links {
              border: none;
              color: #214a8c;
              height: auto;
              background: none;
              text-align: left;
              padding: 0px;
              cursor: pointer;
              color: #666;
              text-decoration: underline; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing button.links:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.links:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.plus i {
              font-size: 1rem; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.plus[aria-expanded="true"] i:before {
              content: "\e998";
              color: #214a8c; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.plus[aria-expanded="true"] > span {
              color: #214a8c; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing a.plus:not(.collapsed) > span {
              color: #214a8c !important; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .custom-radiobox:not(:last-of-type), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .custom-checkbox:not(:last-of-type) {
              margin-right: 25px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .ship-when > p, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .bill-method > p {
              font-family: "Poppins", sans-serif;
              font-size: 0.875rem;
              letter-spacing: 0.75px;
              color: #666;
              font-weight: normal;
              font-size: 0.875rem;
              text-transform: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .delivery-date {
              line-height: 25px;
              padding: 0px;
              display: flex;
              flex-wrap: wrap;
              flex-direction: row;
              color: #666; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .delivery-date span {
                margin-left: 5px;
                color: #222; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .delivery-date .date input {
                font-family: "Open Sans", sans-serif;
                color: #222;
                background: none !important;
                border: none !important;
                height: 20px;
                padding: 0px;
                line-height: 400;
                cursor: pointer;
                max-width: 60px;
                color: #666;
                text-decoration: underline; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .delivery-date .date input:hover {
                  text-decoration: none;
                  color: #214a8c;
                  cursor: pointer; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .address:not(.e-label) {
              font-family: "Open Sans", sans-serif; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .day-time span {
              font-weight: 600; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .contact a {
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              color: #222;
              text-decoration: none;
              text-decoration: underline; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .contact a:hover {
                color: #214a8c;
                text-decoration: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm {
              border-bottom: 4px double #ccc;
              padding: 15px 5px;
              display: flex;
              flex-direction: row; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm > div, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm .total {
                padding: 0px;
                color: #222; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm > div:last-child {
                display: flex;
                justify-content: flex-end;
                margin-left: auto; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm .actions {
                margin: 0px;
                display: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header {
              clear: both;
              padding: 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header > div {
                display: flex;
                align-items: center; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header .delivery-date {
                display: flex;
                justify-content: flex-end; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header .title {
                margin-bottom: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header .title span {
                  color: #214a8c;
                  margin-left: 3px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page + .sub-header {
              margin-top: 40px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page + .sub-header .title {
                flex-basis: content; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning {
              padding: 10px;
              border-radius: 0px;
              text-align: center;
              margin: 15px auto;
              border: 1px solid;
              position: relative;
              font-size: 0.75rem;
              line-height: 0.8rem;
              border-color: #fbe4b5;
              color: #de6e00; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning .alert-heading {
                font-weight: 400;
                font-family: "Poppins", sans-serif;
                font-size: 1rem;
                letter-spacing: 0.5px;
                margin-bottom: 3px;
                text-align: center; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning p {
                font-size: 0.875rem;
                margin-bottom: 0px; }
              @media (max-width: 991px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning {
                  padding: 5px;
                  margin: 10px auto; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning p {
                    font-size: 0.8rem; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-warning .alert-heading {
                    font-size: 0.875rem; } }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger {
              padding: 10px;
              border-radius: 0px;
              text-align: center;
              margin: 15px auto;
              border: 1px solid;
              position: relative;
              font-size: 0.75rem;
              line-height: 0.8rem;
              border-color: #f8c1c4;
              color: #dc3545;
              background: #feeeef; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger .alert-heading {
                font-weight: 400;
                font-family: "Poppins", sans-serif;
                font-size: 1rem;
                letter-spacing: 0.5px;
                margin-bottom: 3px;
                text-align: center; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger p {
                font-size: 0.875rem;
                margin-bottom: 0px; }
              @media (max-width: 991px) {
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger {
                  padding: 5px;
                  margin: 10px auto; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger p {
                    font-size: 0.8rem; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing div.alert-danger .alert-heading {
                    font-size: 0.875rem; } }
            @media (min-width: 992px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9 > .page {
                min-height: 500px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit input:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit button:hover {
                left: 10px; } }
            @media (max-width: 991px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details {
                flex-wrap: wrap;
                padding: 15px 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .submit button {
                  width: 25px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-3.right {
                max-width: 33.333333%;
                flex: 0 0 33.333333%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left {
                padding-right: 10px;
                max-width: 66.66%;
                flex: 0 0 66.66%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left .page-th {
                  display: none !important; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left .page {
                  border-top: 1px solid #666; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header {
                flex-wrap: wrap; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header .col-6 {
                  max-width: 100%;
                  flex: 0 0 100%;
                  justify-content: flex-start;
                  margin: 0px !important; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-header > .title {
                  font-size: 1.2rem !important; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page + .sub-header {
                margin-top: 20px;
                margin-bottom: 10px; } }
            @media (max-width: 767px) {
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing > .d-flex {
                flex-wrap: wrap; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-12.left .page-th, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left .page-th {
                display: none !important; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > div {
                max-width: 100% !important;
                flex: 0 0 auto; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .col {
                display: inline-flex;
                color: #222;
                line-height: 1.2rem; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .time, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .type {
                color: #666; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .custom-radiobox .custom-radio {
                height: 25px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-12.left, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-3.right, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .col-9.left {
                padding-right: 0px;
                max-width: 100%;
                flex: 0 0 100%; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary {
                margin-top: 15px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .summary .details.proceed .supp {
                  display: flex;
                  justify-content: center;
                  flex-wrap: wrap; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .sub-total.btm > div:last-child {
                max-width: 100%;
                flex: 0 0 100%; } }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .no-results {
              padding: 15px;
              margin: 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .no-results .block-title {
                font-size: 0.8rem;
                font-weight: 400;
                color: #666; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th {
              background: #eee;
              border-left: none;
              border-right: none;
              color: #666; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col {
              font-size: 0.8rem;
              line-height: 1.2rem; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col:nth-child(2), .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col:nth-child(2) {
              text-align: center; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col:first-of-type, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col:first-of-type {
              padding-left: 20px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th > .col:last-of-type, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col:last-of-type {
              padding-right: 20px; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details {
              border-bottom: 1px solid #eee;
              padding: 10px 0px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .links {
                color: #666;
                line-height: normal; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .links:hover {
                  color: #214a8c; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon {
                display: flex;
                justify-content: flex-end; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon button {
                  display: inline-block;
                  color: #666;
                  padding: 0px;
                  background: none;
                  line-height: 15px; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon button i {
                    font-size: 1.1rem; }
                  .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a:hover, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon button:hover {
                    background: none; }
                    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a:hover i, .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon button:hover i {
                      color: #214a8c; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details .icon a + button {
                  margin-left: 15px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details:hover {
                background: #f7fbff; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details:last-of-type {
              border-bottom: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page {
              overflow-y: auto;
              max-height: 300px; }
  @media (min-width: 992px) {
    .cms-menu {
      max-width: 80%;
      flex: 0 0 auto; }
      .cms-menu .navbar-collapse ul.navbar-nav._main {
        justify-content: space-around;
        width: 100%; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li {
          text-align: center;
          flex-grow: 1; } }
  @media (min-width: 1200px) {
    .cms-menu {
      max-width: 83.33333333%;
      flex: 0 0 83.33333333%; } }
  @media (max-width: 991px) {
    .cms-menu {
      max-width: 100%;
      flex: 0 0 100%;
      position: absolute;
      top: 0px;
      left: 0px; }
      .cms-menu .navbar-collapse ul.navbar-nav._main {
        padding: 10px;
        position: relative;
        background: #fff;
        border-bottom: 1px solid #214a8c; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > a {
          border-bottom: 1px solid #ccc;
          height: auto;
          font-size: 0.8rem;
          font-weight: 600;
          padding: 10px; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li._mobile > a {
          font-weight: 400; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li a:after {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          float: right;
          font-size: 1rem;
          position: relative;
          top: 2px; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li.show a:after {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0); }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li.show a.nav-link:before {
          color: #214a8c; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show {
          border: none;
          margin-top: -1px; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show > ul.menu-title > li {
            width: 100%; }
          .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub {
            background: #f1f1f1; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li a:focus {
              font-size: 0.875rem;
              font-weight: 600;
              background: #f7f7f7; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li a:focus:after {
                color: #214a8c; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub > li:not(:last-of-type) {
              border-bottom: none; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > a:after {
              content: "\e92e"; }
            .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out {
              width: 100%;
              background: #f7f7f7;
              border-left: none;
              border-right: none;
              margin: 0px;
              border-top: none;
              padding: 0px 10px; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .pg-title {
                display: none !important; }
              .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search {
                padding: 0px; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search input {
                  width: 100%; }
                .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out form.search i {
                  left: 10px; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li._mobile a:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          line-height: normal;
          font-size: 1rem;
          color: #222; }
        .cms-menu .navbar-collapse ul.navbar-nav._main .submit-btn {
          background: #214a8c !important;
          color: #fff;
          font-size: 1rem;
          cursor: pointer;
          letter-spacing: 0.5px;
          font-family: "Poppins", sans-serif;
          width: 200px;
          text-transform: uppercase;
          margin: 40px auto;
          text-align: center;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px 10px;
          border: none;
          white-space: normal;
          line-height: 1rem;
          width: 100%;
          margin: 10px 0px 0px !important; }
          .cms-menu .navbar-collapse ul.navbar-nav._main .submit-btn:hover, .cms-menu .navbar-collapse ul.navbar-nav._main .submit-btn:focus {
            background: #08285c !important;
            border: none; }
          .cms-menu .navbar-collapse ul.navbar-nav._main .submit-btn a {
            color: #fff;
            padding: 15px;
            width: 100%; }
          .cms-menu .navbar-collapse ul.navbar-nav._main .submit-btn:focus {
            outline-style: none; }
      .cms-menu .navbar-collapse.collapsing, .cms-menu .navbar-collapse.show {
        top: 0px;
        position: relative;
        z-index: 111; }
      .cms-menu > button.navbar-toggler {
        left: 10px;
        position: absolute;
        border: none;
        padding: 5px 0px;
        top: -45px;
        outline: none;
        width: 30px; }
        .cms-menu > button.navbar-toggler i {
          color: #222;
          font-size: 1.75rem; } }
  @media (max-width: 767px) {
    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page-th {
      display: none !important; }
    .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details {
      padding: 5px 0px; }
      .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 5px 10px !important; }
        .cms-menu .navbar-collapse ul.navbar-nav._main > li > .show ._sub .dropdown-submenu > .roll-out .listing .page .details > .col ._labels {
          display: block !important;
          line-height: 1.2rem; } }

.oc .loggedout + .navbar .nav-item._mobile:nth-last-of-type(1) > a:before {
  content: "\e98c"; }

.b2c .loggedout + .navbar .nav-item._mobile:nth-last-of-type(1) > a:before, .b2b .loggedout + .navbar .nav-item._mobile:nth-last-of-type(1) > a:before {
  content: "\e9d5"; }
.b2c .loggedout + .navbar .nav-item._mobile:nth-last-of-type(2) > a:before, .b2b .loggedout + .navbar .nav-item._mobile:nth-last-of-type(2) > a:before {
  content: "\e98c"; }

.b2c .loggedin + .navbar .nav-item._mobile:nth-last-of-type(1) > a:before, .b2b .loggedin + .navbar .nav-item._mobile:nth-last-of-type(1) > a:before {
  content: "\e9f1"; }
.b2c .loggedin + .navbar .nav-item._mobile:nth-last-of-type(2) > a:before, .b2b .loggedin + .navbar .nav-item._mobile:nth-last-of-type(2) > a:before {
  content: "\e9d5"; }
.b2c .loggedin + .navbar .nav-item._mobile:nth-last-of-type(3) > a:before, .b2b .loggedin + .navbar .nav-item._mobile:nth-last-of-type(3) > a:before {
  content: "\e98c"; }

.login {
  padding: 0px; }
  .login ul.nav {
    width: 100%;
    margin: 30px auto 0px; }
    .login ul.nav li {
      width: 50%; }
  .login .tab-content {
    padding: 0px; }
  .login .tab-pane {
    padding: 0px;
    padding: 0px 15px; }
    @media (max-width: 991px) {
      .login .tab-pane {
        max-width: 100%;
        flex: 0 0 100%; } }
  .login .header {
    margin-bottom: 0px;
    text-align: center; }
  .login section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .login section {
        margin: 15px auto; } }
  .login .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    padding: 0px;
    font-size: 1.75rem;
    line-height: 1.75rem; }
    @media (max-width: 991px) {
      .login .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .login .pg-title i {
      margin-right: 10px; }
  .login p {
    margin: 0px; }
  .login p:last-of-type {
    margin-top: 10px; }
  .login form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .login form .field-validation-error:not(.text-danger), .login form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .login form .field-validation-error:not(.text-danger) span, .login form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .login form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .login form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .login form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .login form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .login form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .login form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .login form .validation-summary-error ul li, .login form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .login form .validation-summary-error ul li:before, .login form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .login form .validation-summary-error ul li span, .login form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .login form .validation-summary-error ul li span + span:before, .login form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .login form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .login form .validation-summary-error ul li, .login form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .login form .validation-summary-error ul li, .login form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .login form .validation-summary-error ul li:before, .login form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .login form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .login form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .login form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .login form .validation-summary-success ul li, .login form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .login form .validation-summary-success ul li:before, .login form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .login form .validation-summary-success ul li span, .login form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .login form .validation-summary-success ul li span + span:before, .login form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .login form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .login form .validation-summary-success ul li, .login form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .login form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .login form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .login form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .login form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .login form .alert-success ul li, .login form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .login form .alert-success ul li:before, .login form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .login form .alert-success ul li span, .login form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .login form .alert-success ul li span + span:before, .login form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .login form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .login form .alert-success ul li, .login form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .login form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .login form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .login form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .login form .alert-success p {
            font-size: 0.8rem; }
          .login form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .login form .e-group {
      margin: 0px auto; }
    .login form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .login form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .login form .select {
      position: relative; }
      .login form .select label {
        display: inherit; }
        .login form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .login form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .login form input[type="number"], .login form input[type="number"]::-webkit-inner-spin-button, .login form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .login form select, .login form input, .login form button {
      height: 50px; }
    .login form select, .login form textarea, .login form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .login form select:focus, .login form textarea:focus, .login form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .login form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .login form p.center {
      text-align: center;
      line-height: 30px; }
    .login form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .login form p.mandatory, .login form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .login form p.mandatory span, .login form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .login form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .login form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .login form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .login form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .login form label.user:after {
      content: "\e9f1"; }
    .login form label.password:after {
      content: "\e987"; }
    .login form label.email:after {
      content: "\e98a"; }
    .login form label.search:after {
      content: "\e9c1"; }
    .login form label.box1:after {
      content: "\e9a2"; }
    .login form label.home:after {
      content: "\e979"; }
    .login form label.phone:after {
      content: "\e9a7"; }
    .login form label.mobile:after {
      content: "\e9d2"; }
    .login form label.flag:after {
      content: "\e967"; }
    .login form label.address:after {
      content: "\e98b"; }
    .login form label.postal:after {
      content: "\e98c"; }
    .login form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .login form label.doc1:after {
      content: "\e938"; }
    .login form label.hash:after {
      content: "\e975"; }
    .login form label.dollar:after {
      content: "\e954"; }
    .login form label.msg1:after {
      content: "\e990"; }
    .login form label.percent:after {
      content: "\e9a6"; }
    .login form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .login form .submit-btn:hover, .login form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .login form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .login form .submit-btn:focus {
        outline-style: none; }
    .login form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .login form .btn-sml:hover, .login form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .login form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .login form .btn-sml:focus {
        outline-style: none; }
    .login form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .login form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .login form .btn-red:hover, .login form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .login form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .login form .btn-dark:hover, .login form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .login form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .login form .btn-dark-bdr:hover, .login form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .login form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .login form .btn-darker-bdr:hover, .login form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .login form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .login form .btn-brand-bdr:hover, .login form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .login form input.disabled, .login form a.disabled, .login form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .login form input.input-validation-error, .login form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .login form .btn-sml.add-more {
      margin-left: 10px; }
      .login form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .login form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .login form .btn-sml.add-cart, .login form .btn-sml.add-more, .login form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .login form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .login form .add-more:hover, .login form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .login form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .login form .add-cart:hover, .login form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .login form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .login form .add-more.disabled, .login form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .login form .links {
      text-align: center; }
      .login form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .login form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .login form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .login form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .login form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .login form .e-row.deactive select, .login form .e-row.deactive textarea, .login form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .login form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .login form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .login form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .login form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .login form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .login form .duo input, .login form .duo a {
        margin: 0px; }
      .login form .duo input + a, .login form .duo input + input {
        margin-left: 20px; }
    .login form .uom-dpdn {
      position: relative; }
      .login form .uom-dpdn label {
        display: inherit; }
        .login form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .login form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .login form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .login form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .login form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .login form {
        margin: 10px auto; }
        .login form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .login form .e-row {
          margin-bottom: 20px; }
        .login form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .login form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
    .login form .e-group {
      max-width: 360px; }
  .login .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .login .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .login .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .login .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .login .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .login .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .login .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .login .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .login .custom-checkbox:hover p {
      color: #214a8c; }
    .login .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .login .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .login .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .login .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .login .custom-checkbox p span {
      line-height: 1.2; }
    .login .custom-checkbox .custom-check {
      top: 10px; }
  .login .block {
    padding: 0px 15px;
    width: 100%;
    position: relative;
    margin-top: 20px;
    padding: 0px;
    display: flex;
    flex-direction: row; }
    .login .block .img, .login .block .video {
      text-align: center;
      position: relative;
      width: 100%; }
      .login .block .img img, .login .block .video img {
        max-width: 100%;
        width: auto;
        height: auto; }
    .login .block .video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden; }
    .login .block .video iframe, .login .block .video object, .login .block .video embed {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: calc(100% + 1px); }
    .login .block .details {
      margin-top: 15px; }
      .login .block .details > div + div, .login .block .details > article + div, .login .block .details > div + article {
        margin-top: 15px; }
      .login .block .details .cat-title {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin: 0px 5px 10px 0px;
        width: max-content; }
      .login .block .details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        padding-bottom: 10px; }
      .login .block .details .title {
        color: #222;
        font-size: 2.5rem;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        line-height: calc(100% + 5px);
        padding: 25px 0px;
        font-size: 1.75rem;
        padding: 10px 0px;
        font-weight: 400;
        padding: 0px;
        margin-top: 0px; }
        @media (max-width: 991px) {
          .login .block .details .title {
            font-size: 1.2rem;
            padding: 0px; } }
        @media (max-width: 991px) {
          .login .block .details .title {
            font-size: 1.5rem; } }
        @media (min-width: 992px) {
          .login .block .details .title {
            font-size: 1.25rem; } }
        @media (max-width: 991px) {
          .login .block .details .title {
            font-size: 1rem; } }
        .login .block .details .title a {
          color: #222; }
          .login .block .details .title a:hover {
            color: #214a8c;
            text-decoration: none; }
      .login .block .details .posted {
        color: #666;
        font-family: "Poppins", sans-serif;
        font-size: 0.75rem;
        letter-spacing: 0.75px;
        margin-top: 0px;
        padding-top: 0.25rem;
        display: inline-block; }
        .login .block .details .posted span {
          color: #222; }
        .login .block .details .posted span.date {
          text-transform: uppercase; }
      .login .block .details .description, .login .block .details .l-description {
        margin-bottom: 0px;
        color: #222; }
      .login .block .details .l-description figure img {
        max-width: 100%;
        height: auto;
        width: auto; }
      .login .block .details .l-description figure label {
        font-size: 0.75rem;
        margin-bottom: 0px;
        font-weight: 400;
        color: #aaa; }
      .login .block .details .l-description a.brand-link {
        color: #214a8c; }
        .login .block .details .l-description a.brand-link:hover {
          color: #08285c; }
      .login .block .details .l-description p.brand-btn {
        display: inline-flex; }
        .login .block .details .l-description p.brand-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .login .block .details .l-description p.brand-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .login .block .details .l-description p.brand-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .login .block .details .l-description p.brand-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .login .block .details .l-description p.brand-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .login .block .details .l-description p.brand-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .login .block .details .l-description p.brand-btn a:after {
            color: #fff; }
          .login .block .details .l-description p.brand-btn a:hover {
            color: #214a8c; }
          .login .block .details .l-description p.brand-btn a:hover:after {
            color: #214a8c; }
      .login .block .details .l-description p.dark-btn {
        display: inline-flex; }
        .login .block .details .l-description p.dark-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .login .block .details .l-description p.dark-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .login .block .details .l-description p.dark-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .login .block .details .l-description p.dark-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .login .block .details .l-description p.dark-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .login .block .details .l-description p.dark-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .login .block .details .l-description p.dark-btn a:after {
            color: #fff; }
          .login .block .details .l-description p.dark-btn a:hover {
            color: #214a8c; }
          .login .block .details .l-description p.dark-btn a:hover:after {
            color: #214a8c; }
        .login .block .details .l-description p.dark-btn a {
          background: #222;
          border-color: #222; }
          .login .block .details .l-description p.dark-btn a:hover {
            color: #222; }
          .login .block .details .l-description p.dark-btn a:hover:after {
            color: #222; }
      .login .block .details .l-description p.white-btn {
        display: inline-flex; }
        .login .block .details .l-description p.white-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .login .block .details .l-description p.white-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .login .block .details .l-description p.white-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .login .block .details .l-description p.white-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .login .block .details .l-description p.white-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
      .login .block .details .l-description a {
        color: #666;
        text-decoration: underline;
        color: #222; }
        .login .block .details .l-description a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .login .block .details .l-description p {
        margin-bottom: 15px; }
      .login .block .details .l-description p:only-child {
        margin-bottom: 0px; }
      .login .block .details .l-description p ~ br {
        display: none; }
      .login .block .details .l-description p + ul, .login .block .details .l-description ul + p {
        margin-top: 15px; }
      .login .block .details .l-description ul {
        margin-bottom: 0px; }
      .login .block .details .l-description label {
        font-size: 1.25rem;
        font-weight: 600;
        color: #222;
        margin-bottom: 15px; }
      .login .block .details .l-description ul li, .login .block .details .l-description ol li {
        margin-bottom: 10px;
        width: 100%; }
      .login .block .details .l-description ol {
        padding-left: 20px; }
        .login .block .details .l-description ol li {
          padding-left: 5px; }
      .login .block .details .l-description ul {
        padding-left: 0px; }
        .login .block .details .l-description ul li {
          list-style: none;
          position: relative;
          padding-left: 25px; }
        .login .block .details .l-description ul li:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          content: "\e930";
          margin-right: 10px;
          color: #666;
          position: absolute;
          left: 0px;
          font-size: 1rem; }
        .login .block .details .l-description ul li:nth-last-child(1) {
          margin-bottom: 0px; }
      @media (max-width: 991px) {
        .login .block .details .l-description label {
          font-size: 1rem;
          margin-bottom: 0px; } }
      .login .block .details .l-description .bold-txt {
        font-weight: 600; }
      .login .block .details .l-description .center {
        text-align: center; }
      .login .block .details .l-description .left {
        text-align: left; }
      .login .block .details .l-description .right {
        text-align: right; }
      .login .block .details .l-description .heading, .login .block .details .l-description .lg-heading {
        font-size: 1.5rem;
        font-family: "Poppins", sans-serif;
        letter-spacing: 0.75px; }
      .login .block .details .l-description .lg-heading {
        font-size: 2rem;
        font-weight: 600; }
      .login .block .details .l-description .body-title, .login .block .details .l-description .lg-txt {
        font-size: 1.25rem;
        color: #222; }
      .login .block .details .l-description .row > div, .login .block .details .l-description .btm-space {
        margin-bottom: 40px; }
      .login .block .details .l-description .noPadLR {
        padding-left: 0px;
        padding-right: 0px; }
      .login .block .details .l-description .noPadL {
        padding-left: 0px; }
      .login .block .details .l-description .noPadR {
        padding-right: 0px; }
      .login .block .details .l-description .wide {
        min-width: 50%; }
      .login .block .details .l-description .row.center {
        justify-content: center;
        text-align: left; }
      .login .block .details .l-description .brand-color {
        color: #214a8c; }
      @media (max-width: 991px) {
        .login .block .details .l-description .row > div, .login .block .details .l-description .btm-space {
          margin-bottom: 20px; }
        .login .block .details .l-description .body-title, .login .block .details .l-description .lg-txt {
          font-size: 1rem; }
        .login .block .details .l-description .heading {
          font-size: 1.25rem; } }
      .login .block .details article p {
        margin-bottom: 0px; }
      .login .block .details .link a {
        color: #222;
        text-transform: uppercase;
        font-size: 0.875rem;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        line-height: 1rem;
        letter-spacing: 0.5px; }
        .login .block .details .link a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          vertical-align: sub; }
        .login .block .details .link a:hover {
          color: #214a8c; }
        .login .block .details .link a:hover:after {
          left: 5px; }
    .login .block .details:only-child {
      display: flex;
      flex-direction: column; }
      .login .block .details:only-child .title:only-child {
        font-size: 2.5rem;
        word-break: break-word;
        text-align: center; }
    @media (max-width: 991px) {
      .login .block .details {
        margin-top: 10px; }
        .login .block .details > div + div {
          margin-top: 10px; }
      .login .block .details:only-child .title:only-child {
        font-size: 1.25rem; } }
    .login .block .img {
      max-width: 33.333333%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .login .block .details {
      max-width: 66.66%;
      margin: 0px; }
      .login .block .details .l-description ul li {
        width: 100%;
        margin-right: 0px; }
  .login .submit-btn {
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem; }
    .login .submit-btn:hover, .login .submit-btn:focus {
      background: #08285c !important;
      border: none; }
    .login .submit-btn a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    .login .submit-btn:focus {
      outline-style: none; }
  .login .d-flex a.submit-btn:first-child {
    margin-right: 15px; }
  .login .d-flex a.submit-btn:last-child {
    margin-left: 15px; }
  .login .d-flex a.submit-btn:only-child {
    margin: 40px auto; }
  .login .gridTable {
    max-width: 360px;
    margin: 0px auto; }
    .login .gridTable table {
      width: 100%; }
      .login .gridTable table td {
        padding: 10px 15px;
        border: 1px solid #ddd;
        font-size: 0.875rem;
        min-height: 45px; }
        @media (max-width: 991px) {
          .login .gridTable table td {
            padding: 5px 7px;
            min-height: 30px; } }
    .login .gridTable table td, .login .gridTable table th {
      border: none;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 7px 10px; }
    .login .gridTable table td:last-child, .login .gridTable table th:last-child {
      border-right: none; }
    .login .gridTable table tr:last-child td {
      border-bottom: none; }
    .login .gridTable tr th, .login .gridTable tr td {
      width: 20%;
      font-weight: 400;
      text-align: center;
      min-height: 30px;
      max-height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem; }
      .login .gridTable tr th i, .login .gridTable tr td i {
        color: #10a700;
        font-size: 1rem; }
    .login .gridTable tr th:nth-child(1), .login .gridTable tr td:nth-child(1) {
      width: 60%;
      text-align: left; }
    .login .gridTable tr th {
      color: #214a8c; }
  @media (min-width: 992px) {
    .login .tab-content .tab-pane {
      display: block;
      opacity: 1; }
    .login .tab-content .tab-pane:nth-child(2) .block {
      height: calc(300px - 15px); }
    .login ul.nav {
      display: none; }
    .login .col-sm-6 + .col-sm-6 {
      border-left: 1px solid #eee; }
    .login .block .img {
      height: 83.33333333%; } }
  @media (max-width: 991px) {
    .login .nav-tabs {
      padding: 0px;
      border: none; }
      .login .nav-tabs a.nav-item, .login .nav-tabs a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-color: #ddd;
        font-family: "Poppins", sans-serif;
        height: 40px;
        border-radius: 0px;
        color: #666;
        letter-spacing: 0.5px;
        line-height: 0.875rem;
        text-align: center; }
        .login .nav-tabs a.nav-item:before, .login .nav-tabs a.nav-link:before {
          font-family: "Feather";
          font-size: 1.2rem;
          padding-right: 5px;
          color: #222;
          vertical-align: sub;
          font-weight: 400; }
      .login .nav-tabs a.nav-item.active, .login .nav-tabs a.nav-link.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c;
        color: #222; }
      .login .nav-tabs a.nav-item {
        width: 50%; }
      .login .nav-tabs .nav-item + .nav-item a {
        border-left: 0px; }
      .login .nav-tabs a.nav-link {
        width: 100%; }
      .login .nav-tabs a.nav-link.disabled {
        pointer-events: none; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .login .nav-tabs .nav-item a.nav-link {
      display: table-cell !important;
      vertical-align: middle; }
    .login .nav-tabs > .nav-item {
      width: 33.333333%;
      display: table; } }

  @media (max-width: 767px) {
    .login .block .img, .login .block .details {
      max-width: 100%; }
    .login .d-flex a.submit-btn:first-child {
      margin-right: 5px; }
    .login .d-flex a.submit-btn:last-child {
      margin-left: 5px; } }

.forgot form .links a {
  color: #222;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  line-height: 1rem;
  letter-spacing: 0.5px; }
  .forgot form .links a:after {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-left: 5px;
    left: 0px;
    font-weight: 400;
    content: "\e912";
    vertical-align: sub; }
  .forgot form .links a:hover {
    color: #214a8c; }
  .forgot form .links a:hover:after {
    left: 5px; }
.forgot form .links a {
  text-decoration: none; }
  .forgot form .links a:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e910"; }
  .forgot form .links a:after {
    content: none; }
  .forgot form .links a:hover:before {
    right: 5px; }

.b2c .login section, .b2b .login section {
  margin-bottom: 20px; }

.b2c .login .block .img, .b2c .login .block .details {
  display: none !important; }

.b2b .login .block .gridTable {
  display: none !important; }

.account {
  padding: 0px; }
  .account .header {
    margin-bottom: 20px;
    text-align: center; }
    .account .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .account .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .account .header.next-prev a.btn-sml:hover, .account .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .account .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .account .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .account .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .account section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .account section {
        margin: 15px auto; } }
  .account .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .account .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .account .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .account .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .account .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .account .header.next-prev .btn-sml i {
        font-size: 25px; }
      .account .header.next-prev .btn-sml span {
        display: none !important; }
    .account .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .account form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .account form .field-validation-error:not(.text-danger), .account form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .account form .field-validation-error:not(.text-danger) span, .account form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .account form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .account form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .account form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .account form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .account form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .account form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .account form .validation-summary-error ul li, .account form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .account form .validation-summary-error ul li:before, .account form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .account form .validation-summary-error ul li span, .account form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .account form .validation-summary-error ul li span + span:before, .account form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .account form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .account form .validation-summary-error ul li, .account form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .account form .validation-summary-error ul li, .account form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .account form .validation-summary-error ul li:before, .account form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .account form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .account form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .account form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .account form .validation-summary-success ul li, .account form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .account form .validation-summary-success ul li:before, .account form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .account form .validation-summary-success ul li span, .account form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .account form .validation-summary-success ul li span + span:before, .account form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .account form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .account form .validation-summary-success ul li, .account form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .account form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .account form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .account form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .account form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .account form .alert-success ul li, .account form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .account form .alert-success ul li:before, .account form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .account form .alert-success ul li span, .account form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .account form .alert-success ul li span + span:before, .account form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .account form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .account form .alert-success ul li, .account form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .account form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .account form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .account form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .account form .alert-success p {
            font-size: 0.8rem; }
          .account form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .account form .e-group {
      margin: 0px auto; }
    .account form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .account form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .account form .select {
      position: relative; }
      .account form .select label {
        display: inherit; }
        .account form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .account form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .account form input[type="number"], .account form input[type="number"]::-webkit-inner-spin-button, .account form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .account form select, .account form input, .account form button {
      height: 50px; }
    .account form select, .account form textarea, .account form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .account form select:focus, .account form textarea:focus, .account form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .account form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .account form p.center {
      text-align: center;
      line-height: 30px; }
    .account form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .account form p.mandatory, .account form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .account form p.mandatory span, .account form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .account form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .account form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .account form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .account form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .account form label.user:after {
      content: "\e9f1"; }
    .account form label.password:after {
      content: "\e987"; }
    .account form label.email:after {
      content: "\e98a"; }
    .account form label.search:after {
      content: "\e9c1"; }
    .account form label.box1:after {
      content: "\e9a2"; }
    .account form label.home:after {
      content: "\e979"; }
    .account form label.phone:after {
      content: "\e9a7"; }
    .account form label.mobile:after {
      content: "\e9d2"; }
    .account form label.flag:after {
      content: "\e967"; }
    .account form label.address:after {
      content: "\e98b"; }
    .account form label.postal:after {
      content: "\e98c"; }
    .account form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .account form label.doc1:after {
      content: "\e938"; }
    .account form label.hash:after {
      content: "\e975"; }
    .account form label.dollar:after {
      content: "\e954"; }
    .account form label.msg1:after {
      content: "\e990"; }
    .account form label.percent:after {
      content: "\e9a6"; }
    .account form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .account form .submit-btn:hover, .account form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .account form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .account form .submit-btn:focus {
        outline-style: none; }
    .account form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .account form .btn-sml:hover, .account form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .account form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .account form .btn-sml:focus {
        outline-style: none; }
    .account form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .account form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .account form .btn-red:hover, .account form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .account form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .account form .btn-dark:hover, .account form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .account form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .account form .btn-dark-bdr:hover, .account form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .account form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .account form .btn-darker-bdr:hover, .account form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .account form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .account form .btn-brand-bdr:hover, .account form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .account form input.disabled, .account form a.disabled, .account form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .account form input.input-validation-error, .account form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .account form .btn-sml.add-more {
      margin-left: 10px; }
      .account form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .account form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .account form .btn-sml.add-cart, .account form .btn-sml.add-more, .account form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .account form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .account form .add-more:hover, .account form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .account form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .account form .add-cart:hover, .account form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .account form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .account form .add-more.disabled, .account form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .account form .links {
      text-align: center; }
      .account form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .account form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .account form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .account form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .account form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .account form .e-row.deactive select, .account form .e-row.deactive textarea, .account form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .account form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .account form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .account form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .account form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .account form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .account form .duo input, .account form .duo a {
        margin: 0px; }
      .account form .duo input + a, .account form .duo input + input {
        margin-left: 20px; }
    .account form .uom-dpdn {
      position: relative; }
      .account form .uom-dpdn label {
        display: inherit; }
        .account form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .account form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .account form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .account form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .account form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .account form {
        margin: 10px auto; }
        .account form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .account form .e-row {
          margin-bottom: 20px; }
        .account form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .account form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .account form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .account form.search input, .account form.search button {
      border-radius: 0px;
      float: left; }
    .account form.search input:focus, .account form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .account form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .account form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .account form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .account form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .account form.search button {
        width: 40px; }
      .account form.search input, .account form.search button {
        height: 40px; }
      .account form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .account form.search input {
        width: calc(100% - 40px); } }
    .account form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .account form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .account form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .account form.search i {
        top: 7px; } }
  .account .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .account .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .account .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .account .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .account .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .account .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .account .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .account .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .account .custom-radiobox:hover p {
      color: #214a8c; }
    .account .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .account .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .account .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .account .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .account .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .account .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .account .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .account .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .account .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .account .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .account .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .account .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .account .custom-checkbox:hover p {
      color: #214a8c; }
    .account .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .account .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .account .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .account .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .account .custom-checkbox p span {
      line-height: 1.2; }
  .account a {
    color: #222; }
    .account a:hover {
      color: #214a8c !important; }
  .account .listing {
    clear: both;
    position: relative; }
    .account .listing .page-th > .col, .account .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .account .listing .page-th .price, .account .listing .page-th .qty, .account .listing .page .details .price, .account .listing .page .details .qty {
      text-align: right; }
    .account .listing .page-th .col.price, .account .listing .page-th .ordered, .account .listing .page .details .col.price, .account .listing .page .details .ordered {
      max-width: 13.33%; }
    .account .listing .page-th .inventory, .account .listing .page .details .inventory {
      max-width: 20%; }
    .account .listing .page-th .col.qty, .account .listing .page-th .col.total, .account .listing .page .details .col.qty, .account .listing .page .details .col.total {
      max-width: 16.666667%; }
    .account .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .account .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .account .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .account .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .account .listing .page > form {
      margin: 0px; }
    .account .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .account .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .account .listing .page .details .time, .account .listing .page .details .type {
        font-weight: 600; }
      .account .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .account .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .account .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .account .listing .page .details .submit input, .account .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .account .listing .page .details .submit input {
          padding: 3px 15px; }
        .account .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .account .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .account .listing .page .details + .actions a .fe-download, .account .listing .page .details + .actions a span, .account .listing .page .details + .sub-total .actions a .fe-download, .account .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .account .listing .summary .page-th > .col {
      text-align: left; }
    .account .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .account .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .account .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .account .listing .summary .page .details .eco .right {
        color: #10a700; }
      .account .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .account .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .account .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .account .listing .summary .page .details .total .left {
          font-weight: 600; }
        .account .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .account .listing .summary .page .details .sub-total .right, .account .listing .summary .page .details .items .right {
        color: #222; }
      .account .listing .summary .page .details .sub-total .right, .account .listing .summary .page .details .items .right, .account .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .account .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .account .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .account .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .account .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .account .listing .summary .page .details .e-row input[type="text"], .account .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .account .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .account .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .account .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .account .listing .summary .page .details .col.total {
        max-width: 100%; }
      .account .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .account .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .account .listing .summary .page .details.proceed .e-group, .account .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .account .listing .summary .page .details.proceed .e-group .add-cart, .account .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .account .listing .summary .page .details.proceed .e-group .add-more, .account .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .account .listing .summary .page .details.proceed .e-group .add-more i, .account .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .account .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .account .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .account .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .account .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .account .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .account .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .account .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .account .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .account .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .account .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .account .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .account .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .account .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .account .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .account .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .account .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .account .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .account .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .account .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .account .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .account .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .account .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .account .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .account .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .account .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .account .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .account .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .account .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .account .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .account .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .account .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .account .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .account .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .account .listing #accordion, .account .listing #braidAccordian {
      flex-wrap: wrap; }
      .account .listing #accordion .title-link, .account .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .account .listing #accordion .title-link .col, .account .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .account .listing #accordion .title-link.collapsed, .account .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .account .listing #accordion .title-link:after, .account .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .account .listing #accordion .title-link.collapsed:after, .account .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .account .listing #accordion .title-link + .collapse + .title-link, .account .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .account .listing #accordion .collapse:not(.show), .account .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .account .listing #accordion .details, .account .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .account .listing .td-1 {
      max-width: 8.33%; }
    .account .listing .td-2 {
      max-width: 16.666667%; }
    .account .listing .td-3 {
      max-width: 25%; }
    .account .listing .td-4 {
      max-width: 33.333333%; }
    .account .listing .td-5 {
      max-width: 41.666667%; }
    .account .listing .td-6 {
      max-width: 50%; }
    .account .listing .td-7 {
      max-width: 58.33%; }
    .account .listing .td-8 {
      max-width: 66.66%; }
    .account .listing .td-9 {
      max-width: 75%; }
    .account .listing .td-10 {
      max-width: 83.33333333%; }
    .account .listing .td-11 {
      max-width: 91.66666667%; }
    .account .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .account .listing .center {
      text-align: center; }
    .account .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .account .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .account .listing .col-9.left {
      padding-right: 20px; }
    .account .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .account .listing .actions .results {
        color: #222; }
        .account .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .account .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .account .listing .actions .search input, .account .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .account .listing .actions .search input:focus, .account .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .account .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .account .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .account .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .account .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .account .listing .actions .search button {
            width: 40px; }
          .account .listing .actions .search input, .account .listing .actions .search button {
            height: 40px; }
          .account .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .account .listing .actions .search input {
            width: calc(100% - 40px); } }
        .account .listing .actions .search input, .account .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .account .listing .actions .search input, .account .listing .actions .search button {
          height: 30px; }
        .account .listing .actions .search textarea {
          height: 50px; }
        .account .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .account .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .account .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .account .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .account .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .account .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .account .listing .actions .search:only-child {
        padding: 10px; }
      .account .listing .actions a.pdf-export, .account .listing .actions a.excel-export, .account .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .account .listing .actions a.pdf-export.active, .account .listing .actions a.excel-export.active, .account .listing .actions a.import-pro.active {
          color: #214a8c; }
          .account .listing .actions a.pdf-export.active:before, .account .listing .actions a.excel-export.active:before, .account .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .account .listing .actions #exportPdf, .account .listing .actions #exportExcel, .account .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .account .listing .actions #exportPdf form, .account .listing .actions #exportExcel form, .account .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .account .listing .actions #exportPdf form label, .account .listing .actions #exportExcel form label, .account .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .account .listing .actions #exportPdf form > div, .account .listing .actions #exportExcel form > div, .account .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .account .listing .actions #exportPdf form > div:not(.generate), .account .listing .actions #exportExcel form > div:not(.generate), .account .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .account .listing .actions #exportPdf form .left, .account .listing .actions #exportExcel form .left, .account .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .account .listing .actions #exportPdf form .right, .account .listing .actions #exportExcel form .right, .account .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .account .listing .actions #exportPdf form .attachment, .account .listing .actions #exportExcel form .attachment, .account .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .account .listing .actions #exportPdf form .attachment > div, .account .listing .actions #exportExcel form .attachment > div, .account .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .account .listing .actions #exportPdf form .attachment .col-3, .account .listing .actions #exportPdf form .attachment .col-9, .account .listing .actions #exportExcel form .attachment .col-3, .account .listing .actions #exportExcel form .attachment .col-9, .account .listing .actions #importPro form .attachment .col-3, .account .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .account .listing .actions #exportPdf form .attachment .col-3 > div, .account .listing .actions #exportPdf form .attachment .col-9 > div, .account .listing .actions #exportExcel form .attachment .col-3 > div, .account .listing .actions #exportExcel form .attachment .col-9 > div, .account .listing .actions #importPro form .attachment .col-3 > div, .account .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .account .listing .actions #exportPdf form .attachment .col-3 > label, .account .listing .actions #exportPdf form .attachment .col-9 > label, .account .listing .actions #exportExcel form .attachment .col-3 > label, .account .listing .actions #exportExcel form .attachment .col-9 > label, .account .listing .actions #importPro form .attachment .col-3 > label, .account .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .account .listing .actions #exportPdf form .attachment .col-3 p.supp, .account .listing .actions #exportPdf form .attachment .col-9 p.supp, .account .listing .actions #exportExcel form .attachment .col-3 p.supp, .account .listing .actions #exportExcel form .attachment .col-9 p.supp, .account .listing .actions #importPro form .attachment .col-3 p.supp, .account .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .account .listing .actions #exportPdf form .attachment .col-9, .account .listing .actions #exportExcel form .attachment .col-9, .account .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .account .listing .actions #exportPdf form .attachment .text, .account .listing .actions #exportPdf form .attachment .image, .account .listing .actions #exportExcel form .attachment .text, .account .listing .actions #exportExcel form .attachment .image, .account .listing .actions #importPro form .attachment .text, .account .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .account .listing .actions #exportPdf form .attachment .text p, .account .listing .actions #exportPdf form .attachment .image p, .account .listing .actions #exportExcel form .attachment .text p, .account .listing .actions #exportExcel form .attachment .image p, .account .listing .actions #importPro form .attachment .text p, .account .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .account .listing .actions #exportPdf form .attachment .image, .account .listing .actions #exportExcel form .attachment .image, .account .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .account .listing .actions #exportPdf form .attachment .image p, .account .listing .actions #exportExcel form .attachment .image p, .account .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .account .listing .actions #exportPdf form .attachment .image img, .account .listing .actions #exportExcel form .attachment .image img, .account .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .account .listing .actions #exportPdf form .attachment .btns, .account .listing .actions #exportExcel form .attachment .btns, .account .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .account .listing .actions #exportPdf form .attachment .btns i, .account .listing .actions #exportExcel form .attachment .btns i, .account .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .account .listing .actions #exportPdf form .attachment .btns a, .account .listing .actions #exportPdf form .attachment .btns input, .account .listing .actions #exportPdf form .attachment .btns button, .account .listing .actions #exportExcel form .attachment .btns a, .account .listing .actions #exportExcel form .attachment .btns input, .account .listing .actions #exportExcel form .attachment .btns button, .account .listing .actions #importPro form .attachment .btns a, .account .listing .actions #importPro form .attachment .btns input, .account .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .account .listing .actions #exportPdf form .attachment .btns a:focus, .account .listing .actions #exportPdf form .attachment .btns input:focus, .account .listing .actions #exportPdf form .attachment .btns button:focus, .account .listing .actions #exportExcel form .attachment .btns a:focus, .account .listing .actions #exportExcel form .attachment .btns input:focus, .account .listing .actions #exportExcel form .attachment .btns button:focus, .account .listing .actions #importPro form .attachment .btns a:focus, .account .listing .actions #importPro form .attachment .btns input:focus, .account .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .account .listing .actions #exportPdf form .attachment .btns a:hover, .account .listing .actions #exportPdf form .attachment .btns input:hover, .account .listing .actions #exportPdf form .attachment .btns button:hover, .account .listing .actions #exportExcel form .attachment .btns a:hover, .account .listing .actions #exportExcel form .attachment .btns input:hover, .account .listing .actions #exportExcel form .attachment .btns button:hover, .account .listing .actions #importPro form .attachment .btns a:hover, .account .listing .actions #importPro form .attachment .btns input:hover, .account .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .account .listing .actions #exportPdf form .attachment .btns button + button, .account .listing .actions #exportPdf form .attachment .btns a + a, .account .listing .actions #exportPdf form .attachment .btns input + input, .account .listing .actions #exportExcel form .attachment .btns button + button, .account .listing .actions #exportExcel form .attachment .btns a + a, .account .listing .actions #exportExcel form .attachment .btns input + input, .account .listing .actions #importPro form .attachment .btns button + button, .account .listing .actions #importPro form .attachment .btns a + a, .account .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .account .listing .actions #exportPdf form .attachment .btns .image, .account .listing .actions #exportExcel form .attachment .btns .image, .account .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .account .listing .actions #exportPdf form .attachment .btns .image > div, .account .listing .actions #exportExcel form .attachment .btns .image > div, .account .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .account .listing .actions #exportPdf form .address-list, .account .listing .actions #exportExcel form .address-list, .account .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .account .listing .actions #exportPdf form .address-list div, .account .listing .actions #exportExcel form .address-list div, .account .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .account .listing .actions #exportPdf form .address-list > div:not(.d-flex), .account .listing .actions #exportExcel form .address-list > div:not(.d-flex), .account .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .account .listing .actions #exportPdf form .address-list > .col-9 .col-4, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4, .account .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .account .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .account .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .account .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .account .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .account .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .account .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .account .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .account .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .account .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .account .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .account .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .account .listing .actions #exportPdf form .address-list .btn-block, .account .listing .actions #exportExcel form .address-list .btn-block, .account .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .account .listing .actions #exportPdf form .address-list .btn-block a, .account .listing .actions #exportExcel form .address-list .btn-block a, .account .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .account .listing .actions #exportPdf form .attachment, .account .listing .actions #exportPdf form .address-list, .account .listing .actions #exportExcel form .attachment, .account .listing .actions #exportExcel form .address-list, .account .listing .actions #importPro form .attachment, .account .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .account .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .account .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .account .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .account .listing .actions #exportPdf form .generate, .account .listing .actions #exportExcel form .generate, .account .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .account .listing .actions #exportPdf form .generate .btn-sml, .account .listing .actions #exportExcel form .generate .btn-sml, .account .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .account .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .account .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .account .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .account .listing .actions #exportPdf form .img, .account .listing .actions #exportExcel form .img, .account .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .account .listing .actions #exportPdf form .img .text p, .account .listing .actions #exportExcel form .img .text p, .account .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .account .listing .actions #exportPdf form .img p.supp, .account .listing .actions #exportExcel form .img p.supp, .account .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .account .listing .actions #exportPdf form .img img, .account .listing .actions #exportExcel form .img img, .account .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .account .listing .actions #exportPdf:not(.show), .account .listing .actions #exportExcel:not(.show), .account .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .account .listing .actions #exportPdf form > div, .account .listing .actions #exportExcel form > div, .account .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .account .listing .actions #exportPdf form .custom-checkbox, .account .listing .actions #exportExcel form .custom-checkbox, .account .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .account .listing .actions #exportPdf form .left, .account .listing .actions #exportPdf form .right, .account .listing .actions #exportExcel form .left, .account .listing .actions #exportExcel form .right, .account .listing .actions #importPro form .left, .account .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .account .listing .actions #exportPdf form .left, .account .listing .actions #exportExcel form .left, .account .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .account .listing .actions #exportPdf form .address-list, .account .listing .actions #exportExcel form .address-list, .account .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .account .listing .actions #exportPdf form label, .account .listing .actions #exportExcel form label, .account .listing .actions #importPro form label {
          justify-content: flex-start; }
        .account .listing .actions #exportPdf form .right, .account .listing .actions #exportExcel form .right, .account .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .account .listing .actions #exportPdf form .attachment, .account .listing .actions #exportExcel form .attachment, .account .listing .actions #importPro form .attachment {
          padding: 10px; }
          .account .listing .actions #exportPdf form .attachment .col-3, .account .listing .actions #exportPdf form .attachment .col-9, .account .listing .actions #exportExcel form .attachment .col-3, .account .listing .actions #exportExcel form .attachment .col-9, .account .listing .actions #importPro form .attachment .col-3, .account .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .account .listing .actions #exportPdf form .attachment .col-3, .account .listing .actions #exportExcel form .attachment .col-3, .account .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .account .listing .actions #exportPdf form .attachment .col-3 label, .account .listing .actions #exportPdf form .attachment .col-3 .image, .account .listing .actions #exportExcel form .attachment .col-3 label, .account .listing .actions #exportExcel form .attachment .col-3 .image, .account .listing .actions #importPro form .attachment .col-3 label, .account .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .account .listing .actions #exportPdf form .attachment .col-9, .account .listing .actions #exportExcel form .attachment .col-9, .account .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .account .listing .actions #exportPdf form .attachment .col-9 p.supp, .account .listing .actions #exportExcel form .attachment .col-9 p.supp, .account .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .account .listing .actions #exportPdf form .address-list .col-3, .account .listing .actions #exportExcel form .address-list .col-3, .account .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .account .listing .actions #exportPdf form .address-list .col-9, .account .listing .actions #exportExcel form .address-list .col-9, .account .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .account .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .account .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .account .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .account .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .account .listing .actions #importPro form .address-list > div:nth-of-type(1), .account .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .account .listing .actions #exportPdf form .img img, .account .listing .actions #exportExcel form .img img, .account .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .account .listing .actions #exportPdf .custom-checkbox .custom-check, .account .listing .actions #exportExcel .custom-checkbox .custom-check, .account .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .account .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .account .listing .actions form {
        margin: 0px; }
      .account .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .account .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .account .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .account .listing .actions .shared .email {
          display: flex; }
          .account .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .account .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .account .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .account .listing .actions .left, .account .listing .actions > .center, .account .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .account .listing .actions .right {
        margin-left: auto; }
      .account .listing .actions .action-link, .account .listing .actions .left > a, .account .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .account .listing .actions .action-link:hover, .account .listing .actions .left > a:hover, .account .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .account .listing .actions .action-link span, .account .listing .actions .left > a span, .account .listing .actions .right > a span {
          margin-left: 5px; }
        .account .listing .actions .action-link span:empty, .account .listing .actions .left > a span:empty, .account .listing .actions .right > a span:empty {
          display: none; }
      .account .listing .actions .action-link, .account .listing .actions a + a, .account .listing .actions .checkbox + a {
        margin-left: 20px; }
      .account .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .account .listing .actions .custom-checkbox p {
        color: #222; }
      .account .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .account .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .account .listing > .actions, .account .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .account .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .account .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .account .listing .actions {
        font-size: 0.8rem; }
        .account .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .account .listing .actions .left .action-link i {
          font-size: 1rem; }
        .account .listing .actions .left a.action-link, .account .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .account .listing .actions {
        justify-content: center; }
        .account .listing .actions .shared {
          top: calc(10px - 150px); }
        .account .listing .actions .action-link, .account .listing .actions a + a, .account .listing .actions .checkbox + a {
          margin-left: 15px; }
        .account .listing .actions > .right {
          justify-content: center; }
        .account .listing .actions .search + .right {
          margin-left: 0px; } }
    .account .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .account .listing .add-more[aria-expanded="true"]:hover, .account .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .account .listing .add-more[aria-expanded="true"]:hover i, .account .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .account .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .account .listing .add-more[aria-expanded="false"], .account .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .account .listing .add-more[aria-expanded="false"]:hover, .account .listing .add-more[aria-expanded="false"]:focus, .account .listing .add-more.collapsed:hover, .account .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .account .listing .add-more[aria-expanded="false"]:hover, .account .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .account .listing .add-more[aria-expanded="false"]:hover i, .account .listing .add-more.collapsed:hover i {
          color: #fff; }
    .account .listing .add-more.cancel:before {
      display: none; }
    .account .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .account .listing button.links, .account .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .account .listing button.links:hover, .account .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .account .listing a.plus i {
      font-size: 1rem; }
    .account .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .account .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .account .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .account .listing .custom-radiobox:not(:last-of-type), .account .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .account .listing .ship-when > p, .account .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .account .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .account .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .account .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .account .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .account .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .account .listing .day-time span {
      font-weight: 600; }
    .account .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .account .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .account .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .account .listing .sub-total.btm > div, .account .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .account .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .account .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .account .listing .sub-header {
      clear: both;
      padding: 0px; }
      .account .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .account .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .account .listing .sub-header .title {
        margin-bottom: 0px; }
        .account .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .account .listing .page + .sub-header {
      margin-top: 40px; }
      .account .listing .page + .sub-header .title {
        flex-basis: content; }
    .account .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .account .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .account .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .account .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .account .listing div.alert-warning p {
            font-size: 0.8rem; }
          .account .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .account .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .account .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .account .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .account .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .account .listing div.alert-danger p {
            font-size: 0.8rem; }
          .account .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .account .listing .col-9 > .page {
        min-height: 500px; }
      .account .listing .page .details .submit input:hover, .account .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .account .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .account .listing .page .details .submit button {
          width: 25px; }
      .account .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .account .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .account .listing .col-9.left .page-th {
          display: none !important; }
        .account .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .account .listing .sub-header {
        flex-wrap: wrap; }
        .account .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .account .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .account .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .account .listing > .d-flex {
        flex-wrap: wrap; }
      .account .listing .col-12.left .page-th, .account .listing .col-9.left .page-th {
        display: none !important; }
      .account .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .account .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .account .listing .page .details .time, .account .listing .page .details .type {
        color: #666; }
      .account .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .account .listing .col-12.left, .account .listing .col-3.right, .account .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .account .listing .summary {
        margin-top: 15px; }
        .account .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .account .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .account .listing .left form {
      margin-bottom: 0px; }
    .account .listing .sub-header form {
      margin: 0px; }
    .account .listing .page .details {
      min-height: 50px; }
      .account .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .account .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .account .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .account .listing .page .details .icon a, .account .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .account .listing .page .details .icon a:hover, .account .listing .page .details .icon button:hover {
          color: #214a8c; }
      .account .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .account .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .account .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .account .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .account .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .account .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .account .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .account .address-manually + .forms .td-6, .account .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .account .address-manually + .forms .td-2, .account .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .account .address-manually + .forms .td-2 ~ .e-row, .account .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .account .address-manually + .forms .td-2 ~ .dynamic, .account .address-manually + .forms .td-2 ~ .manual-add, .account .forms .new-address .td-2 ~ .dynamic, .account .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .account .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .account .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .account .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .account .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .account .address-manually + .forms .e-row.manual-add, .account .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .account .address-manually + .forms .td-6, .account .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .account .address-manually + .forms .td-2, .account .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .account .address-manually + .forms .td-2 ~ .e-row, .account .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .account .address-manually + .forms .td-2 ~ .dynamic, .account .address-manually + .forms .td-2 ~ .manual-add, .account .forms .new-address .td-2 ~ .dynamic, .account .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .account .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .account .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .account .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .account .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .account .address-manually + .forms .td-2 ~ .dynamic, .account .address-manually + .forms .td-2 ~ .manual-add, .account .forms .new-address .td-2 ~ .dynamic, .account .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .account .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .account .listing .page .details .icon a, .account .listing .page .details .icon button {
      display: flex; }
    .account .listing .btn-block {
      justify-content: center; } }
  .account .listing .page-th .col:nth-last-child(2), .account .listing .page .col:nth-last-child(2) {
    text-align: center; }
  .account .listing .page-th .details, .account .listing .page .details {
    border-bottom: 1px solid #ddd; }
  .account .back {
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block; }
  @media (min-width: 768px) {
    .account section {
      margin-top: 30px; }
    .account .back {
      position: absolute;
      top: -30px; } }
  @media (max-width: 767px) {
    .account .listing {
      color: #666;
      font-size: 0.875rem; }
      .account .listing .page {
        border-top: 1px solid #666; }
        .account .listing .page .details {
          padding: 5px 0px; }
          .account .listing .page .details .col {
            max-width: 100%;
            flex: 0 0 100%;
            justify-content: flex-start;
            align-items: flex-start; }
      .account .listing .page-th {
        display: none !important; }
      .account .listing .page .details .col span._labels {
        display: block !important;
        font-weight: 400; }
    .account .back {
      text-align: center;
      margin-bottom: 10px;
      display: block; } }

.address-list {
  padding: 0px; }
  .address-list .header {
    margin-bottom: 20px;
    text-align: center; }
    .address-list .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .address-list .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .address-list .header.next-prev a.btn-sml:hover, .address-list .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .address-list .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .address-list .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .address-list .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .address-list section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .address-list section {
        margin: 15px auto; } }
  .address-list .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .address-list .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .address-list .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .address-list .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .address-list .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .address-list .header.next-prev .btn-sml i {
        font-size: 25px; }
      .address-list .header.next-prev .btn-sml span {
        display: none !important; }
    .address-list .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .address-list form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .address-list form .field-validation-error:not(.text-danger), .address-list form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .address-list form .field-validation-error:not(.text-danger) span, .address-list form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .address-list form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .address-list form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .address-list form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .address-list form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .address-list form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .address-list form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .address-list form .validation-summary-error ul li, .address-list form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .address-list form .validation-summary-error ul li:before, .address-list form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .address-list form .validation-summary-error ul li span, .address-list form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .address-list form .validation-summary-error ul li span + span:before, .address-list form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .address-list form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .address-list form .validation-summary-error ul li, .address-list form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .address-list form .validation-summary-error ul li, .address-list form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .address-list form .validation-summary-error ul li:before, .address-list form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .address-list form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .address-list form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .address-list form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .address-list form .validation-summary-success ul li, .address-list form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .address-list form .validation-summary-success ul li:before, .address-list form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .address-list form .validation-summary-success ul li span, .address-list form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .address-list form .validation-summary-success ul li span + span:before, .address-list form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .address-list form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .address-list form .validation-summary-success ul li, .address-list form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .address-list form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .address-list form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .address-list form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .address-list form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .address-list form .alert-success ul li, .address-list form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .address-list form .alert-success ul li:before, .address-list form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .address-list form .alert-success ul li span, .address-list form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .address-list form .alert-success ul li span + span:before, .address-list form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .address-list form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .address-list form .alert-success ul li, .address-list form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .address-list form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .address-list form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .address-list form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .address-list form .alert-success p {
            font-size: 0.8rem; }
          .address-list form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .address-list form .e-group {
      margin: 0px auto; }
    .address-list form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .address-list form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .address-list form .select {
      position: relative; }
      .address-list form .select label {
        display: inherit; }
        .address-list form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .address-list form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .address-list form input[type="number"], .address-list form input[type="number"]::-webkit-inner-spin-button, .address-list form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .address-list form select, .address-list form input, .address-list form button {
      height: 50px; }
    .address-list form select, .address-list form textarea, .address-list form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .address-list form select:focus, .address-list form textarea:focus, .address-list form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .address-list form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .address-list form p.center {
      text-align: center;
      line-height: 30px; }
    .address-list form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .address-list form p.mandatory, .address-list form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .address-list form p.mandatory span, .address-list form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .address-list form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .address-list form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .address-list form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .address-list form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .address-list form label.user:after {
      content: "\e9f1"; }
    .address-list form label.password:after {
      content: "\e987"; }
    .address-list form label.email:after {
      content: "\e98a"; }
    .address-list form label.search:after {
      content: "\e9c1"; }
    .address-list form label.box1:after {
      content: "\e9a2"; }
    .address-list form label.home:after {
      content: "\e979"; }
    .address-list form label.phone:after {
      content: "\e9a7"; }
    .address-list form label.mobile:after {
      content: "\e9d2"; }
    .address-list form label.flag:after {
      content: "\e967"; }
    .address-list form label.address:after {
      content: "\e98b"; }
    .address-list form label.postal:after {
      content: "\e98c"; }
    .address-list form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .address-list form label.doc1:after {
      content: "\e938"; }
    .address-list form label.hash:after {
      content: "\e975"; }
    .address-list form label.dollar:after {
      content: "\e954"; }
    .address-list form label.msg1:after {
      content: "\e990"; }
    .address-list form label.percent:after {
      content: "\e9a6"; }
    .address-list form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .address-list form .submit-btn:hover, .address-list form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .address-list form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .address-list form .submit-btn:focus {
        outline-style: none; }
    .address-list form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .address-list form .btn-sml:hover, .address-list form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .address-list form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .address-list form .btn-sml:focus {
        outline-style: none; }
    .address-list form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .address-list form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .address-list form .btn-red:hover, .address-list form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .address-list form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .address-list form .btn-dark:hover, .address-list form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .address-list form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .address-list form .btn-dark-bdr:hover, .address-list form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .address-list form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .address-list form .btn-darker-bdr:hover, .address-list form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .address-list form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .address-list form .btn-brand-bdr:hover, .address-list form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .address-list form input.disabled, .address-list form a.disabled, .address-list form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .address-list form input.input-validation-error, .address-list form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .address-list form .btn-sml.add-more {
      margin-left: 10px; }
      .address-list form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .address-list form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .address-list form .btn-sml.add-cart, .address-list form .btn-sml.add-more, .address-list form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .address-list form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .address-list form .add-more:hover, .address-list form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .address-list form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .address-list form .add-cart:hover, .address-list form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .address-list form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .address-list form .add-more.disabled, .address-list form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .address-list form .links {
      text-align: center; }
      .address-list form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .address-list form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .address-list form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .address-list form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .address-list form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .address-list form .e-row.deactive select, .address-list form .e-row.deactive textarea, .address-list form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .address-list form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .address-list form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .address-list form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .address-list form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .address-list form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .address-list form .duo input, .address-list form .duo a {
        margin: 0px; }
      .address-list form .duo input + a, .address-list form .duo input + input {
        margin-left: 20px; }
    .address-list form .uom-dpdn {
      position: relative; }
      .address-list form .uom-dpdn label {
        display: inherit; }
        .address-list form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .address-list form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .address-list form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .address-list form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .address-list form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .address-list form {
        margin: 10px auto; }
        .address-list form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .address-list form .e-row {
          margin-bottom: 20px; }
        .address-list form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .address-list form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .address-list form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .address-list form.search input, .address-list form.search button {
      border-radius: 0px;
      float: left; }
    .address-list form.search input:focus, .address-list form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .address-list form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .address-list form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .address-list form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .address-list form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .address-list form.search button {
        width: 40px; }
      .address-list form.search input, .address-list form.search button {
        height: 40px; }
      .address-list form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .address-list form.search input {
        width: calc(100% - 40px); } }
    .address-list form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .address-list form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .address-list form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .address-list form.search i {
        top: 7px; } }
  .address-list .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .address-list .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .address-list .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .address-list .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .address-list .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .address-list .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .address-list .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .address-list .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .address-list .custom-radiobox:hover p {
      color: #214a8c; }
    .address-list .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .address-list .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .address-list .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .address-list .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .address-list .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .address-list .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .address-list .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .address-list .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .address-list .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .address-list .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .address-list .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .address-list .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .address-list .custom-checkbox:hover p {
      color: #214a8c; }
    .address-list .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .address-list .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .address-list .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .address-list .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .address-list .custom-checkbox p span {
      line-height: 1.2; }
  .address-list a {
    color: #222; }
    .address-list a:hover {
      color: #214a8c !important; }
  .address-list .listing {
    clear: both;
    position: relative; }
    .address-list .listing .page-th > .col, .address-list .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .address-list .listing .page-th .price, .address-list .listing .page-th .qty, .address-list .listing .page .details .price, .address-list .listing .page .details .qty {
      text-align: right; }
    .address-list .listing .page-th .col.price, .address-list .listing .page-th .ordered, .address-list .listing .page .details .col.price, .address-list .listing .page .details .ordered {
      max-width: 13.33%; }
    .address-list .listing .page-th .inventory, .address-list .listing .page .details .inventory {
      max-width: 20%; }
    .address-list .listing .page-th .col.qty, .address-list .listing .page-th .col.total, .address-list .listing .page .details .col.qty, .address-list .listing .page .details .col.total {
      max-width: 16.666667%; }
    .address-list .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .address-list .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .address-list .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .address-list .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .address-list .listing .page > form {
      margin: 0px; }
    .address-list .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .address-list .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .address-list .listing .page .details .time, .address-list .listing .page .details .type {
        font-weight: 600; }
      .address-list .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .address-list .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .address-list .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .address-list .listing .page .details .submit input, .address-list .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .address-list .listing .page .details .submit input {
          padding: 3px 15px; }
        .address-list .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .address-list .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .address-list .listing .page .details + .actions a .fe-download, .address-list .listing .page .details + .actions a span, .address-list .listing .page .details + .sub-total .actions a .fe-download, .address-list .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .address-list .listing .summary .page-th > .col {
      text-align: left; }
    .address-list .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .address-list .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .address-list .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .address-list .listing .summary .page .details .eco .right {
        color: #10a700; }
      .address-list .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .address-list .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .address-list .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .address-list .listing .summary .page .details .total .left {
          font-weight: 600; }
        .address-list .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .address-list .listing .summary .page .details .sub-total .right, .address-list .listing .summary .page .details .items .right {
        color: #222; }
      .address-list .listing .summary .page .details .sub-total .right, .address-list .listing .summary .page .details .items .right, .address-list .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .address-list .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .address-list .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .address-list .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .address-list .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .address-list .listing .summary .page .details .e-row input[type="text"], .address-list .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .address-list .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .address-list .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .address-list .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .address-list .listing .summary .page .details .col.total {
        max-width: 100%; }
      .address-list .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .address-list .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .address-list .listing .summary .page .details.proceed .e-group, .address-list .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .address-list .listing .summary .page .details.proceed .e-group .add-cart, .address-list .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .address-list .listing .summary .page .details.proceed .e-group .add-more, .address-list .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .address-list .listing .summary .page .details.proceed .e-group .add-more i, .address-list .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .address-list .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .address-list .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .address-list .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .address-list .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .address-list .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .address-list .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .address-list .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .address-list .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .address-list .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .address-list .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .address-list .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .address-list .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .address-list .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .address-list .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .address-list .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .address-list .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .address-list .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .address-list .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .address-list .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .address-list .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .address-list .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .address-list .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .address-list .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .address-list .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .address-list .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .address-list .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .address-list .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .address-list .listing #accordion, .address-list .listing #braidAccordian {
      flex-wrap: wrap; }
      .address-list .listing #accordion .title-link, .address-list .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .address-list .listing #accordion .title-link .col, .address-list .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .address-list .listing #accordion .title-link.collapsed, .address-list .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .address-list .listing #accordion .title-link:after, .address-list .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .address-list .listing #accordion .title-link.collapsed:after, .address-list .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .address-list .listing #accordion .title-link + .collapse + .title-link, .address-list .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .address-list .listing #accordion .collapse:not(.show), .address-list .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .address-list .listing #accordion .details, .address-list .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .address-list .listing .td-1 {
      max-width: 8.33%; }
    .address-list .listing .td-2 {
      max-width: 16.666667%; }
    .address-list .listing .td-3 {
      max-width: 25%; }
    .address-list .listing .td-4 {
      max-width: 33.333333%; }
    .address-list .listing .td-5 {
      max-width: 41.666667%; }
    .address-list .listing .td-6 {
      max-width: 50%; }
    .address-list .listing .td-7 {
      max-width: 58.33%; }
    .address-list .listing .td-8 {
      max-width: 66.66%; }
    .address-list .listing .td-9 {
      max-width: 75%; }
    .address-list .listing .td-10 {
      max-width: 83.33333333%; }
    .address-list .listing .td-11 {
      max-width: 91.66666667%; }
    .address-list .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .address-list .listing .center {
      text-align: center; }
    .address-list .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .address-list .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .address-list .listing .col-9.left {
      padding-right: 20px; }
    .address-list .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .address-list .listing .actions .results {
        color: #222; }
        .address-list .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .address-list .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .address-list .listing .actions .search input, .address-list .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .address-list .listing .actions .search input:focus, .address-list .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .address-list .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .address-list .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .address-list .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .address-list .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .address-list .listing .actions .search button {
            width: 40px; }
          .address-list .listing .actions .search input, .address-list .listing .actions .search button {
            height: 40px; }
          .address-list .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .address-list .listing .actions .search input {
            width: calc(100% - 40px); } }
        .address-list .listing .actions .search input, .address-list .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .address-list .listing .actions .search input, .address-list .listing .actions .search button {
          height: 30px; }
        .address-list .listing .actions .search textarea {
          height: 50px; }
        .address-list .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .address-list .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .address-list .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .address-list .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .address-list .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .address-list .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .address-list .listing .actions .search:only-child {
        padding: 10px; }
      .address-list .listing .actions a.pdf-export, .address-list .listing .actions a.excel-export, .address-list .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .address-list .listing .actions a.pdf-export.active, .address-list .listing .actions a.excel-export.active, .address-list .listing .actions a.import-pro.active {
          color: #214a8c; }
          .address-list .listing .actions a.pdf-export.active:before, .address-list .listing .actions a.excel-export.active:before, .address-list .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .address-list .listing .actions #exportPdf, .address-list .listing .actions #exportExcel, .address-list .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .address-list .listing .actions #exportPdf form, .address-list .listing .actions #exportExcel form, .address-list .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .address-list .listing .actions #exportPdf form label, .address-list .listing .actions #exportExcel form label, .address-list .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .address-list .listing .actions #exportPdf form > div, .address-list .listing .actions #exportExcel form > div, .address-list .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .address-list .listing .actions #exportPdf form > div:not(.generate), .address-list .listing .actions #exportExcel form > div:not(.generate), .address-list .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .address-list .listing .actions #exportPdf form .left, .address-list .listing .actions #exportExcel form .left, .address-list .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .address-list .listing .actions #exportPdf form .right, .address-list .listing .actions #exportExcel form .right, .address-list .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .address-list .listing .actions #exportPdf form .attachment, .address-list .listing .actions #exportExcel form .attachment, .address-list .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .address-list .listing .actions #exportPdf form .attachment > div, .address-list .listing .actions #exportExcel form .attachment > div, .address-list .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .address-list .listing .actions #exportPdf form .attachment .col-3, .address-list .listing .actions #exportPdf form .attachment .col-9, .address-list .listing .actions #exportExcel form .attachment .col-3, .address-list .listing .actions #exportExcel form .attachment .col-9, .address-list .listing .actions #importPro form .attachment .col-3, .address-list .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .address-list .listing .actions #exportPdf form .attachment .col-3 > div, .address-list .listing .actions #exportPdf form .attachment .col-9 > div, .address-list .listing .actions #exportExcel form .attachment .col-3 > div, .address-list .listing .actions #exportExcel form .attachment .col-9 > div, .address-list .listing .actions #importPro form .attachment .col-3 > div, .address-list .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .address-list .listing .actions #exportPdf form .attachment .col-3 > label, .address-list .listing .actions #exportPdf form .attachment .col-9 > label, .address-list .listing .actions #exportExcel form .attachment .col-3 > label, .address-list .listing .actions #exportExcel form .attachment .col-9 > label, .address-list .listing .actions #importPro form .attachment .col-3 > label, .address-list .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .address-list .listing .actions #exportPdf form .attachment .col-3 p.supp, .address-list .listing .actions #exportPdf form .attachment .col-9 p.supp, .address-list .listing .actions #exportExcel form .attachment .col-3 p.supp, .address-list .listing .actions #exportExcel form .attachment .col-9 p.supp, .address-list .listing .actions #importPro form .attachment .col-3 p.supp, .address-list .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .address-list .listing .actions #exportPdf form .attachment .col-9, .address-list .listing .actions #exportExcel form .attachment .col-9, .address-list .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .address-list .listing .actions #exportPdf form .attachment .text, .address-list .listing .actions #exportPdf form .attachment .image, .address-list .listing .actions #exportExcel form .attachment .text, .address-list .listing .actions #exportExcel form .attachment .image, .address-list .listing .actions #importPro form .attachment .text, .address-list .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .address-list .listing .actions #exportPdf form .attachment .text p, .address-list .listing .actions #exportPdf form .attachment .image p, .address-list .listing .actions #exportExcel form .attachment .text p, .address-list .listing .actions #exportExcel form .attachment .image p, .address-list .listing .actions #importPro form .attachment .text p, .address-list .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .address-list .listing .actions #exportPdf form .attachment .image, .address-list .listing .actions #exportExcel form .attachment .image, .address-list .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .address-list .listing .actions #exportPdf form .attachment .image p, .address-list .listing .actions #exportExcel form .attachment .image p, .address-list .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .address-list .listing .actions #exportPdf form .attachment .image img, .address-list .listing .actions #exportExcel form .attachment .image img, .address-list .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .address-list .listing .actions #exportPdf form .attachment .btns, .address-list .listing .actions #exportExcel form .attachment .btns, .address-list .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .address-list .listing .actions #exportPdf form .attachment .btns i, .address-list .listing .actions #exportExcel form .attachment .btns i, .address-list .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .address-list .listing .actions #exportPdf form .attachment .btns a, .address-list .listing .actions #exportPdf form .attachment .btns input, .address-list .listing .actions #exportPdf form .attachment .btns button, .address-list .listing .actions #exportExcel form .attachment .btns a, .address-list .listing .actions #exportExcel form .attachment .btns input, .address-list .listing .actions #exportExcel form .attachment .btns button, .address-list .listing .actions #importPro form .attachment .btns a, .address-list .listing .actions #importPro form .attachment .btns input, .address-list .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .address-list .listing .actions #exportPdf form .attachment .btns a:focus, .address-list .listing .actions #exportPdf form .attachment .btns input:focus, .address-list .listing .actions #exportPdf form .attachment .btns button:focus, .address-list .listing .actions #exportExcel form .attachment .btns a:focus, .address-list .listing .actions #exportExcel form .attachment .btns input:focus, .address-list .listing .actions #exportExcel form .attachment .btns button:focus, .address-list .listing .actions #importPro form .attachment .btns a:focus, .address-list .listing .actions #importPro form .attachment .btns input:focus, .address-list .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .address-list .listing .actions #exportPdf form .attachment .btns a:hover, .address-list .listing .actions #exportPdf form .attachment .btns input:hover, .address-list .listing .actions #exportPdf form .attachment .btns button:hover, .address-list .listing .actions #exportExcel form .attachment .btns a:hover, .address-list .listing .actions #exportExcel form .attachment .btns input:hover, .address-list .listing .actions #exportExcel form .attachment .btns button:hover, .address-list .listing .actions #importPro form .attachment .btns a:hover, .address-list .listing .actions #importPro form .attachment .btns input:hover, .address-list .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .address-list .listing .actions #exportPdf form .attachment .btns button + button, .address-list .listing .actions #exportPdf form .attachment .btns a + a, .address-list .listing .actions #exportPdf form .attachment .btns input + input, .address-list .listing .actions #exportExcel form .attachment .btns button + button, .address-list .listing .actions #exportExcel form .attachment .btns a + a, .address-list .listing .actions #exportExcel form .attachment .btns input + input, .address-list .listing .actions #importPro form .attachment .btns button + button, .address-list .listing .actions #importPro form .attachment .btns a + a, .address-list .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .address-list .listing .actions #exportPdf form .attachment .btns .image, .address-list .listing .actions #exportExcel form .attachment .btns .image, .address-list .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .address-list .listing .actions #exportPdf form .attachment .btns .image > div, .address-list .listing .actions #exportExcel form .attachment .btns .image > div, .address-list .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .address-list .listing .actions #exportPdf form .address-list, .address-list .listing .actions #exportExcel form .address-list, .address-list .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .address-list .listing .actions #exportPdf form .address-list div, .address-list .listing .actions #exportExcel form .address-list div, .address-list .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .address-list .listing .actions #exportPdf form .address-list > div:not(.d-flex), .address-list .listing .actions #exportExcel form .address-list > div:not(.d-flex), .address-list .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .address-list .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .address-list .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .address-list .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .address-list .listing .actions #exportPdf form .address-list .btn-block, .address-list .listing .actions #exportExcel form .address-list .btn-block, .address-list .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .address-list .listing .actions #exportPdf form .address-list .btn-block a, .address-list .listing .actions #exportExcel form .address-list .btn-block a, .address-list .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .address-list .listing .actions #exportPdf form .attachment, .address-list .listing .actions #exportPdf form .address-list, .address-list .listing .actions #exportExcel form .attachment, .address-list .listing .actions #exportExcel form .address-list, .address-list .listing .actions #importPro form .attachment, .address-list .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .address-list .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .address-list .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .address-list .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .address-list .listing .actions #exportPdf form .generate, .address-list .listing .actions #exportExcel form .generate, .address-list .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .address-list .listing .actions #exportPdf form .generate .btn-sml, .address-list .listing .actions #exportExcel form .generate .btn-sml, .address-list .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .address-list .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .address-list .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .address-list .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .address-list .listing .actions #exportPdf form .img, .address-list .listing .actions #exportExcel form .img, .address-list .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .address-list .listing .actions #exportPdf form .img .text p, .address-list .listing .actions #exportExcel form .img .text p, .address-list .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .address-list .listing .actions #exportPdf form .img p.supp, .address-list .listing .actions #exportExcel form .img p.supp, .address-list .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .address-list .listing .actions #exportPdf form .img img, .address-list .listing .actions #exportExcel form .img img, .address-list .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .address-list .listing .actions #exportPdf:not(.show), .address-list .listing .actions #exportExcel:not(.show), .address-list .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .address-list .listing .actions #exportPdf form > div, .address-list .listing .actions #exportExcel form > div, .address-list .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .address-list .listing .actions #exportPdf form .custom-checkbox, .address-list .listing .actions #exportExcel form .custom-checkbox, .address-list .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .address-list .listing .actions #exportPdf form .left, .address-list .listing .actions #exportPdf form .right, .address-list .listing .actions #exportExcel form .left, .address-list .listing .actions #exportExcel form .right, .address-list .listing .actions #importPro form .left, .address-list .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .address-list .listing .actions #exportPdf form .left, .address-list .listing .actions #exportExcel form .left, .address-list .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .address-list .listing .actions #exportPdf form .address-list, .address-list .listing .actions #exportExcel form .address-list, .address-list .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .address-list .listing .actions #exportPdf form label, .address-list .listing .actions #exportExcel form label, .address-list .listing .actions #importPro form label {
          justify-content: flex-start; }
        .address-list .listing .actions #exportPdf form .right, .address-list .listing .actions #exportExcel form .right, .address-list .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .address-list .listing .actions #exportPdf form .attachment, .address-list .listing .actions #exportExcel form .attachment, .address-list .listing .actions #importPro form .attachment {
          padding: 10px; }
          .address-list .listing .actions #exportPdf form .attachment .col-3, .address-list .listing .actions #exportPdf form .attachment .col-9, .address-list .listing .actions #exportExcel form .attachment .col-3, .address-list .listing .actions #exportExcel form .attachment .col-9, .address-list .listing .actions #importPro form .attachment .col-3, .address-list .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .address-list .listing .actions #exportPdf form .attachment .col-3, .address-list .listing .actions #exportExcel form .attachment .col-3, .address-list .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .address-list .listing .actions #exportPdf form .attachment .col-3 label, .address-list .listing .actions #exportPdf form .attachment .col-3 .image, .address-list .listing .actions #exportExcel form .attachment .col-3 label, .address-list .listing .actions #exportExcel form .attachment .col-3 .image, .address-list .listing .actions #importPro form .attachment .col-3 label, .address-list .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .address-list .listing .actions #exportPdf form .attachment .col-9, .address-list .listing .actions #exportExcel form .attachment .col-9, .address-list .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .address-list .listing .actions #exportPdf form .attachment .col-9 p.supp, .address-list .listing .actions #exportExcel form .attachment .col-9 p.supp, .address-list .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .address-list .listing .actions #exportPdf form .address-list .col-3, .address-list .listing .actions #exportExcel form .address-list .col-3, .address-list .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .address-list .listing .actions #exportPdf form .address-list .col-9, .address-list .listing .actions #exportExcel form .address-list .col-9, .address-list .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .address-list .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .address-list .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .address-list .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .address-list .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .address-list .listing .actions #importPro form .address-list > div:nth-of-type(1), .address-list .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .address-list .listing .actions #exportPdf form .img img, .address-list .listing .actions #exportExcel form .img img, .address-list .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .address-list .listing .actions #exportPdf .custom-checkbox .custom-check, .address-list .listing .actions #exportExcel .custom-checkbox .custom-check, .address-list .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .address-list .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .address-list .listing .actions form {
        margin: 0px; }
      .address-list .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .address-list .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .address-list .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .address-list .listing .actions .shared .email {
          display: flex; }
          .address-list .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .address-list .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .address-list .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .address-list .listing .actions .left, .address-list .listing .actions > .center, .address-list .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .address-list .listing .actions .right {
        margin-left: auto; }
      .address-list .listing .actions .action-link, .address-list .listing .actions .left > a, .address-list .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .address-list .listing .actions .action-link:hover, .address-list .listing .actions .left > a:hover, .address-list .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .address-list .listing .actions .action-link span, .address-list .listing .actions .left > a span, .address-list .listing .actions .right > a span {
          margin-left: 5px; }
        .address-list .listing .actions .action-link span:empty, .address-list .listing .actions .left > a span:empty, .address-list .listing .actions .right > a span:empty {
          display: none; }
      .address-list .listing .actions .action-link, .address-list .listing .actions a + a, .address-list .listing .actions .checkbox + a {
        margin-left: 20px; }
      .address-list .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .address-list .listing .actions .custom-checkbox p {
        color: #222; }
      .address-list .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .address-list .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .address-list .listing > .actions, .address-list .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .address-list .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .address-list .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .address-list .listing .actions {
        font-size: 0.8rem; }
        .address-list .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .address-list .listing .actions .left .action-link i {
          font-size: 1rem; }
        .address-list .listing .actions .left a.action-link, .address-list .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .address-list .listing .actions {
        justify-content: center; }
        .address-list .listing .actions .shared {
          top: calc(10px - 150px); }
        .address-list .listing .actions .action-link, .address-list .listing .actions a + a, .address-list .listing .actions .checkbox + a {
          margin-left: 15px; }
        .address-list .listing .actions > .right {
          justify-content: center; }
        .address-list .listing .actions .search + .right {
          margin-left: 0px; } }
    .address-list .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .address-list .listing .add-more[aria-expanded="true"]:hover, .address-list .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .address-list .listing .add-more[aria-expanded="true"]:hover i, .address-list .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .address-list .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .address-list .listing .add-more[aria-expanded="false"], .address-list .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .address-list .listing .add-more[aria-expanded="false"]:hover, .address-list .listing .add-more[aria-expanded="false"]:focus, .address-list .listing .add-more.collapsed:hover, .address-list .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .address-list .listing .add-more[aria-expanded="false"]:hover, .address-list .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .address-list .listing .add-more[aria-expanded="false"]:hover i, .address-list .listing .add-more.collapsed:hover i {
          color: #fff; }
    .address-list .listing .add-more.cancel:before {
      display: none; }
    .address-list .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .address-list .listing button.links, .address-list .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .address-list .listing button.links:hover, .address-list .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .address-list .listing a.plus i {
      font-size: 1rem; }
    .address-list .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .address-list .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .address-list .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .address-list .listing .custom-radiobox:not(:last-of-type), .address-list .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .address-list .listing .ship-when > p, .address-list .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .address-list .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .address-list .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .address-list .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .address-list .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .address-list .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .address-list .listing .day-time span {
      font-weight: 600; }
    .address-list .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .address-list .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .address-list .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .address-list .listing .sub-total.btm > div, .address-list .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .address-list .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .address-list .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .address-list .listing .sub-header {
      clear: both;
      padding: 0px; }
      .address-list .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .address-list .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .address-list .listing .sub-header .title {
        margin-bottom: 0px; }
        .address-list .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .address-list .listing .page + .sub-header {
      margin-top: 40px; }
      .address-list .listing .page + .sub-header .title {
        flex-basis: content; }
    .address-list .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .address-list .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .address-list .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .address-list .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .address-list .listing div.alert-warning p {
            font-size: 0.8rem; }
          .address-list .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .address-list .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .address-list .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .address-list .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .address-list .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .address-list .listing div.alert-danger p {
            font-size: 0.8rem; }
          .address-list .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .address-list .listing .col-9 > .page {
        min-height: 500px; }
      .address-list .listing .page .details .submit input:hover, .address-list .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .address-list .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .address-list .listing .page .details .submit button {
          width: 25px; }
      .address-list .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .address-list .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .address-list .listing .col-9.left .page-th {
          display: none !important; }
        .address-list .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .address-list .listing .sub-header {
        flex-wrap: wrap; }
        .address-list .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .address-list .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .address-list .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .address-list .listing > .d-flex {
        flex-wrap: wrap; }
      .address-list .listing .col-12.left .page-th, .address-list .listing .col-9.left .page-th {
        display: none !important; }
      .address-list .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .address-list .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .address-list .listing .page .details .time, .address-list .listing .page .details .type {
        color: #666; }
      .address-list .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .address-list .listing .col-12.left, .address-list .listing .col-3.right, .address-list .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .address-list .listing .summary {
        margin-top: 15px; }
        .address-list .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .address-list .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .address-list .listing .left form {
      margin-bottom: 0px; }
    .address-list .listing .sub-header form {
      margin: 0px; }
    .address-list .listing .page .details {
      min-height: 50px; }
      .address-list .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .address-list .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .address-list .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .address-list .listing .page .details .icon a, .address-list .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .address-list .listing .page .details .icon a:hover, .address-list .listing .page .details .icon button:hover {
          color: #214a8c; }
      .address-list .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .address-list .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .address-list .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .address-list .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .address-list .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .address-list .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .address-list .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .address-list .address-manually + .forms .td-6, .address-list .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .address-list .address-manually + .forms .td-2, .address-list .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .address-list .address-manually + .forms .td-2 ~ .e-row, .address-list .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .address-list .address-manually + .forms .td-2 ~ .dynamic, .address-list .address-manually + .forms .td-2 ~ .manual-add, .address-list .forms .new-address .td-2 ~ .dynamic, .address-list .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .address-list .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .address-list .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .address-list .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .address-list .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .address-list .address-manually + .forms .e-row.manual-add, .address-list .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .address-list .address-manually + .forms .td-6, .address-list .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .address-list .address-manually + .forms .td-2, .address-list .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .address-list .address-manually + .forms .td-2 ~ .e-row, .address-list .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .address-list .address-manually + .forms .td-2 ~ .dynamic, .address-list .address-manually + .forms .td-2 ~ .manual-add, .address-list .forms .new-address .td-2 ~ .dynamic, .address-list .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .address-list .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .address-list .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .address-list .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .address-list .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .address-list .address-manually + .forms .td-2 ~ .dynamic, .address-list .address-manually + .forms .td-2 ~ .manual-add, .address-list .forms .new-address .td-2 ~ .dynamic, .address-list .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .address-list .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .address-list .listing .page .details .icon a, .address-list .listing .page .details .icon button {
      display: flex; }
    .address-list .listing .btn-block {
      justify-content: center; } }
  .address-list form {
    text-align: left; }
  .address-list .header ~ .btn-block {
    display: flex;
    justify-content: flex-end;
    margin-top: -30px; }
    .address-list .header ~ .btn-block a {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important;
      margin-bottom: 10px;
      width: 170px; }
      .address-list .header ~ .btn-block a:hover, .address-list .header ~ .btn-block a:focus {
        background: #08285c !important;
        border: none; }
      .address-list .header ~ .btn-block a a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .address-list .header ~ .btn-block a:focus {
        outline-style: none; }
      .address-list .header ~ .btn-block a:hover, .address-list .header ~ .btn-block a:focus {
        background: #08285c !important;
        color: #fff !important; }
  .address-list .listing {
    padding-top: 0px; }
    .address-list .listing .pref {
      text-align: center; }
    .address-list .listing .page .details {
      border-bottom: 1px solid #ddd; }
  .address-list ._new form .e-group:last-of-type {
    margin-top: 20px; }
  @media (min-width: 992px) {
    .address-list ._new form .e-group.row .e-row {
      width: 100%; }
    .address-list ._new form .e-group.row .e-row.td-8 {
      width: calc(66.66% - 20px); }
    .address-list ._new form .e-group.row .e-row.td-6 {
      width: calc(50% - 20px); }
    .address-list ._new form .e-group.row .e-row.td-2 {
      width: calc(16.666667% - 20px); }
    .address-list ._new form .e-group.row .e-row {
      width: calc(33.333333% - 20px); }
    .address-list ._new form .e-group.row .e-row:nth-child(3n+1) {
      margin-right: 15px;
      margin-left: 0px; }
    .address-list ._new form .e-group.row .e-row:nth-child(3n+2) {
      margin-right: 15px;
      margin-left: 15px; }
    .address-list ._new form .e-group.row .e-row:nth-child(3n+3) {
      margin-right: 0px;
      margin-left: 15px; } }
  @media (max-width: 991px) {
    .address-list .listing .page-th {
      max-width: 100%;
      flex: 0 0 100%; }
    .address-list .listing .page-th .col, .address-list .listing .page .col {
      flex: 0 0 auto; }
    .address-list .listing .page-th .col.pref, .address-list .listing .page .col.pref {
      max-width: 100px; }
    .address-list .listing .page-th .pref ~ .td-1, .address-list .listing .page .pref ~ .td-1 {
      max-width: calc(10% + 25px); }
    .address-list ._new form .e-group.row .e-row {
      width: 100%; }
    .address-list ._new form .e-group.row .e-row.td-8 {
      width: calc(66.66% - 20px); }
    .address-list ._new form .e-group.row .e-row.td-6 {
      width: calc(50% - 20px); }
    .address-list ._new form .e-group.row .e-row.td-2 {
      width: calc(16.666667% - 20px); }
    .address-list ._new form .e-group.row .e-row {
      width: calc(50% - 15px); }
    .address-list ._new form .e-group.row .e-row:nth-child(odd) {
      margin-right: 15px; }
    .address-list ._new form .e-group.row .e-row:nth-child(even) {
      margin-left: 15px; }
    .address-list ._new form .e-group.row .e-row.td-6 {
      width: calc(75% - 15px);
      margin-left: 0px;
      margin-right: 15px; }
    .address-list ._new form .e-group.row .e-row.td-2 {
      width: calc(25% - 15px);
      margin-left: 15px;
      margin-right: 0px; }
    .address-list ._new form .e-group.row .td-2 ~ .e-row:nth-child(4), .address-list ._new form .e-group.row .td-2 ~ .e-row:nth-child(6) {
      margin-left: 0px;
      margin-right: 15px; }
    .address-list ._new form .e-group.row .td-2 ~ .e-row:nth-child(5) {
      margin-left: 15px;
      margin-right: 0px; }
    .address-list ._new .address-manually + .forms .td-2 {
      margin-left: 15px !important; } }
  @media (max-width: 767px) {
    .address-list form {
      margin-top: 0px !important; }
    .address-list .header ~ .btn-block {
      margin-top: 0px;
      justify-content: center; }
    .address-list .listing .page {
      border-top: 1px solid #666; }
      .address-list .listing .page .details {
        padding: 5px 0px; }
        .address-list .listing .page .details .col {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          align-items: flex-start; }
    .address-list .listing .page .details .col span._labels {
      display: block !important; }
    .address-list form .e-row, .address-list form .e-row.td-6, .address-list form .e-row.td-2 {
      max-width: 100%;
      flex: 0 0 100%;
      margin-left: 0px !important;
      margin-right: 0px !important; }
    .address-list ._new .address-manually + .forms .td-2 {
      margin-left: 0px !important; } }

.address-list:not(.admin) .listing:not(._new) .page-th .col:nth-child(1), .address-list:not(.admin) .listing:not(._new) .page-th .col:nth-child(2), .address-list:not(.admin) .listing:not(._new) .page .col:nth-child(1), .address-list:not(.admin) .listing:not(._new) .page .col:nth-child(2) {
  max-width: 30%; }
.address-list:not(.admin) .listing:not(._new) .page-th .col:nth-child(3), .address-list:not(.admin) .listing:not(._new) .page-th .col:nth-child(4), .address-list:not(.admin) .listing:not(._new) .page .col:nth-child(3), .address-list:not(.admin) .listing:not(._new) .page .col:nth-child(4) {
  max-width: 20%; }

.address-list.account-settings .d-flex .col-sm-3 {
  padding: 0px;
  border-right: 1px solid #ccc;
  display: flex;
  flex-direction: column; }
  .address-list.account-settings .d-flex .col-sm-3 a.nav-item {
    border: 1px solid #ccc;
    margin-right: -1px;
    list-style: none;
    border-right: none;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    font-size: 0.95rem;
    color: #666;
    padding: 20px;
    line-height: 0.875rem;
    cursor: pointer; }
    .address-list.account-settings .d-flex .col-sm-3 a.nav-item:hover {
      color: #222; }
  .address-list.account-settings .d-flex .col-sm-3 a.nav-item.active {
    border-color: #214a8c;
    border-left-width: thick;
    border-right: 1px solid #fff;
    color: #222;
    cursor: default;
    pointer-events: none; }
.address-list.account-settings .d-flex .col-sm-9 {
  padding: 0px 0px 0px 60px; }
  .address-list.account-settings .d-flex .col-sm-9 .e-group:last-child {
    margin-top: 15px; }
  .address-list.account-settings .d-flex .col-sm-9 .list {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 40px; }
    .address-list.account-settings .d-flex .col-sm-9 .list .checkbox {
      padding: 0px;
      margin-bottom: 15px; }
  .address-list.account-settings .d-flex .col-sm-9 .sms {
    position: relative; }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row {
      width: 100%; }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row.td-8 {
      width: calc(66.66% - 20px); }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row.td-6 {
      width: calc(50% - 20px); }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row.td-2 {
      width: calc(16.666667% - 20px); }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row {
      width: calc(33.333333% - 20px); }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row:nth-child(3n+1) {
      margin-right: 15px;
      margin-left: 0px; }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row:nth-child(3n+2) {
      margin-right: 15px;
      margin-left: 15px; }
    .address-list.account-settings .d-flex .col-sm-9 .sms .e-row:nth-child(3n+3) {
      margin-right: 0px;
      margin-left: 15px; }
    .address-list.account-settings .d-flex .col-sm-9 .sms .checkbox {
      padding-top: 1.1rem;
      height: 60px;
      justify-content: flex-start;
      align-self: center; }
      .address-list.account-settings .d-flex .col-sm-9 .sms .checkbox p {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        line-height: 0.95rem;
        letter-spacing: 0.5px; }
    @media (min-width: 768px) {
      .address-list.account-settings .d-flex .col-sm-9 .sms label.mobile {
        background: #fff;
        padding: 0px 10px;
        margin-left: -7px; }
      .address-list.account-settings .d-flex .col-sm-9 .sms:after {
        content: "";
        border: 1px solid #ddd;
        width: calc(66.66% + 10px);
        height: calc(100px - 5px);
        position: absolute;
        left: -10px;
        top: calc(10px + 2px);
        z-index: -1; } }
    @media (max-width: 991px) {
      .address-list.account-settings .d-flex .col-sm-9 .sms {
        margin-bottom: 30px; }
        .address-list.account-settings .d-flex .col-sm-9 .sms .checkbox {
          padding-top: 45px; } }
    @media (max-width: 767px) {
      .address-list.account-settings .d-flex .col-sm-9 .sms .checkbox {
        margin-bottom: 0px;
        padding: 0px; } }
.address-list.account-settings .e-group.row .e-row {
  width: 100%; }
.address-list.account-settings .e-group.row .e-row.td-8 {
  width: calc(66.66% - 20px); }
.address-list.account-settings .e-group.row .e-row.td-6 {
  width: calc(50% - 20px); }
.address-list.account-settings .e-group.row .e-row.td-2 {
  width: calc(16.666667% - 20px); }
.address-list.account-settings .e-group.row .e-row {
  width: calc(50% - 15px); }
.address-list.account-settings .e-group.row .e-row:nth-child(odd) {
  margin-right: 15px; }
.address-list.account-settings .e-group.row .e-row:nth-child(even) {
  margin-left: 15px; }
@media (min-width: 992px) {
  .address-list.account-settings .d-flex .col-sm-3 a.nav-item:not(:last-child) {
    border-bottom: none; } }
@media (max-width: 991px) {
  .address-list.account-settings .d-flex {
    display: flex;
    flex-direction: column; }
    .address-list.account-settings .d-flex .col-sm-3, .address-list.account-settings .d-flex .col-sm-9 {
      max-width: 100%;
      padding: 0px; }
    .address-list.account-settings .d-flex .col-sm-3 {
      border-right: none;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      flex-direction: row; }
      .address-list.account-settings .d-flex .col-sm-3 a.nav-item {
        width: 33.333333%;
        padding: 5px 10px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 0.875rem;
        border-right: 1px solid #ddd; }
      .address-list.account-settings .d-flex .col-sm-3 a.nav-item.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c; }
    .address-list.account-settings .d-flex .col-sm-9 form p.note {
      text-align: center; }
    .address-list.account-settings .d-flex .col-sm-9 form .list {
      margin-bottom: 0px; }
      .address-list.account-settings .d-flex .col-sm-9 form .list .checkbox {
        max-width: 50%;
        flex: 0 0 50%; } }
@media (max-width: 767px) {
  .address-list.account-settings .d-flex .col-sm-3 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .address-list.account-settings .d-flex .col-sm-3 a.nav-item {
      width: 50%; }
    .address-list.account-settings .d-flex .col-sm-3 a.nav-item:last-child {
      border-top: none; }
  .address-list.account-settings .d-flex .col-sm-9 form .list .checkbox {
    max-width: 100%;
    flex: 0 0 100%; } }

.address-list:not(.account-settings) form p.note {
  margin: 40px 0px 0px; }
@media (max-width: 991px) {
  .address-list:not(.account-settings) form p.note {
    margin-top: calc(25px - 2px); } }
@media (max-width: 767px) {
  .address-list:not(.account-settings) form p.note {
    margin-top: 0px; } }

.address-list:not(.awaiting) form {
  margin-top: -40px; }
  .address-list:not(.awaiting) form .page-th div:nth-last-child(2) {
    text-align: center; }
  .address-list:not(.awaiting) form .page .details div:nth-last-child(2) {
    text-align: center; }
  .address-list:not(.awaiting) form .validation-summary-error + .e-group {
    margin-top: 0px; }
.address-list:not(.awaiting) form.forms {
  margin-top: 0px; }

.address-list.awaiting .listing .page-th .col:nth-child(1), .address-list.awaiting .listing .page .col:nth-child(1) {
  max-width: 20%; }
.address-list.awaiting .listing .page-th .col:nth-child(2), .address-list.awaiting .listing .page .col:nth-child(2) {
  max-width: 16.666667%; }
.address-list.awaiting .listing .page-th .col:nth-child(3), .address-list.awaiting .listing .page-th .col:nth-child(5), .address-list.awaiting .listing .page .col:nth-child(3), .address-list.awaiting .listing .page .col:nth-child(5) {
  max-width: 15%; }
.address-list.awaiting .listing .page-th .col:nth-child(4), .address-list.awaiting .listing .page .col:nth-child(4) {
  max-width: 33.333333%; }

.b2b .address-list .listing._new .page-th .col:nth-child(1), .b2b .address-list .listing._new .page .col:nth-child(1) {
  max-width: 30%; }
.b2b .address-list .listing._new .page-th .col:nth-child(2), .b2b .address-list .listing._new .page .col:nth-child(2) {
  max-width: calc(30% + 30px); }
.b2b .address-list .listing._new .page-th .col:nth-child(3), .b2b .address-list .listing._new .page .col:nth-child(3) {
  max-width: calc(25% - 15px); }
.b2b .address-list .listing._new .page-th .col:nth-child(4), .b2b .address-list .listing._new .page .col:nth-child(4) {
  max-width: calc(15% - 15px); }
.b2b .address-list.account-settings .e-group.row .e-row {
  width: 100%; }
.b2b .address-list.account-settings .e-group.row .e-row.td-8 {
  width: calc(66.66% - 20px); }
.b2b .address-list.account-settings .e-group.row .e-row.td-6 {
  width: calc(50% - 20px); }
.b2b .address-list.account-settings .e-group.row .e-row.td-2 {
  width: calc(16.666667% - 20px); }
.b2b .address-list.account-settings .e-group.row .e-row {
  width: calc(33.333333% - 20px); }
.b2b .address-list.account-settings .e-group.row .e-row:nth-child(3n+1) {
  margin-right: 15px;
  margin-left: 0px; }
.b2b .address-list.account-settings .e-group.row .e-row:nth-child(3n+2) {
  margin-right: 15px;
  margin-left: 15px; }
.b2b .address-list.account-settings .e-group.row .e-row:nth-child(3n+3) {
  margin-right: 0px;
  margin-left: 15px; }

.b2c .address-list .listing._new .no-results {
  border-top: 1px solid #666;
  margin-top: 0px;
  padding-top: 30px; }

.cart {
  padding: 0px; }
  .cart .header {
    margin-bottom: 20px;
    text-align: center; }
    .cart .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .cart .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .cart .header.next-prev a.btn-sml:hover, .cart .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .cart .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .cart .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .cart .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .cart section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .cart section {
        margin: 15px auto; } }
  .cart .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .cart .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .cart .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .cart .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .cart .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .cart .header.next-prev .btn-sml i {
        font-size: 25px; }
      .cart .header.next-prev .btn-sml span {
        display: none !important; }
    .cart .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .cart form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .cart form .field-validation-error:not(.text-danger), .cart form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .cart form .field-validation-error:not(.text-danger) span, .cart form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .cart form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .cart form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .cart form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .cart form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .cart form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .cart form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .cart form .validation-summary-error ul li, .cart form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .cart form .validation-summary-error ul li:before, .cart form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .cart form .validation-summary-error ul li span, .cart form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .cart form .validation-summary-error ul li span + span:before, .cart form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .cart form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .cart form .validation-summary-error ul li, .cart form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .cart form .validation-summary-error ul li, .cart form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .cart form .validation-summary-error ul li:before, .cart form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .cart form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .cart form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .cart form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .cart form .validation-summary-success ul li, .cart form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .cart form .validation-summary-success ul li:before, .cart form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .cart form .validation-summary-success ul li span, .cart form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .cart form .validation-summary-success ul li span + span:before, .cart form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .cart form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .cart form .validation-summary-success ul li, .cart form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .cart form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .cart form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .cart form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .cart form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .cart form .alert-success ul li, .cart form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .cart form .alert-success ul li:before, .cart form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .cart form .alert-success ul li span, .cart form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .cart form .alert-success ul li span + span:before, .cart form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .cart form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .cart form .alert-success ul li, .cart form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .cart form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .cart form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .cart form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .cart form .alert-success p {
            font-size: 0.8rem; }
          .cart form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .cart form .e-group {
      margin: 0px auto; }
    .cart form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .cart form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .cart form .select {
      position: relative; }
      .cart form .select label {
        display: inherit; }
        .cart form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .cart form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .cart form input[type="number"], .cart form input[type="number"]::-webkit-inner-spin-button, .cart form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .cart form select, .cart form input, .cart form button {
      height: 50px; }
    .cart form select, .cart form textarea, .cart form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .cart form select:focus, .cart form textarea:focus, .cart form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .cart form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .cart form p.center {
      text-align: center;
      line-height: 30px; }
    .cart form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .cart form p.mandatory, .cart form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .cart form p.mandatory span, .cart form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .cart form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .cart form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .cart form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .cart form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .cart form label.user:after {
      content: "\e9f1"; }
    .cart form label.password:after {
      content: "\e987"; }
    .cart form label.email:after {
      content: "\e98a"; }
    .cart form label.search:after {
      content: "\e9c1"; }
    .cart form label.box1:after {
      content: "\e9a2"; }
    .cart form label.home:after {
      content: "\e979"; }
    .cart form label.phone:after {
      content: "\e9a7"; }
    .cart form label.mobile:after {
      content: "\e9d2"; }
    .cart form label.flag:after {
      content: "\e967"; }
    .cart form label.address:after {
      content: "\e98b"; }
    .cart form label.postal:after {
      content: "\e98c"; }
    .cart form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .cart form label.doc1:after {
      content: "\e938"; }
    .cart form label.hash:after {
      content: "\e975"; }
    .cart form label.dollar:after {
      content: "\e954"; }
    .cart form label.msg1:after {
      content: "\e990"; }
    .cart form label.percent:after {
      content: "\e9a6"; }
    .cart form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .cart form .submit-btn:hover, .cart form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .cart form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .cart form .submit-btn:focus {
        outline-style: none; }
    .cart form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .cart form .btn-sml:hover, .cart form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .cart form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .cart form .btn-sml:focus {
        outline-style: none; }
    .cart form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .cart form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .cart form .btn-red:hover, .cart form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .cart form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .cart form .btn-dark:hover, .cart form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .cart form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .cart form .btn-dark-bdr:hover, .cart form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .cart form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .cart form .btn-darker-bdr:hover, .cart form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .cart form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .cart form .btn-brand-bdr:hover, .cart form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .cart form input.disabled, .cart form a.disabled, .cart form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .cart form input.input-validation-error, .cart form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .cart form .btn-sml.add-more {
      margin-left: 10px; }
      .cart form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .cart form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .cart form .btn-sml.add-cart, .cart form .btn-sml.add-more, .cart form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .cart form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .cart form .add-more:hover, .cart form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .cart form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .cart form .add-cart:hover, .cart form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .cart form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .cart form .add-more.disabled, .cart form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .cart form .links {
      text-align: center; }
      .cart form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .cart form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .cart form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .cart form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .cart form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .cart form .e-row.deactive select, .cart form .e-row.deactive textarea, .cart form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .cart form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .cart form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .cart form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .cart form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .cart form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .cart form .duo input, .cart form .duo a {
        margin: 0px; }
      .cart form .duo input + a, .cart form .duo input + input {
        margin-left: 20px; }
    .cart form .uom-dpdn {
      position: relative; }
      .cart form .uom-dpdn label {
        display: inherit; }
        .cart form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .cart form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .cart form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .cart form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .cart form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .cart form {
        margin: 10px auto; }
        .cart form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .cart form .e-row {
          margin-bottom: 20px; }
        .cart form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .cart form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .cart form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .cart form.search input, .cart form.search button {
      border-radius: 0px;
      float: left; }
    .cart form.search input:focus, .cart form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .cart form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .cart form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .cart form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .cart form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .cart form.search button {
        width: 40px; }
      .cart form.search input, .cart form.search button {
        height: 40px; }
      .cart form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .cart form.search input {
        width: calc(100% - 40px); } }
    .cart form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .cart form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .cart form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .cart form.search i {
        top: 7px; } }
  .cart .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .cart .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .cart .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .cart .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .cart .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .cart .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .cart .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .cart .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .cart .custom-radiobox:hover p {
      color: #214a8c; }
    .cart .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .cart .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .cart .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .cart .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .cart .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .cart .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .cart .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .cart .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .cart .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .cart .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .cart .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .cart .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .cart .custom-checkbox:hover p {
      color: #214a8c; }
    .cart .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .cart .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .cart .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .cart .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .cart .custom-checkbox p span {
      line-height: 1.2; }
  .cart a {
    color: #222; }
    .cart a:hover {
      color: #214a8c !important; }
  .cart .listing {
    clear: both;
    position: relative; }
    .cart .listing .page-th > .col, .cart .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .cart .listing .page-th .price, .cart .listing .page-th .qty, .cart .listing .page .details .price, .cart .listing .page .details .qty {
      text-align: right; }
    .cart .listing .page-th .col.price, .cart .listing .page-th .ordered, .cart .listing .page .details .col.price, .cart .listing .page .details .ordered {
      max-width: 13.33%; }
    .cart .listing .page-th .inventory, .cart .listing .page .details .inventory {
      max-width: 20%; }
    .cart .listing .page-th .col.qty, .cart .listing .page-th .col.total, .cart .listing .page .details .col.qty, .cart .listing .page .details .col.total {
      max-width: 16.666667%; }
    .cart .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .cart .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .cart .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .cart .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .cart .listing .page > form {
      margin: 0px; }
    .cart .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .cart .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .cart .listing .page .details .time, .cart .listing .page .details .type {
        font-weight: 600; }
      .cart .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .cart .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .cart .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .cart .listing .page .details .submit input, .cart .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .cart .listing .page .details .submit input {
          padding: 3px 15px; }
        .cart .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .cart .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .cart .listing .page .details + .actions a .fe-download, .cart .listing .page .details + .actions a span, .cart .listing .page .details + .sub-total .actions a .fe-download, .cart .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .cart .listing .summary .page-th > .col {
      text-align: left; }
    .cart .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .cart .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .cart .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .cart .listing .summary .page .details .eco .right {
        color: #10a700; }
      .cart .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .cart .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .cart .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .cart .listing .summary .page .details .total .left {
          font-weight: 600; }
        .cart .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .cart .listing .summary .page .details .sub-total .right, .cart .listing .summary .page .details .items .right {
        color: #222; }
      .cart .listing .summary .page .details .sub-total .right, .cart .listing .summary .page .details .items .right, .cart .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .cart .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .cart .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .cart .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .cart .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .cart .listing .summary .page .details .e-row input[type="text"], .cart .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .cart .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .cart .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .cart .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .cart .listing .summary .page .details .col.total {
        max-width: 100%; }
      .cart .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .cart .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .cart .listing .summary .page .details.proceed .e-group, .cart .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .cart .listing .summary .page .details.proceed .e-group .add-cart, .cart .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .cart .listing .summary .page .details.proceed .e-group .add-more, .cart .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .cart .listing .summary .page .details.proceed .e-group .add-more i, .cart .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .cart .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .cart .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .cart .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .cart .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .cart .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .cart .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .cart .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .cart .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .cart .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .cart .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .cart .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .cart .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .cart .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .cart .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .cart .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .cart .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .cart .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .cart .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .cart .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .cart .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .cart .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .cart .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .cart .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .cart .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .cart .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .cart .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .cart .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .cart .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .cart .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .cart .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .cart .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .cart .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .cart .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .cart .listing #accordion, .cart .listing #braidAccordian {
      flex-wrap: wrap; }
      .cart .listing #accordion .title-link, .cart .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .cart .listing #accordion .title-link .col, .cart .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .cart .listing #accordion .title-link.collapsed, .cart .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .cart .listing #accordion .title-link:after, .cart .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .cart .listing #accordion .title-link.collapsed:after, .cart .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .cart .listing #accordion .title-link + .collapse + .title-link, .cart .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .cart .listing #accordion .collapse:not(.show), .cart .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .cart .listing #accordion .details, .cart .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .cart .listing .td-1 {
      max-width: 8.33%; }
    .cart .listing .td-2 {
      max-width: 16.666667%; }
    .cart .listing .td-3 {
      max-width: 25%; }
    .cart .listing .td-4 {
      max-width: 33.333333%; }
    .cart .listing .td-5 {
      max-width: 41.666667%; }
    .cart .listing .td-6 {
      max-width: 50%; }
    .cart .listing .td-7 {
      max-width: 58.33%; }
    .cart .listing .td-8 {
      max-width: 66.66%; }
    .cart .listing .td-9 {
      max-width: 75%; }
    .cart .listing .td-10 {
      max-width: 83.33333333%; }
    .cart .listing .td-11 {
      max-width: 91.66666667%; }
    .cart .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .cart .listing .center {
      text-align: center; }
    .cart .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .cart .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .cart .listing .col-9.left {
      padding-right: 20px; }
    .cart .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .cart .listing .actions .results {
        color: #222; }
        .cart .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .cart .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .cart .listing .actions .search input, .cart .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .cart .listing .actions .search input:focus, .cart .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .cart .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .cart .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .cart .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .cart .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .cart .listing .actions .search button {
            width: 40px; }
          .cart .listing .actions .search input, .cart .listing .actions .search button {
            height: 40px; }
          .cart .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .cart .listing .actions .search input {
            width: calc(100% - 40px); } }
        .cart .listing .actions .search input, .cart .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .cart .listing .actions .search input, .cart .listing .actions .search button {
          height: 30px; }
        .cart .listing .actions .search textarea {
          height: 50px; }
        .cart .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .cart .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .cart .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .cart .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .cart .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .cart .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .cart .listing .actions .search:only-child {
        padding: 10px; }
      .cart .listing .actions a.pdf-export, .cart .listing .actions a.excel-export, .cart .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .cart .listing .actions a.pdf-export.active, .cart .listing .actions a.excel-export.active, .cart .listing .actions a.import-pro.active {
          color: #214a8c; }
          .cart .listing .actions a.pdf-export.active:before, .cart .listing .actions a.excel-export.active:before, .cart .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .cart .listing .actions #exportPdf, .cart .listing .actions #exportExcel, .cart .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .cart .listing .actions #exportPdf form, .cart .listing .actions #exportExcel form, .cart .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .cart .listing .actions #exportPdf form label, .cart .listing .actions #exportExcel form label, .cart .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .cart .listing .actions #exportPdf form > div, .cart .listing .actions #exportExcel form > div, .cart .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .cart .listing .actions #exportPdf form > div:not(.generate), .cart .listing .actions #exportExcel form > div:not(.generate), .cart .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .cart .listing .actions #exportPdf form .left, .cart .listing .actions #exportExcel form .left, .cart .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .cart .listing .actions #exportPdf form .right, .cart .listing .actions #exportExcel form .right, .cart .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .cart .listing .actions #exportPdf form .attachment, .cart .listing .actions #exportExcel form .attachment, .cart .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .cart .listing .actions #exportPdf form .attachment > div, .cart .listing .actions #exportExcel form .attachment > div, .cart .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .cart .listing .actions #exportPdf form .attachment .col-3, .cart .listing .actions #exportPdf form .attachment .col-9, .cart .listing .actions #exportExcel form .attachment .col-3, .cart .listing .actions #exportExcel form .attachment .col-9, .cart .listing .actions #importPro form .attachment .col-3, .cart .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .cart .listing .actions #exportPdf form .attachment .col-3 > div, .cart .listing .actions #exportPdf form .attachment .col-9 > div, .cart .listing .actions #exportExcel form .attachment .col-3 > div, .cart .listing .actions #exportExcel form .attachment .col-9 > div, .cart .listing .actions #importPro form .attachment .col-3 > div, .cart .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .cart .listing .actions #exportPdf form .attachment .col-3 > label, .cart .listing .actions #exportPdf form .attachment .col-9 > label, .cart .listing .actions #exportExcel form .attachment .col-3 > label, .cart .listing .actions #exportExcel form .attachment .col-9 > label, .cart .listing .actions #importPro form .attachment .col-3 > label, .cart .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .cart .listing .actions #exportPdf form .attachment .col-3 p.supp, .cart .listing .actions #exportPdf form .attachment .col-9 p.supp, .cart .listing .actions #exportExcel form .attachment .col-3 p.supp, .cart .listing .actions #exportExcel form .attachment .col-9 p.supp, .cart .listing .actions #importPro form .attachment .col-3 p.supp, .cart .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .cart .listing .actions #exportPdf form .attachment .col-9, .cart .listing .actions #exportExcel form .attachment .col-9, .cart .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .cart .listing .actions #exportPdf form .attachment .text, .cart .listing .actions #exportPdf form .attachment .image, .cart .listing .actions #exportExcel form .attachment .text, .cart .listing .actions #exportExcel form .attachment .image, .cart .listing .actions #importPro form .attachment .text, .cart .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .cart .listing .actions #exportPdf form .attachment .text p, .cart .listing .actions #exportPdf form .attachment .image p, .cart .listing .actions #exportExcel form .attachment .text p, .cart .listing .actions #exportExcel form .attachment .image p, .cart .listing .actions #importPro form .attachment .text p, .cart .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .cart .listing .actions #exportPdf form .attachment .image, .cart .listing .actions #exportExcel form .attachment .image, .cart .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .cart .listing .actions #exportPdf form .attachment .image p, .cart .listing .actions #exportExcel form .attachment .image p, .cart .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .cart .listing .actions #exportPdf form .attachment .image img, .cart .listing .actions #exportExcel form .attachment .image img, .cart .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .cart .listing .actions #exportPdf form .attachment .btns, .cart .listing .actions #exportExcel form .attachment .btns, .cart .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .cart .listing .actions #exportPdf form .attachment .btns i, .cart .listing .actions #exportExcel form .attachment .btns i, .cart .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .cart .listing .actions #exportPdf form .attachment .btns a, .cart .listing .actions #exportPdf form .attachment .btns input, .cart .listing .actions #exportPdf form .attachment .btns button, .cart .listing .actions #exportExcel form .attachment .btns a, .cart .listing .actions #exportExcel form .attachment .btns input, .cart .listing .actions #exportExcel form .attachment .btns button, .cart .listing .actions #importPro form .attachment .btns a, .cart .listing .actions #importPro form .attachment .btns input, .cart .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .cart .listing .actions #exportPdf form .attachment .btns a:focus, .cart .listing .actions #exportPdf form .attachment .btns input:focus, .cart .listing .actions #exportPdf form .attachment .btns button:focus, .cart .listing .actions #exportExcel form .attachment .btns a:focus, .cart .listing .actions #exportExcel form .attachment .btns input:focus, .cart .listing .actions #exportExcel form .attachment .btns button:focus, .cart .listing .actions #importPro form .attachment .btns a:focus, .cart .listing .actions #importPro form .attachment .btns input:focus, .cart .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .cart .listing .actions #exportPdf form .attachment .btns a:hover, .cart .listing .actions #exportPdf form .attachment .btns input:hover, .cart .listing .actions #exportPdf form .attachment .btns button:hover, .cart .listing .actions #exportExcel form .attachment .btns a:hover, .cart .listing .actions #exportExcel form .attachment .btns input:hover, .cart .listing .actions #exportExcel form .attachment .btns button:hover, .cart .listing .actions #importPro form .attachment .btns a:hover, .cart .listing .actions #importPro form .attachment .btns input:hover, .cart .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .cart .listing .actions #exportPdf form .attachment .btns button + button, .cart .listing .actions #exportPdf form .attachment .btns a + a, .cart .listing .actions #exportPdf form .attachment .btns input + input, .cart .listing .actions #exportExcel form .attachment .btns button + button, .cart .listing .actions #exportExcel form .attachment .btns a + a, .cart .listing .actions #exportExcel form .attachment .btns input + input, .cart .listing .actions #importPro form .attachment .btns button + button, .cart .listing .actions #importPro form .attachment .btns a + a, .cart .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .cart .listing .actions #exportPdf form .attachment .btns .image, .cart .listing .actions #exportExcel form .attachment .btns .image, .cart .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .cart .listing .actions #exportPdf form .attachment .btns .image > div, .cart .listing .actions #exportExcel form .attachment .btns .image > div, .cart .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .cart .listing .actions #exportPdf form .address-list, .cart .listing .actions #exportExcel form .address-list, .cart .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .cart .listing .actions #exportPdf form .address-list div, .cart .listing .actions #exportExcel form .address-list div, .cart .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .cart .listing .actions #exportPdf form .address-list > div:not(.d-flex), .cart .listing .actions #exportExcel form .address-list > div:not(.d-flex), .cart .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .cart .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .cart .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .cart .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .cart .listing .actions #exportPdf form .address-list .btn-block, .cart .listing .actions #exportExcel form .address-list .btn-block, .cart .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .cart .listing .actions #exportPdf form .address-list .btn-block a, .cart .listing .actions #exportExcel form .address-list .btn-block a, .cart .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .cart .listing .actions #exportPdf form .attachment, .cart .listing .actions #exportPdf form .address-list, .cart .listing .actions #exportExcel form .attachment, .cart .listing .actions #exportExcel form .address-list, .cart .listing .actions #importPro form .attachment, .cart .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .cart .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .cart .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .cart .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .cart .listing .actions #exportPdf form .generate, .cart .listing .actions #exportExcel form .generate, .cart .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .cart .listing .actions #exportPdf form .generate .btn-sml, .cart .listing .actions #exportExcel form .generate .btn-sml, .cart .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .cart .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .cart .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .cart .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .cart .listing .actions #exportPdf form .img, .cart .listing .actions #exportExcel form .img, .cart .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .cart .listing .actions #exportPdf form .img .text p, .cart .listing .actions #exportExcel form .img .text p, .cart .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .cart .listing .actions #exportPdf form .img p.supp, .cart .listing .actions #exportExcel form .img p.supp, .cart .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .cart .listing .actions #exportPdf form .img img, .cart .listing .actions #exportExcel form .img img, .cart .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .cart .listing .actions #exportPdf:not(.show), .cart .listing .actions #exportExcel:not(.show), .cart .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .cart .listing .actions #exportPdf form > div, .cart .listing .actions #exportExcel form > div, .cart .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .cart .listing .actions #exportPdf form .custom-checkbox, .cart .listing .actions #exportExcel form .custom-checkbox, .cart .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .cart .listing .actions #exportPdf form .left, .cart .listing .actions #exportPdf form .right, .cart .listing .actions #exportExcel form .left, .cart .listing .actions #exportExcel form .right, .cart .listing .actions #importPro form .left, .cart .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .cart .listing .actions #exportPdf form .left, .cart .listing .actions #exportExcel form .left, .cart .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .cart .listing .actions #exportPdf form .address-list, .cart .listing .actions #exportExcel form .address-list, .cart .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .cart .listing .actions #exportPdf form label, .cart .listing .actions #exportExcel form label, .cart .listing .actions #importPro form label {
          justify-content: flex-start; }
        .cart .listing .actions #exportPdf form .right, .cart .listing .actions #exportExcel form .right, .cart .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .cart .listing .actions #exportPdf form .attachment, .cart .listing .actions #exportExcel form .attachment, .cart .listing .actions #importPro form .attachment {
          padding: 10px; }
          .cart .listing .actions #exportPdf form .attachment .col-3, .cart .listing .actions #exportPdf form .attachment .col-9, .cart .listing .actions #exportExcel form .attachment .col-3, .cart .listing .actions #exportExcel form .attachment .col-9, .cart .listing .actions #importPro form .attachment .col-3, .cart .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .cart .listing .actions #exportPdf form .attachment .col-3, .cart .listing .actions #exportExcel form .attachment .col-3, .cart .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .cart .listing .actions #exportPdf form .attachment .col-3 label, .cart .listing .actions #exportPdf form .attachment .col-3 .image, .cart .listing .actions #exportExcel form .attachment .col-3 label, .cart .listing .actions #exportExcel form .attachment .col-3 .image, .cart .listing .actions #importPro form .attachment .col-3 label, .cart .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .cart .listing .actions #exportPdf form .attachment .col-9, .cart .listing .actions #exportExcel form .attachment .col-9, .cart .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .cart .listing .actions #exportPdf form .attachment .col-9 p.supp, .cart .listing .actions #exportExcel form .attachment .col-9 p.supp, .cart .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .cart .listing .actions #exportPdf form .address-list .col-3, .cart .listing .actions #exportExcel form .address-list .col-3, .cart .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .cart .listing .actions #exportPdf form .address-list .col-9, .cart .listing .actions #exportExcel form .address-list .col-9, .cart .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .cart .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .cart .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .cart .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .cart .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .cart .listing .actions #importPro form .address-list > div:nth-of-type(1), .cart .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .cart .listing .actions #exportPdf form .img img, .cart .listing .actions #exportExcel form .img img, .cart .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .cart .listing .actions #exportPdf .custom-checkbox .custom-check, .cart .listing .actions #exportExcel .custom-checkbox .custom-check, .cart .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .cart .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .cart .listing .actions form {
        margin: 0px; }
      .cart .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .cart .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .cart .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .cart .listing .actions .shared .email {
          display: flex; }
          .cart .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .cart .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .cart .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .cart .listing .actions .left, .cart .listing .actions > .center, .cart .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .cart .listing .actions .right {
        margin-left: auto; }
      .cart .listing .actions .action-link, .cart .listing .actions .left > a, .cart .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .cart .listing .actions .action-link:hover, .cart .listing .actions .left > a:hover, .cart .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .cart .listing .actions .action-link span, .cart .listing .actions .left > a span, .cart .listing .actions .right > a span {
          margin-left: 5px; }
        .cart .listing .actions .action-link span:empty, .cart .listing .actions .left > a span:empty, .cart .listing .actions .right > a span:empty {
          display: none; }
      .cart .listing .actions .action-link, .cart .listing .actions a + a, .cart .listing .actions .checkbox + a {
        margin-left: 20px; }
      .cart .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .cart .listing .actions .custom-checkbox p {
        color: #222; }
      .cart .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .cart .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .cart .listing > .actions, .cart .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .cart .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .cart .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .cart .listing .actions {
        font-size: 0.8rem; }
        .cart .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .cart .listing .actions .left .action-link i {
          font-size: 1rem; }
        .cart .listing .actions .left a.action-link, .cart .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .cart .listing .actions {
        justify-content: center; }
        .cart .listing .actions .shared {
          top: calc(10px - 150px); }
        .cart .listing .actions .action-link, .cart .listing .actions a + a, .cart .listing .actions .checkbox + a {
          margin-left: 15px; }
        .cart .listing .actions > .right {
          justify-content: center; }
        .cart .listing .actions .search + .right {
          margin-left: 0px; } }
    .cart .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .cart .listing .add-more[aria-expanded="true"]:hover, .cart .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .cart .listing .add-more[aria-expanded="true"]:hover i, .cart .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .cart .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .cart .listing .add-more[aria-expanded="false"], .cart .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .cart .listing .add-more[aria-expanded="false"]:hover, .cart .listing .add-more[aria-expanded="false"]:focus, .cart .listing .add-more.collapsed:hover, .cart .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .cart .listing .add-more[aria-expanded="false"]:hover, .cart .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .cart .listing .add-more[aria-expanded="false"]:hover i, .cart .listing .add-more.collapsed:hover i {
          color: #fff; }
    .cart .listing .add-more.cancel:before {
      display: none; }
    .cart .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .cart .listing button.links, .cart .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .cart .listing button.links:hover, .cart .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .cart .listing a.plus i {
      font-size: 1rem; }
    .cart .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .cart .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .cart .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .cart .listing .custom-radiobox:not(:last-of-type), .cart .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .cart .listing .ship-when > p, .cart .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .cart .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .cart .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .cart .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .cart .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .cart .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .cart .listing .day-time span {
      font-weight: 600; }
    .cart .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .cart .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .cart .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .cart .listing .sub-total.btm > div, .cart .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .cart .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .cart .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .cart .listing .sub-header {
      clear: both;
      padding: 0px; }
      .cart .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .cart .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .cart .listing .sub-header .title {
        margin-bottom: 0px; }
        .cart .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .cart .listing .page + .sub-header {
      margin-top: 40px; }
      .cart .listing .page + .sub-header .title {
        flex-basis: content; }
    .cart .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .cart .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .cart .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .cart .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .cart .listing div.alert-warning p {
            font-size: 0.8rem; }
          .cart .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .cart .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .cart .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .cart .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .cart .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .cart .listing div.alert-danger p {
            font-size: 0.8rem; }
          .cart .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .cart .listing .col-9 > .page {
        min-height: 500px; }
      .cart .listing .page .details .submit input:hover, .cart .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .cart .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .cart .listing .page .details .submit button {
          width: 25px; }
      .cart .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .cart .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .cart .listing .col-9.left .page-th {
          display: none !important; }
        .cart .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .cart .listing .sub-header {
        flex-wrap: wrap; }
        .cart .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .cart .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .cart .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .cart .listing > .d-flex {
        flex-wrap: wrap; }
      .cart .listing .col-12.left .page-th, .cart .listing .col-9.left .page-th {
        display: none !important; }
      .cart .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .cart .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .cart .listing .page .details .time, .cart .listing .page .details .type {
        color: #666; }
      .cart .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .cart .listing .col-12.left, .cart .listing .col-3.right, .cart .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .cart .listing .summary {
        margin-top: 15px; }
        .cart .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .cart .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .cart .listing .left form {
      margin-bottom: 0px; }
    .cart .listing .sub-header form {
      margin: 0px; }
    .cart .listing .page .details {
      min-height: 50px; }
      .cart .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .cart .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .cart .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .cart .listing .page .details .icon a, .cart .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .cart .listing .page .details .icon a:hover, .cart .listing .page .details .icon button:hover {
          color: #214a8c; }
      .cart .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .cart .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .cart .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .cart .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .cart .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .cart .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .cart .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .cart .address-manually + .forms .td-6, .cart .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .cart .address-manually + .forms .td-2, .cart .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .cart .address-manually + .forms .td-2 ~ .e-row, .cart .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .cart .address-manually + .forms .td-2 ~ .dynamic, .cart .address-manually + .forms .td-2 ~ .manual-add, .cart .forms .new-address .td-2 ~ .dynamic, .cart .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .cart .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .cart .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .cart .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .cart .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .cart .address-manually + .forms .e-row.manual-add, .cart .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .cart .address-manually + .forms .td-6, .cart .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .cart .address-manually + .forms .td-2, .cart .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .cart .address-manually + .forms .td-2 ~ .e-row, .cart .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .cart .address-manually + .forms .td-2 ~ .dynamic, .cart .address-manually + .forms .td-2 ~ .manual-add, .cart .forms .new-address .td-2 ~ .dynamic, .cart .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .cart .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .cart .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .cart .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .cart .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .cart .address-manually + .forms .td-2 ~ .dynamic, .cart .address-manually + .forms .td-2 ~ .manual-add, .cart .forms .new-address .td-2 ~ .dynamic, .cart .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .cart .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .cart .listing .page .details .icon a, .cart .listing .page .details .icon button {
      display: flex; }
    .cart .listing .btn-block {
      justify-content: center; } }
  .cart .header ~ form {
    margin: 0px auto; }
  .cart .mode-selection {
    margin: 0px auto;
    flex-direction: column; }
    .cart .mode-selection .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .cart .mode-selection .mode + .mode {
      border-left: none; }
    .cart .mode-selection .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .cart .mode-selection .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .cart .mode-selection .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .cart .mode-selection .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .cart .mode-selection {
        flex-wrap: wrap;
        min-width: 100%; }
        .cart .mode-selection .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .cart .mode-selection .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .cart .mode-selection .highlight p.supp {
      text-transform: inherit;
      position: inherit;
      text-align: center;
      margin: 15px auto; }
    .cart .mode-selection .highlight p.supp, .cart .mode-selection label p {
      font-size: 1.25rem;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.75px; }
    .cart .mode-selection .highlight p.supp, .cart .mode-selection .unchecked label p {
      color: #ff9933; }
    .cart .mode-selection .mode {
      height: auto; }
      .cart .mode-selection .mode label + label {
        margin-left: 40px; }
      .cart .mode-selection .mode label {
        padding: 10px 0px;
        position: relative; }
        .cart .mode-selection .mode label .custom-radio {
          padding: 15px 0.875rem 15px 25px;
          height: 60px; }
          .cart .mode-selection .mode label .custom-radio:before {
            color: #ccc;
            font-size: 1.25rem; }
        .cart .mode-selection .mode label .custom-radio, .cart .mode-selection .mode label .text {
          border: 1px solid #ccc; }
        .cart .mode-selection .mode label .text {
          border-left: none;
          display: flex;
          align-items: center;
          width: 200px;
          height: 60px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
          .cart .mode-selection .mode label .text i {
            font-size: 2rem;
            padding: 0px 10px 0px 15px; }
          .cart .mode-selection .mode label .text i, .cart .mode-selection .mode label .text p, .cart .mode-selection .mode label .text p span {
            color: #ccc; }
          .cart .mode-selection .mode label .text p span {
            width: 100%;
            font-size: 0.8rem;
            letter-spacing: 0.25px;
            padding-top: 5px; }
        .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio {
          background: #f7fbff; }
          .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio:before {
            font-size: 1.25rem;
            color: #10a700; }
        .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio, .cart .mode-selection .mode label .custom-input:checked ~ .text {
          border-color: #222; }
          .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio i, .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio p, .cart .mode-selection .mode label .custom-input:checked ~ .text i, .cart .mode-selection .mode label .custom-input:checked ~ .text p {
            color: #10a700; }
          .cart .mode-selection .mode label .custom-input:checked ~ .custom-radio p span, .cart .mode-selection .mode label .custom-input:checked ~ .text p span {
            color: #666; }
        .cart .mode-selection .mode label .custom-input:checked ~ .text:nth-last-child(2) {
          width: 360px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
        .cart .mode-selection .mode label .select {
          position: absolute;
          right: 0px;
          bottom: 10px;
          max-width: 170px; }
          .cart .mode-selection .mode label .select select {
            border-color: #222;
            height: 30px;
            background: #f7fbff !important;
            min-width: 170px; }
          .cart .mode-selection .mode label .select .dnArw {
            padding: 0px; }
            .cart .mode-selection .mode label .select .dnArw:after {
              right: 7px;
              top: 1.75rem;
              line-height: 25px;
              background: #f7fbff; }
          .cart .mode-selection .mode label .select.disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .cart .mode-selection .mode label:hover .custom-radio {
          background: #f7fbff; }
        .cart .mode-selection .mode label:hover .custom-radio, .cart .mode-selection .mode label:hover .text {
          border-color: #222; }
          .cart .mode-selection .mode label:hover .custom-radio i, .cart .mode-selection .mode label:hover .custom-radio p, .cart .mode-selection .mode label:hover .text i, .cart .mode-selection .mode label:hover .text p {
            color: #222; }
          .cart .mode-selection .mode label:hover .custom-radio p span, .cart .mode-selection .mode label:hover .text p span {
            color: #666; }
          .cart .mode-selection .mode label:hover .custom-radio:before, .cart .mode-selection .mode label:hover .text:before {
            color: #666; }
      .cart .mode-selection .mode label:nth-child(1) i {
        padding-left: 1.25rem; }
      .cart .mode-selection .mode p.supp {
        display: none;
        z-index: 1;
        padding-top: 10px;
        font-size: 0.875rem;
        color: #dc3545;
        text-transform: initial;
        position: relative; }
      .cart .mode-selection .mode.unchecked label .custom-radio, .cart .mode-selection .mode.unchecked label .text {
        border-color: #ff9933; }
      .cart .mode-selection .mode.unchecked label .text i, .cart .mode-selection .mode.unchecked label .text p {
        color: #ff9933; }
      .cart .mode-selection .mode.unchecked label .text p span {
        color: #666; }
    .cart .mode-selection .mode.select p.supp {
      padding-top: 3px;
      bottom: 0px; }
    @media (max-width: 991px) {
      .cart .mode-selection .mode {
        padding: 0px; }
        .cart .mode-selection .mode label + label {
          margin-left: 10px; }
        .cart .mode-selection .mode label {
          padding: 0px; }
          .cart .mode-selection .mode label .select {
            bottom: 0px; } }
    @media (max-width: 767px) {
      .cart .mode-selection .highlight p.supp {
        font-size: 1rem; }
      .cart .mode-selection .mode {
        flex-wrap: wrap; }
        .cart .mode-selection .mode label, .cart .mode-selection .mode label .text {
          width: 100% !important; }
          .cart .mode-selection .mode label i, .cart .mode-selection .mode label .text i {
            display: none !important; }
          .cart .mode-selection .mode label p, .cart .mode-selection .mode label .text p {
            padding-left: 15px;
            font-size: 1rem; }
        .cart .mode-selection .mode label + label {
          margin: 10px 0px 0px; } }
  .cart .listing .summary #accordion .title-link {
    border-top: none; }
  .cart .listing .summary #accordion .title-link[aria-expanded="true"], .cart .listing .summary #accordion .title-link.show {
    color: #214a8c; }
  .cart .listing .summary #accordion .title-link.collapsed {
    color: #666; }
  .cart .listing .summary #accordion .details {
    margin-top: -1px;
    z-index: 1;
    position: relative;
    background: #f7f7f7; }
  .cart .listing .summary #accordion .approval .submit-btn {
    margin: 20px auto 0px; }
  .cart .listing .summary .widgets {
    background: #fff;
    margin-top: 20px; }
    .cart .listing .summary .widgets h5 {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center;
      margin: 0px;
      padding: calc(10px + 2px) 15px;
      display: flex;
      color: #666;
      font-weight: 400; }
      .cart .listing .summary .widgets h5 .col {
        word-break: break-word;
        line-height: 25px; }
      .cart .listing .summary .widgets h5:after {
        display: none; }
    .cart .listing .summary .widgets .product-slider .owl-carousel {
      border-top: 1px solid #ddd; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
      border-bottom: 1px solid #ddd; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form:hover {
        background-color: #f7fbff; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details {
      padding: 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col {
        text-align: left;
        padding: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col .eco {
          display: block;
          text-transform: inherit; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.checkbox {
        z-index: 1;
        max-width: 20px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .supp {
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details {
        flex-wrap: wrap; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text {
          width: 100%; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          height: 160px;
          max-width: 160px;
          width: 100%;
          flex: 0 0 auto;
          margin: 0px auto; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
            width: auto; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
            max-height: calc(150px - 5px);
            max-width: calc(150px - 5px); }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title {
          font-family: "Poppins", sans-serif;
          font-size: 0.875rem;
          letter-spacing: 0.75px;
          color: #666;
          font-size: 0.8rem;
          font-weight: 300;
          text-transform: uppercase; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a {
            color: #666; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title a:hover {
              color: #222; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
          color: #222;
          font-size: 0.8rem;
          font-family: "Poppins", sans-serif;
          line-height: 1.1rem;
          letter-spacing: 0.25px;
          margin-bottom: 10px;
          max-height: 35px;
          overflow: hidden;
          position: relative; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a {
            color: #222; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title a:hover {
              color: #214a8c; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title:after {
            content: "";
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 40%;
            height: 1rem;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
            bottom: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label {
          display: flex;
          min-height: auto; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span {
            font-size: 0.8rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:last-of-type, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:last-of-type, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:last-of-type {
            width: calc(100% - 110px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg span:first-of-type, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc span:first-of-type, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label span:first-of-type, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code span:first-of-type {
          font-size: 0.8rem;
          text-align: left;
          font-family: "Open Sans", sans-serif;
          letter-spacing: normal;
          min-width: 110px;
          line-height: 1.2rem;
          display: inline-block; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code {
          font-size: 0.8rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .personal-code a {
            color: #ff9933;
            text-decoration: underline; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code {
          display: flex; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button {
            height: 30px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code textarea {
            height: 50px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input {
            width: 200px;
            padding: 5px 7px;
            font-size: 0.8rem;
            margin: 5px 0px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code button.img {
            height: 30px;
            border: none;
            background: none;
            padding: 0px;
            cursor: pointer;
            margin: 5px 0px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code input[type="image"], .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code img {
            padding: 2px;
            margin-left: 5px;
            width: 30px;
            height: 30px;
            border: none;
            background: none !important; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.collapse:not(.show) {
          display: none; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .change-code.show {
          display: flex; }
        @media (max-width: 991px) {
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .mfg, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .upc, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .co-label {
            margin: 5px 0px; } }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
        min-height: auto;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .supp {
          color: #222;
          padding-left: 0px;
          font-size: 0.8rem;
          letter-spacing: 0.25px;
          text-transform: inherit; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock {
          font-size: 0.875rem;
          padding-right: 5px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            top: 2px;
            width: 25px;
            display: inline-block;
            padding-right: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock {
          color: #10a700; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .in-stock:before {
            color: #10a700;
            font-size: 15px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock {
          color: #dc3545; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock:before {
            content: "\ea02";
            color: #dc3545;
            line-height: 20px;
            left: -1px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery {
          max-width: 100%;
          flex: 0 0 100%;
          position: relative;
          margin-bottom: 5px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .in-stock:before {
            content: "\e9e8"; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .in-stock:before {
          content: "\e98c"; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
          position: relative;
          margin-bottom: 5px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before {
            content: "";
            border-left: 1px solid #10a700;
            height: 30px;
            position: absolute;
            left: 7px;
            top: 20px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
            content: "";
            width: 3px;
            height: 3px;
            border-radius: 50%;
            position: absolute;
            background: #10a700;
            left: 6px;
            bottom: -15px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock {
          padding-right: 0px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .out-stock:before {
            content: "\e9d0";
            font-size: 15px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .supp {
          color: #dc3545; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime span {
          color: #10a700; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
          display: block; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .preferred {
          color: #10a700;
          padding-left: 5px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .out-stock ~ .preferred {
          color: #aaa; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock {
          /*padding:$zero;*/
          color: #222; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .backorder .in-stock:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .nonstock .in-stock:before {
            color: #666; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels {
          display: none !important; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text {
          height: 30px;
          color: #222;
          font-family: "Open Sans", sans-serif;
          font-size: 0.75rem;
          line-height: 0.75rem;
          margin-top: 10px;
          line-height: 0.875rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span {
            font-weight: 400;
            margin-right: 5px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:before {
              content: "(";
              padding-right: 1px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span:after {
              content: ")";
              padding-left: 1px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a {
              color: #666;
              text-decoration: underline;
              color: #222; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .text span a:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
        @media (max-width: 767px) {
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
            margin-bottom: 5px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before {
              height: 1.5rem; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
              bottom: -20px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:last-child:after {
              display: none; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
              display: inline-block; } }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .leadtime.supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
          padding-left: 25px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .pickup {
        max-width: 100%;
        flex: 0 0 100%; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch {
        margin-left: 25px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch button {
          height: 20px;
          border: none;
          background: none;
          padding: 0px;
          color: #222;
          text-decoration: underline;
          font-size: 0.8rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch button:focus {
            box-shadow: none;
            color: #10a700; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu {
          max-height: 240px;
          overflow-y: auto;
          font-size: 0.8rem;
          padding: 0px;
          margin: 0px;
          border-radius: 0px;
          box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
          width: calc(200px + 20px);
          cursor: default;
          border-color: #aaa; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li {
            padding: 3px 7px;
            color: #666;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px dotted #ccc; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li:after {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-left: 5px;
              left: 0px;
              font-weight: 400;
              font-size: 1rem;
              content: "\ea02";
              color: #dc3545; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li span {
              color: #dc3545; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available:after {
            font-size: 0.875rem;
            content: "\e98c";
            color: #10a700; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .branch .dropdown-menu li.available span {
            color: #10a700; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
        margin-bottom: 15px;
        display: flex;
        align-items: first baseline;
        flex-wrap: wrap;
        flex-direction: row; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale {
          color: #dc3545;
          margin: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price {
          color: #222; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount {
          color: #222;
          margin: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .sale + .price, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .discount + .price {
          text-decoration: line-through;
          color: #666;
          font-size: 0.95rem;
          margin-left: 5px;
          display: initial; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp {
          margin-left: 5px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco {
          color: #10a700; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price > span:nth-of-type(2) {
          font-size: 1.1rem; }
        @media (max-width: 991px) {
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .supp:not(:last-child) {
            margin-right: 10px; } }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
        display: flex;
        flex-wrap: wrap;
        text-align: right; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty button {
          height: 30px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty textarea {
          height: 50px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input {
          max-width: 50px;
          text-align: center;
          font-size: 0.95rem;
          color: #222;
          margin-right: 5px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.disabled {
          background: #eee !important;
          cursor: default;
          pointer-events: none; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty input.input-validation-error {
          border-color: #ff9933; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.margin + input {
          margin-left: 5px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty span.uom {
          width: 20px;
          text-align: left; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty > span.supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .available {
          line-height: 30px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          margin-top: 5px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length {
            position: relative;
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            min-width: 75px;
            max-width: 75px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
              padding: 0px 5px 5px 0px;
              letter-spacing: -0.3px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e904";
            border: 1px solid #ff9933;
            border-left: none;
            padding-right: 7px;
            font-size: 0.875rem;
            line-height: 1.75rem;
            color: #de6e00;
            width: 70px;
            position: absolute;
            height: 30px;
            background: #fff;
            left: 60px;
            bottom: 0px;
            -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
            -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
            box-shadow: inset -3px 0px 1px 3px #fff3cd; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\ea02";
            position: absolute;
            bottom: 5px;
            color: #aaa;
            font-size: 0.875rem;
            padding: 0px;
            left: 1px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            position: relative;
            left: 60px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button {
            background: none;
            border: none;
            padding: 0px;
            width: 20px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i {
              cursor: pointer; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i:before {
                border-radius: 50%;
                color: #fff; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
              background: #10a700; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
              border: 1px solid #dc3545;
              color: #dc3545; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled {
              pointer-events: none;
              cursor: default; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
                background: #ddd; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
                color: #ddd;
                border-color: #ddd; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
              background: #dc3545;
              color: #fff;
              border: none; }
          @media (max-width: 991px) {
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length .supp {
              padding-right: 0px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
              width: 20px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
              left: 0.5rem; } }
        @media (min-width: 992px) {
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
            display: flex;
            justify-content: flex-end;
            max-width: calc(15% + 20px); } }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts {
          margin-top: calc(20px - 2px); }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
        font-weight: 400;
        color: #10a700;
        font-size: 0.75rem; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
        position: absolute;
        bottom: 0px;
        width: auto;
        right: 0px;
        display: table; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart {
          background: #214a8c !important;
          color: #fff;
          font-size: 1rem;
          cursor: pointer;
          letter-spacing: 0.5px;
          font-family: "Poppins", sans-serif;
          width: 200px;
          text-transform: uppercase;
          margin: 40px auto;
          text-align: center;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px 10px;
          border: none;
          white-space: normal;
          line-height: 1rem;
          padding: 3px 5px;
          height: 30px;
          font-size: 0.75rem;
          margin: 0px;
          line-height: 10px;
          background: #214a8c !important;
          color: #fff; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
            background: #08285c !important;
            border: none; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart a {
            color: #fff;
            padding: 15px;
            width: 100%; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
            outline-style: none; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:hover, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart:focus {
            background: #08285c !important;
            border: none; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart.disabled {
          background: #eee !important;
          cursor: default;
          pointer-events: none; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart button.add-cart, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .btn-sml {
          width: 120px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text {
          height: 25px;
          font-family: "Poppins", sans-serif;
          color: #222;
          margin-bottom: 0.875rem;
          display: flex;
          align-items: center;
          font-size: 0.875rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart .text:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\e9a7";
            color: #222; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning {
        width: 100%;
        background: none;
        z-index: 1;
        padding: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning > span {
          background: #fff3cd;
          padding: 3px 5px 5px;
          min-height: 30px;
          max-height: 30px;
          font-size: calc(10px + 1px);
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download {
        margin-top: 10px;
        font-size: 0.8rem;
        color: #222;
        font-family: "Open Sans", sans-serif; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download i {
          font-size: 1rem;
          margin-right: 7px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a {
          display: inline-flex;
          align-items: center;
          color: #222;
          font-size: 0.8rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span {
            color: #666;
            text-decoration: underline;
            color: #222;
            margin-left: 7px;
            letter-spacing: 0.25px; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a span:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a img {
            height: 1rem; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download > a i {
            font-size: 1rem; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download #docModal .modal-dialog {
          max-width: calc(320px * 2); }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title {
          display: flex;
          align-items: center;
          text-align: left;
          margin: 0px 0px 15px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text {
            padding-left: 30px;
            max-width: 66.66%;
            flex: 0 0 66.66%; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .sub-title {
              line-height: normal; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title {
              margin: 0px; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text .title:after {
                background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body > div {
          display: flex;
          flex-wrap: wrap; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div {
          padding: 7px 0px 10px;
          color: #222; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            font-size: 1rem;
            color: #222; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .doc:before {
            content: "\e964"; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xLink:before {
            content: "\e95b"; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div .xDocs:before {
            content: "\e963"; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span {
            display: block;
            color: #666;
            line-height: 1.1rem;
            margin-left: 1.25rem; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span:before {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-right: 5px;
              right: 0px;
              font-weight: 400;
              content: "\e946";
              color: #666;
              font-size: 0.8rem; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              color: #666;
              text-decoration: underline;
              color: #222; }
              .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div span a:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary {
          color: #222;
          font-weight: 500;
          font-family: "Poppins", sans-serif; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .btn-secondary i {
            margin-right: 5px; }
        @media (max-width: 767px) {
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title {
            display: flex;
            flex-wrap: wrap; }
            .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-title .text {
              padding: 10px 0px 0px;
              max-width: 100%;
              flex: 0 0 100%; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .download .modal .modal-body div {
            max-width: 100%;
            flex: 0 0 100%; } }
    @media (max-width: 1199px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 35px; } }
    @media (min-width: 992px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
        margin-top: 5px; } }
    @media (max-width: 991px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
        padding: 2px 0px 0px 15px; } }
    @media (max-width: 767px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox {
        position: absolute;
        top: 75px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels {
        display: block !important; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory ._labels {
        display: none !important; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
        flex-wrap: wrap;
        min-height: auto; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price span {
          display: flex;
          align-items: center; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
        max-width: 360px !important; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
          margin-bottom: 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total {
        flex-wrap: wrap; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.total .saving {
          padding: 0px;
          width: 100%;
          text-align: left; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
        position: inherit;
        margin-top: 10px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .alert-warning {
        position: absolute;
        bottom: -40px !important; } }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
      width: 25%;
      padding: 15px; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details {
      position: relative;
      flex-direction: column;
      justify-content: flex-start; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details > .col {
        max-width: 100%;
        flex: 0 0 100%; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
        height: 50px;
        max-height: 50px;
        line-height: 1rem; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
        max-width: 100%; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a {
          top: -5px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
        min-height: 45px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .price + .supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .price + .supp, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .price + .supp {
          margin: 0px 5px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .eco, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .eco {
          display: inline-block; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
        height: calc(100px - 15px);
        margin-top: 5px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .add-to-cart {
        left: 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty {
        max-width: 100%;
        justify-content: flex-start;
        padding-top: 7px;
        position: relative; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-cuts {
          margin-top: calc(3px - 25px);
          margin-left: auto; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags {
        width: 100%; }
    @media screen and (max-width: 1440px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
        width: 33.333333%;
        padding: 10px; } }
    @media (min-width: 768px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
        border-right: 1px solid #ddd; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .checkbox {
        top: 10px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
        height: 200px;
        max-width: 200px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
          max-height: 190px;
          max-width: 190px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .text .co-label {
        min-height: 1.25rem; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop {
        right: auto;
        left: 80px;
        top: 7px; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.qty .cable-pop {
        left: 1.1rem;
        top: -0.875rem; } }
    @media (max-width: 767px) {
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
        width: 100%;
        padding: 15px 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .custom-input:checked ~ .custom-check:before {
        top: -1px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
        display: flex;
        align-items: center; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details {
        margin-top: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
          height: auto; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup a {
        display: inline-block;
        top: inherit; } }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
      width: 100%;
      padding: 15px;
      border-right: none;
      margin: 0px auto; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details {
      min-height: 400px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
        height: 150px;
        max-width: 150px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
          max-height: 150px;
          max-width: 150px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
        height: 30px;
        max-height: 30px;
        line-height: 0.875rem; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .sub-title {
        font-family: "Open Sans", sans-serif; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
        height: 60px;
        margin: 0px 0px 10px;
        text-align: left; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
          margin-bottom: 0px; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .delivery .leadtime {
          display: none !important; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup {
          height: 35px; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup .preferred {
            width: 100%; }
          .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:before, .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory .pickup:after {
            display: none; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price {
        margin-bottom: 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .sp-tags .tag.show .dropdown-menu {
        transform: none !important;
        top: auto !important;
        bottom: 20px !important;
        left: 0px !important; }
    @media (max-width: 767px) {
      .cart .listing .summary .widgets .nav-tabs .nav-item {
        width: 33.333333%;
        display: flex; }
        .cart .listing .summary .widgets .nav-tabs .nav-item > a.nav-link {
          font-size: 0.8rem;
          padding: 7px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels {
        display: none !important; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco {
        padding-left: 0px; } }
    .cart .listing .summary .widgets .product-slider .owl-carousel {
      border: 1px solid #ccc;
      border-top: none; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
        border-bottom: none;
        margin: 0px auto; }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form:hover {
          background: none; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details {
        min-height: calc(360px + 15px); }
        .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .inventory {
          margin: 0px;
          max-height: 30px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-nav .owl-prev {
        left: 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-nav .owl-next {
        right: 0px; }
  .cart .listing .summary .spinner {
    display: none; }
  .cart .listing .summary .htmx-request .spinner {
    display: inline; }
  .cart .listing .summary .htmx-request.spinner {
    display: inline; }
  .cart .listing .summary .htmx-request.spinner ~ .widgets {
    display: none; }
  .cart .listing .page-th form, .cart .listing .page form {
    border-bottom: 1px solid #ddd; }
    .cart .listing .page-th form:hover, .cart .listing .page form:hover {
      background-color: #f7fbff; }
  .cart .listing .page-th .details, .cart .listing .page .details {
    padding: 0px; }
    .cart .listing .page-th .details > .col, .cart .listing .page .details > .col {
      text-align: left;
      padding: 0px; }
      .cart .listing .page-th .details > .col .eco, .cart .listing .page .details > .col .eco {
        display: block;
        text-transform: inherit; }
    .cart .listing .page-th .details .col.checkbox, .cart .listing .page .details .col.checkbox {
      z-index: 1;
      max-width: 20px; }
    .cart .listing .page-th .details .supp, .cart .listing .page .details .supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page .details .col.pro-details {
      flex-wrap: wrap; }
      .cart .listing .page-th .details .col.pro-details .text, .cart .listing .page .details .col.pro-details .text {
        width: 100%; }
      .cart .listing .page-th .details .col.pro-details .product-img, .cart .listing .page .details .col.pro-details .product-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 160px;
        max-width: 160px;
        width: 100%;
        flex: 0 0 auto;
        margin: 0px auto; }
        .cart .listing .page-th .details .col.pro-details .product-img img, .cart .listing .page .details .col.pro-details .product-img img {
          width: auto; }
        .cart .listing .page-th .details .col.pro-details .product-img img, .cart .listing .page .details .col.pro-details .product-img img {
          max-height: calc(150px - 5px);
          max-width: calc(150px - 5px); }
      .cart .listing .page-th .details .col.pro-details .sub-title, .cart .listing .page .details .col.pro-details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-size: 0.8rem;
        font-weight: 300;
        text-transform: uppercase; }
        .cart .listing .page-th .details .col.pro-details .sub-title a, .cart .listing .page .details .col.pro-details .sub-title a {
          color: #666; }
          .cart .listing .page-th .details .col.pro-details .sub-title a:hover, .cart .listing .page .details .col.pro-details .sub-title a:hover {
            color: #222; }
      .cart .listing .page-th .details .col.pro-details .title, .cart .listing .page .details .col.pro-details .title {
        color: #222;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        line-height: 1.1rem;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
        max-height: 35px;
        overflow: hidden;
        position: relative; }
        .cart .listing .page-th .details .col.pro-details .title a, .cart .listing .page .details .col.pro-details .title a {
          color: #222; }
          .cart .listing .page-th .details .col.pro-details .title a:hover, .cart .listing .page .details .col.pro-details .title a:hover {
            color: #214a8c; }
        .cart .listing .page-th .details .col.pro-details .title:after, .cart .listing .page .details .col.pro-details .title:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 40%;
          height: 1rem;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
          bottom: 0px; }
      .cart .listing .page-th .details .col.pro-details .mfg, .cart .listing .page-th .details .col.pro-details .upc, .cart .listing .page-th .details .col.pro-details .co-label, .cart .listing .page .details .col.pro-details .mfg, .cart .listing .page .details .col.pro-details .upc, .cart .listing .page .details .col.pro-details .co-label {
        display: flex;
        min-height: auto; }
        .cart .listing .page-th .details .col.pro-details .mfg span, .cart .listing .page-th .details .col.pro-details .upc span, .cart .listing .page-th .details .col.pro-details .co-label span, .cart .listing .page .details .col.pro-details .mfg span, .cart .listing .page .details .col.pro-details .upc span, .cart .listing .page .details .col.pro-details .co-label span {
          font-size: 0.8rem; }
        .cart .listing .page-th .details .col.pro-details .mfg span:last-of-type, .cart .listing .page-th .details .col.pro-details .upc span:last-of-type, .cart .listing .page-th .details .col.pro-details .co-label span:last-of-type, .cart .listing .page .details .col.pro-details .mfg span:last-of-type, .cart .listing .page .details .col.pro-details .upc span:last-of-type, .cart .listing .page .details .col.pro-details .co-label span:last-of-type {
          width: calc(100% - 110px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .cart .listing .page-th .details .col.pro-details .mfg span:first-of-type, .cart .listing .page-th .details .col.pro-details .upc span:first-of-type, .cart .listing .page-th .details .col.pro-details .co-label span:first-of-type, .cart .listing .page-th .details .col.pro-details .personal-code span:first-of-type, .cart .listing .page .details .col.pro-details .mfg span:first-of-type, .cart .listing .page .details .col.pro-details .upc span:first-of-type, .cart .listing .page .details .col.pro-details .co-label span:first-of-type, .cart .listing .page .details .col.pro-details .personal-code span:first-of-type {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: inline-block; }
      .cart .listing .page-th .details .col.pro-details .personal-code, .cart .listing .page .details .col.pro-details .personal-code {
        font-size: 0.8rem; }
        .cart .listing .page-th .details .col.pro-details .personal-code a, .cart .listing .page .details .col.pro-details .personal-code a {
          color: #ff9933;
          text-decoration: underline; }
      .cart .listing .page-th .details .col.pro-details .change-code, .cart .listing .page .details .col.pro-details .change-code {
        display: flex; }
        .cart .listing .page-th .details .col.pro-details .change-code input, .cart .listing .page-th .details .col.pro-details .change-code textarea, .cart .listing .page .details .col.pro-details .change-code input, .cart .listing .page .details .col.pro-details .change-code textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .cart .listing .page-th .details .col.pro-details .change-code input, .cart .listing .page-th .details .col.pro-details .change-code button, .cart .listing .page .details .col.pro-details .change-code input, .cart .listing .page .details .col.pro-details .change-code button {
          height: 30px; }
        .cart .listing .page-th .details .col.pro-details .change-code textarea, .cart .listing .page .details .col.pro-details .change-code textarea {
          height: 50px; }
        .cart .listing .page-th .details .col.pro-details .change-code input, .cart .listing .page .details .col.pro-details .change-code input {
          width: 200px;
          padding: 5px 7px;
          font-size: 0.8rem;
          margin: 5px 0px; }
        .cart .listing .page-th .details .col.pro-details .change-code button.img, .cart .listing .page .details .col.pro-details .change-code button.img {
          height: 30px;
          border: none;
          background: none;
          padding: 0px;
          cursor: pointer;
          margin: 5px 0px; }
        .cart .listing .page-th .details .col.pro-details .change-code input[type="image"], .cart .listing .page-th .details .col.pro-details .change-code img, .cart .listing .page .details .col.pro-details .change-code input[type="image"], .cart .listing .page .details .col.pro-details .change-code img {
          padding: 2px;
          margin-left: 5px;
          width: 30px;
          height: 30px;
          border: none;
          background: none !important; }
      .cart .listing .page-th .details .col.pro-details .change-code.collapse:not(.show), .cart .listing .page .details .col.pro-details .change-code.collapse:not(.show) {
        display: none; }
      .cart .listing .page-th .details .col.pro-details .change-code.show, .cart .listing .page .details .col.pro-details .change-code.show {
        display: flex; }
      @media (max-width: 991px) {
        .cart .listing .page-th .details .col.pro-details .mfg, .cart .listing .page-th .details .col.pro-details .upc, .cart .listing .page-th .details .col.pro-details .co-label, .cart .listing .page .details .col.pro-details .mfg, .cart .listing .page .details .col.pro-details .upc, .cart .listing .page .details .col.pro-details .co-label {
          margin: 5px 0px; } }
    .cart .listing .page-th .details .inventory, .cart .listing .page .details .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .cart .listing .page-th .details .inventory .supp, .cart .listing .page .details .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .cart .listing .page-th .details .inventory .in-stock, .cart .listing .page-th .details .inventory .out-stock, .cart .listing .page .details .inventory .in-stock, .cart .listing .page .details .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .cart .listing .page-th .details .inventory .in-stock:before, .cart .listing .page-th .details .inventory .out-stock:before, .cart .listing .page .details .inventory .in-stock:before, .cart .listing .page .details .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .cart .listing .page-th .details .inventory .in-stock, .cart .listing .page .details .inventory .in-stock {
        color: #10a700; }
        .cart .listing .page-th .details .inventory .in-stock:before, .cart .listing .page .details .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .cart .listing .page-th .details .inventory .out-stock, .cart .listing .page .details .inventory .out-stock {
        color: #dc3545; }
        .cart .listing .page-th .details .inventory .out-stock:before, .cart .listing .page .details .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .cart .listing .page-th .details .inventory .delivery, .cart .listing .page .details .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .cart .listing .page-th .details .inventory .delivery .in-stock:before, .cart .listing .page .details .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .cart .listing .page-th .details .inventory .pickup .in-stock:before, .cart .listing .page .details .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .cart .listing .page-th .details .inventory .pickup, .cart .listing .page .details .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .cart .listing .page-th .details .inventory .pickup:before, .cart .listing .page .details .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .cart .listing .page-th .details .inventory .pickup:after, .cart .listing .page .details .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .cart .listing .page-th .details .inventory .nonstock .out-stock, .cart .listing .page .details .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .cart .listing .page-th .details .inventory .nonstock .out-stock:before, .cart .listing .page .details .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .cart .listing .page-th .details .inventory .nonstock .supp, .cart .listing .page .details .inventory .nonstock .supp {
        color: #dc3545; }
      .cart .listing .page-th .details .inventory .leadtime span, .cart .listing .page .details .inventory .leadtime span {
        color: #10a700; }
      .cart .listing .page-th .details .inventory .leadtime.supp, .cart .listing .page-th .details .inventory .pickup .preferred, .cart .listing .page .details .inventory .leadtime.supp, .cart .listing .page .details .inventory .pickup .preferred {
        display: block; }
      .cart .listing .page-th .details .inventory .preferred, .cart .listing .page .details .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .cart .listing .page-th .details .inventory .out-stock ~ .preferred, .cart .listing .page .details .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .cart .listing .page-th .details .inventory .backorder .in-stock, .cart .listing .page-th .details .inventory .nonstock .in-stock, .cart .listing .page .details .inventory .backorder .in-stock, .cart .listing .page .details .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .cart .listing .page-th .details .inventory .backorder .in-stock:before, .cart .listing .page-th .details .inventory .nonstock .in-stock:before, .cart .listing .page .details .inventory .backorder .in-stock:before, .cart .listing .page .details .inventory .nonstock .in-stock:before {
          color: #666; }
      .cart .listing .page-th .details .inventory ._labels, .cart .listing .page .details .inventory ._labels {
        display: none !important; }
      .cart .listing .page-th .details .inventory .text, .cart .listing .page .details .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .cart .listing .page-th .details .inventory .text span, .cart .listing .page .details .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .cart .listing .page-th .details .inventory .text span:before, .cart .listing .page .details .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .cart .listing .page-th .details .inventory .text span:after, .cart .listing .page .details .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .cart .listing .page-th .details .inventory .text span a, .cart .listing .page .details .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .cart .listing .page-th .details .inventory .text span a:hover, .cart .listing .page .details .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .cart .listing .page-th .details .inventory, .cart .listing .page .details .inventory {
          margin-bottom: 5px; }
          .cart .listing .page-th .details .inventory .pickup:before, .cart .listing .page .details .inventory .pickup:before {
            height: 1.5rem; }
          .cart .listing .page-th .details .inventory .pickup:after, .cart .listing .page .details .inventory .pickup:after {
            bottom: -20px; }
          .cart .listing .page-th .details .inventory .pickup:last-child:before, .cart .listing .page-th .details .inventory .pickup:last-child:after, .cart .listing .page .details .inventory .pickup:last-child:before, .cart .listing .page .details .inventory .pickup:last-child:after {
            display: none; }
          .cart .listing .page-th .details .inventory .leadtime.supp, .cart .listing .page-th .details .inventory .pickup .preferred, .cart .listing .page .details .inventory .leadtime.supp, .cart .listing .page .details .inventory .pickup .preferred {
            display: inline-block; } }
      .cart .listing .page-th .details .inventory .leadtime.supp, .cart .listing .page-th .details .inventory .pickup .preferred, .cart .listing .page .details .inventory .leadtime.supp, .cart .listing .page .details .inventory .pickup .preferred {
        padding-left: 25px; }
    .cart .listing .page-th .details .pickup, .cart .listing .page .details .pickup {
      max-width: 100%;
      flex: 0 0 100%; }
    .cart .listing .page-th .details .branch, .cart .listing .page .details .branch {
      margin-left: 25px; }
      .cart .listing .page-th .details .branch button, .cart .listing .page .details .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .cart .listing .page-th .details .branch button:focus, .cart .listing .page .details .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .cart .listing .page-th .details .branch .dropdown-menu, .cart .listing .page .details .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .cart .listing .page-th .details .branch .dropdown-menu li, .cart .listing .page .details .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .cart .listing .page-th .details .branch .dropdown-menu li:after, .cart .listing .page .details .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .cart .listing .page-th .details .branch .dropdown-menu li span, .cart .listing .page .details .branch .dropdown-menu li span {
            color: #dc3545; }
        .cart .listing .page-th .details .branch .dropdown-menu li.available:after, .cart .listing .page .details .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .cart .listing .page-th .details .branch .dropdown-menu li.available span, .cart .listing .page .details .branch .dropdown-menu li.available span {
          color: #10a700; }
    .cart .listing .page-th .details .col.price, .cart .listing .page .details .col.price {
      margin-bottom: 15px;
      display: flex;
      align-items: first baseline;
      flex-wrap: wrap;
      flex-direction: row; }
      .cart .listing .page-th .details .col.price .sale, .cart .listing .page .details .col.price .sale {
        color: #dc3545;
        margin: 0px; }
      .cart .listing .page-th .details .col.price .price, .cart .listing .page .details .col.price .price {
        color: #222; }
      .cart .listing .page-th .details .col.price .discount, .cart .listing .page .details .col.price .discount {
        color: #222;
        margin: 0px; }
      .cart .listing .page-th .details .col.price .sale + .price, .cart .listing .page-th .details .col.price .discount + .price, .cart .listing .page .details .col.price .sale + .price, .cart .listing .page .details .col.price .discount + .price {
        text-decoration: line-through;
        color: #666;
        font-size: 0.95rem;
        margin-left: 5px;
        display: initial; }
      .cart .listing .page-th .details .col.price .supp, .cart .listing .page .details .col.price .supp {
        margin-left: 5px; }
      .cart .listing .page-th .details .col.price .eco, .cart .listing .page .details .col.price .eco {
        color: #10a700; }
      .cart .listing .page-th .details .col.price > span:nth-of-type(2), .cart .listing .page .details .col.price > span:nth-of-type(2) {
        font-size: 1.1rem; }
      @media (max-width: 991px) {
        .cart .listing .page-th .details .col.price .supp:not(:last-child), .cart .listing .page .details .col.price .supp:not(:last-child) {
          margin-right: 10px; } }
    .cart .listing .page-th .details .col.qty, .cart .listing .page .details .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .cart .listing .page-th .details .col.qty input, .cart .listing .page-th .details .col.qty textarea, .cart .listing .page .details .col.qty input, .cart .listing .page .details .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .cart .listing .page-th .details .col.qty input, .cart .listing .page-th .details .col.qty button, .cart .listing .page .details .col.qty input, .cart .listing .page .details .col.qty button {
        height: 30px; }
      .cart .listing .page-th .details .col.qty textarea, .cart .listing .page .details .col.qty textarea {
        height: 50px; }
      .cart .listing .page-th .details .col.qty input, .cart .listing .page .details .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .cart .listing .page-th .details .col.qty input.disabled, .cart .listing .page .details .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .cart .listing .page-th .details .col.qty input.input-validation-error, .cart .listing .page .details .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .cart .listing .page-th .details .col.qty span.margin + input, .cart .listing .page .details .col.qty span.margin + input {
        margin-left: 5px; }
      .cart .listing .page-th .details .col.qty span.uom, .cart .listing .page .details .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .cart .listing .page-th .details .col.qty > span.supp, .cart .listing .page-th .details .col.qty .available, .cart .listing .page .details .col.qty > span.supp, .cart .listing .page .details .col.qty .available {
        line-height: 30px; }
      .cart .listing .page-th .details .col.qty .cable-cuts .cable-row, .cart .listing .page .details .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .cut, .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length, .cart .listing .page .details .col.qty .cable-cuts .cable-row .cut, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .cart .listing .page .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length:after, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button, .cart .listing .page .details .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button i, .cart .listing .page .details .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button i:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .cart .listing .page .details .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .cart .listing .page .details .col.qty .cable-cuts .cable-row .cut .supp, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .cart .listing .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .cart .listing .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .cart .listing .page-th .details .col.qty, .cart .listing .page .details .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
      .cart .listing .page-th .details .col.qty .cable-cuts, .cart .listing .page .details .col.qty .cable-cuts {
        margin-top: calc(20px - 2px); }
    .cart .listing .page-th .details .col.total .saving, .cart .listing .page .details .col.total .saving {
      font-weight: 400;
      color: #10a700;
      font-size: 0.75rem; }
    .cart .listing .page-th .details .add-to-cart, .cart .listing .page .details .add-to-cart {
      position: absolute;
      bottom: 0px;
      width: auto;
      right: 0px;
      display: table; }
      .cart .listing .page-th .details .add-to-cart button.add-cart, .cart .listing .page .details .add-to-cart button.add-cart {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff; }
        .cart .listing .page-th .details .add-to-cart button.add-cart:hover, .cart .listing .page-th .details .add-to-cart button.add-cart:focus, .cart .listing .page .details .add-to-cart button.add-cart:hover, .cart .listing .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
        .cart .listing .page-th .details .add-to-cart button.add-cart a, .cart .listing .page .details .add-to-cart button.add-cart a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .cart .listing .page-th .details .add-to-cart button.add-cart:focus, .cart .listing .page .details .add-to-cart button.add-cart:focus {
          outline-style: none; }
        .cart .listing .page-th .details .add-to-cart button.add-cart:hover, .cart .listing .page-th .details .add-to-cart button.add-cart:focus, .cart .listing .page .details .add-to-cart button.add-cart:hover, .cart .listing .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
      .cart .listing .page-th .details .add-to-cart button.add-cart.disabled, .cart .listing .page .details .add-to-cart button.add-cart.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .cart .listing .page-th .details .add-to-cart button.add-cart, .cart .listing .page-th .details .add-to-cart .btn-sml, .cart .listing .page .details .add-to-cart button.add-cart, .cart .listing .page .details .add-to-cart .btn-sml {
        width: 120px; }
      .cart .listing .page-th .details .add-to-cart .text, .cart .listing .page .details .add-to-cart .text {
        height: 25px;
        font-family: "Poppins", sans-serif;
        color: #222;
        margin-bottom: 0.875rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem; }
        .cart .listing .page-th .details .add-to-cart .text:before, .cart .listing .page .details .add-to-cart .text:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\e9a7";
          color: #222; }
    .cart .listing .page-th .details .alert-warning, .cart .listing .page .details .alert-warning {
      width: 100%;
      background: none;
      z-index: 1;
      padding: 0px; }
      .cart .listing .page-th .details .alert-warning > span, .cart .listing .page .details .alert-warning > span {
        background: #fff3cd;
        padding: 3px 5px 5px;
        min-height: 30px;
        max-height: 30px;
        font-size: calc(10px + 1px);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
    .cart .listing .page-th .details .download, .cart .listing .page .details .download {
      margin-top: 10px;
      font-size: 0.8rem;
      color: #222;
      font-family: "Open Sans", sans-serif; }
      .cart .listing .page-th .details .download i, .cart .listing .page .details .download i {
        font-size: 1rem;
        margin-right: 7px; }
      .cart .listing .page-th .details .download > a, .cart .listing .page .details .download > a {
        display: inline-flex;
        align-items: center;
        color: #222;
        font-size: 0.8rem; }
        .cart .listing .page-th .details .download > a span, .cart .listing .page .details .download > a span {
          color: #666;
          text-decoration: underline;
          color: #222;
          margin-left: 7px;
          letter-spacing: 0.25px; }
          .cart .listing .page-th .details .download > a span:hover, .cart .listing .page .details .download > a span:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
        .cart .listing .page-th .details .download > a img, .cart .listing .page .details .download > a img {
          height: 1rem; }
        .cart .listing .page-th .details .download > a i, .cart .listing .page .details .download > a i {
          font-size: 1rem; }
      .cart .listing .page-th .details .download #docModal .modal-dialog, .cart .listing .page .details .download #docModal .modal-dialog {
        max-width: calc(320px * 2); }
      .cart .listing .page-th .details .download .modal .modal-title, .cart .listing .page .details .download .modal .modal-title {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0px 0px 15px; }
        .cart .listing .page-th .details .download .modal .modal-title .text, .cart .listing .page .details .download .modal .modal-title .text {
          padding-left: 30px;
          max-width: 66.66%;
          flex: 0 0 66.66%; }
          .cart .listing .page-th .details .download .modal .modal-title .text .sub-title, .cart .listing .page .details .download .modal .modal-title .text .sub-title {
            line-height: normal; }
          .cart .listing .page-th .details .download .modal .modal-title .text .title, .cart .listing .page .details .download .modal .modal-title .text .title {
            margin: 0px; }
            .cart .listing .page-th .details .download .modal .modal-title .text .title:after, .cart .listing .page .details .download .modal .modal-title .text .title:after {
              background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
      .cart .listing .page-th .details .download .modal .modal-body > div, .cart .listing .page .details .download .modal .modal-body > div {
        display: flex;
        flex-wrap: wrap; }
      .cart .listing .page-th .details .download .modal .modal-body div, .cart .listing .page .details .download .modal .modal-body div {
        padding: 7px 0px 10px;
        color: #222; }
        .cart .listing .page-th .details .download .modal .modal-body div .doc:before, .cart .listing .page-th .details .download .modal .modal-body div .xLink:before, .cart .listing .page-th .details .download .modal .modal-body div .xDocs:before, .cart .listing .page .details .download .modal .modal-body div .doc:before, .cart .listing .page .details .download .modal .modal-body div .xLink:before, .cart .listing .page .details .download .modal .modal-body div .xDocs:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          color: #222; }
        .cart .listing .page-th .details .download .modal .modal-body div .doc:before, .cart .listing .page .details .download .modal .modal-body div .doc:before {
          content: "\e964"; }
        .cart .listing .page-th .details .download .modal .modal-body div .xLink:before, .cart .listing .page .details .download .modal .modal-body div .xLink:before {
          content: "\e95b"; }
        .cart .listing .page-th .details .download .modal .modal-body div .xDocs:before, .cart .listing .page .details .download .modal .modal-body div .xDocs:before {
          content: "\e963"; }
        .cart .listing .page-th .details .download .modal .modal-body div span, .cart .listing .page .details .download .modal .modal-body div span {
          display: block;
          color: #666;
          line-height: 1.1rem;
          margin-left: 1.25rem; }
          .cart .listing .page-th .details .download .modal .modal-body div span:before, .cart .listing .page .details .download .modal .modal-body div span:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e946";
            color: #666;
            font-size: 0.8rem; }
          .cart .listing .page-th .details .download .modal .modal-body div span a, .cart .listing .page .details .download .modal .modal-body div span a {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            color: #666;
            text-decoration: underline;
            color: #222; }
            .cart .listing .page-th .details .download .modal .modal-body div span a:hover, .cart .listing .page .details .download .modal .modal-body div span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      .cart .listing .page-th .details .download .modal .btn-secondary, .cart .listing .page .details .download .modal .btn-secondary {
        color: #222;
        font-weight: 500;
        font-family: "Poppins", sans-serif; }
        .cart .listing .page-th .details .download .modal .btn-secondary i, .cart .listing .page .details .download .modal .btn-secondary i {
          margin-right: 5px; }
      @media (max-width: 767px) {
        .cart .listing .page-th .details .download .modal .modal-title, .cart .listing .page .details .download .modal .modal-title {
          display: flex;
          flex-wrap: wrap; }
          .cart .listing .page-th .details .download .modal .modal-title .text, .cart .listing .page .details .download .modal .modal-title .text {
            padding: 10px 0px 0px;
            max-width: 100%;
            flex: 0 0 100%; }
        .cart .listing .page-th .details .download .modal .modal-body div, .cart .listing .page .details .download .modal .modal-body div {
          max-width: 100%;
          flex: 0 0 100%; } }
  @media (max-width: 1199px) {
    .cart .listing .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .cart .listing .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 35px; } }
  @media (min-width: 992px) {
    .cart .listing .page-th .details .col.total .saving, .cart .listing .page .details .col.total .saving {
      margin-top: 5px; } }
  @media (max-width: 991px) {
    .cart .listing .page-th .details .col.total .saving, .cart .listing .page .details .col.total .saving {
      padding: 2px 0px 0px 15px; } }
  @media (max-width: 767px) {
    .cart .listing .page-th .details .checkbox, .cart .listing .page .details .checkbox {
      position: absolute;
      top: 75px; }
    .cart .listing .page-th .details .col ._labels, .cart .listing .page .details .col ._labels {
      display: block !important; }
    .cart .listing .page-th .details .inventory ._labels, .cart .listing .page .details .inventory ._labels {
      display: none !important; }
    .cart .listing .page-th .details .col.price, .cart .listing .page .details .col.price {
      flex-wrap: wrap;
      min-height: auto; }
      .cart .listing .page-th .details .col.price span, .cart .listing .page .details .col.price span {
        display: flex;
        align-items: center; }
    .cart .listing .page-th .details .col.qty, .cart .listing .page .details .col.qty {
      max-width: 360px !important; }
      .cart .listing .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .cart .listing .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .cart .listing .page-th .details .col.total, .cart .listing .page .details .col.total {
      flex-wrap: wrap; }
      .cart .listing .page-th .details .col.total .saving, .cart .listing .page .details .col.total .saving {
        padding: 0px;
        width: 100%;
        text-align: left; }
    .cart .listing .page-th .details .add-to-cart, .cart .listing .page .details .add-to-cart {
      position: inherit;
      margin-top: 10px; }
    .cart .listing .page-th .details .alert-warning, .cart .listing .page .details .alert-warning {
      position: absolute;
      bottom: -40px !important; } }
  .cart .listing .page-th form, .cart .listing .page form {
    width: 100%;
    padding: 15px 0px; }
  .cart .listing .page-th .details, .cart .listing .page .details {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row; }
    .cart .listing .page-th .details .checkbox, .cart .listing .page .details .checkbox {
      align-self: center; }
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page .details .col.pro-details {
      max-width: calc(50% - 20px);
      display: flex;
      flex-wrap: nowrap;
      padding-right: 20px; }
      .cart .listing .page-th .details .col.pro-details .s-desc, .cart .listing .page .details .col.pro-details .s-desc {
        font-size: 0.875rem;
        overflow: hidden;
        position: relative;
        max-height: 45px; }
        .cart .listing .page-th .details .col.pro-details .s-desc:after, .cart .listing .page .details .col.pro-details .s-desc:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          height: 20px;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
    .cart .listing .page-th .details .col.price, .cart .listing .page-th .details .col.total, .cart .listing .page .details .col.price, .cart .listing .page .details .col.total {
      text-align: right; }
    .cart .listing .page-th .details .ordered .qty, .cart .listing .page .details .ordered .qty {
      text-align: left; }
    .cart .listing .page-th .details .col.qty, .cart .listing .page .details .col.qty {
      position: static; }
      .cart .listing .page-th .details .col.qty .uom + .supp, .cart .listing .page .details .col.qty .uom + .supp {
        min-width: 100%;
        padding-right: 7px; }
      .cart .listing .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .cart .listing .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 40px; }
    .cart .listing .page-th .details .col.price .eco, .cart .listing .page .details .col.price .eco {
      margin-top: 3px; }
    .cart .listing .page-th .details .col.price:empty, .cart .listing .page .details .col.price:empty {
      margin: 0px;
      padding: 0px;
      min-height: 0px; }
    .cart .listing .page-th .details .sp-tags, .cart .listing .page .details .sp-tags {
      justify-content: flex-end; }
    .cart .listing .page-th .details .alert-warning, .cart .listing .page .details .alert-warning {
      position: absolute;
      bottom: 0px;
      width: 200px;
      right: 0px; }
    .cart .listing .page-th .details .remove, .cart .listing .page .details .remove {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
      .cart .listing .page-th .details .remove button, .cart .listing .page .details .remove button {
        height: 30px;
        border: none;
        background: #fff;
        padding: 0px;
        height: auto;
        cursor: pointer; }
      .cart .listing .page-th .details .remove button, .cart .listing .page-th .details .remove a, .cart .listing .page .details .remove button, .cart .listing .page .details .remove a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        font-size: 0.875rem;
        color: #222;
        display: flex; }
        .cart .listing .page-th .details .remove button:hover, .cart .listing .page-th .details .remove a:hover, .cart .listing .page .details .remove button:hover, .cart .listing .page .details .remove a:hover {
          color: #214a8c;
          text-decoration: none; }
        .cart .listing .page-th .details .remove button span, .cart .listing .page-th .details .remove a span, .cart .listing .page .details .remove button span, .cart .listing .page .details .remove a span {
          margin-left: 3px; }
        .cart .listing .page-th .details .remove button i, .cart .listing .page-th .details .remove a i, .cart .listing .page .details .remove button i, .cart .listing .page .details .remove a i {
          font-size: 1.2rem;
          color: #222; }
        .cart .listing .page-th .details .remove button:hover i, .cart .listing .page-th .details .remove a:hover i, .cart .listing .page .details .remove button:hover i, .cart .listing .page .details .remove a:hover i {
          color: #214a8c; }
      .cart .listing .page-th .details .remove button, .cart .listing .page .details .remove button {
        background: none; }
    .cart .listing .page-th .details .remove, .cart .listing .page-th .details .pro-status, .cart .listing .page .details .remove, .cart .listing .page .details .pro-status {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
    .cart .listing .page-th .details .pro-status, .cart .listing .page .details .pro-status {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      padding: 3px 10px;
      border-radius: 4px;
      line-height: normal; }
      .cart .listing .page-th .details .pro-status:before, .cart .listing .page .details .pro-status:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        padding: 0px;
        margin-right: 7px;
        top: 2px; }
      .cart .listing .page-th .details .pro-status.add, .cart .listing .page .details .pro-status.add {
        color: #00950a;
        background: #c8f0c8; }
        .cart .listing .page-th .details .pro-status.add:before, .cart .listing .page .details .pro-status.add:before {
          content: "\e92c";
          color: #00950a; }
      .cart .listing .page-th .details .pro-status.update, .cart .listing .page .details .pro-status.update {
        color: #1b90e2;
        background: #c6e3f8; }
        .cart .listing .page-th .details .pro-status.update:before, .cart .listing .page .details .pro-status.update:before {
          content: "\e9ca";
          color: #1b90e2; }
      .cart .listing .page-th .details .pro-status.remove, .cart .listing .page .details .pro-status.remove {
        color: #dc3545;
        background: #fbdadc; }
        .cart .listing .page-th .details .pro-status.remove:before, .cart .listing .page .details .pro-status.remove:before {
          content: "\ea03";
          color: #dc3545; }
      .cart .listing .page-th .details .pro-status.update:nth-last-child(4), .cart .listing .page .details .pro-status.update:nth-last-child(4) {
        bottom: 30px; }
      .cart .listing .page-th .details .pro-status.note, .cart .listing .page .details .pro-status.note {
        color: #de6e00;
        background: #fbe4b5; }
        .cart .listing .page-th .details .pro-status.note:before, .cart .listing .page .details .pro-status.note:before {
          content: "\e964";
          color: #de6e00; }
    .cart .listing .page-th .details .quote-details, .cart .listing .page .details .quote-details {
      padding-left: 100px; }
      .cart .listing .page-th .details .quote-details .pro-note, .cart .listing .page .details .quote-details .pro-note {
        padding: 0px;
        max-width: calc(66.66% - 30px - 2px);
        position: relative;
        margin-bottom: 15px; }
        .cart .listing .page-th .details .quote-details .pro-note label, .cart .listing .page .details .quote-details .pro-note label {
          font-size: 0.8rem;
          text-align: left;
          font-family: "Open Sans", sans-serif;
          letter-spacing: normal;
          min-width: 110px;
          line-height: 1.2rem;
          display: flex; }
        .cart .listing .page-th .details .quote-details .pro-note span.update, .cart .listing .page .details .quote-details .pro-note span.update {
          margin-left: 10px; }
        .cart .listing .page-th .details .quote-details .pro-note input, .cart .listing .page-th .details .quote-details .pro-note textarea, .cart .listing .page .details .quote-details .pro-note input, .cart .listing .page .details .quote-details .pro-note textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .cart .listing .page-th .details .quote-details .pro-note input, .cart .listing .page-th .details .quote-details .pro-note button, .cart .listing .page .details .quote-details .pro-note input, .cart .listing .page .details .quote-details .pro-note button {
          height: 30px; }
        .cart .listing .page-th .details .quote-details .pro-note textarea, .cart .listing .page .details .quote-details .pro-note textarea {
          height: 50px; }
        .cart .listing .page-th .details .quote-details .pro-note p, .cart .listing .page-th .details .quote-details .pro-note textarea, .cart .listing .page .details .quote-details .pro-note p, .cart .listing .page .details .quote-details .pro-note textarea {
          font-size: 0.75rem;
          color: #222;
          border-color: #ddd;
          margin-bottom: 0px; }
        .cart .listing .page-th .details .quote-details .pro-note textarea, .cart .listing .page .details .quote-details .pro-note textarea {
          height: 30px; }
        .cart .listing .page-th .details .quote-details .pro-note p.supp, .cart .listing .page .details .quote-details .pro-note p.supp {
          color: #666; }
    .cart .listing .page-th .details:hover .text .s-desc:before, .cart .listing .page .details:hover .text .s-desc:before {
      background-color: #f7fbff; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page .details .col.pro-details {
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .cart .listing .page-th .details:not(.dnr), .cart .listing .page .details:not(.dnr) {
      justify-content: space-between; }
    .cart .listing .page-th .quote-details, .cart .listing .page .quote-details {
      flex-direction: row; }
    .cart .listing .page-th .details .col.price, .cart .listing .page .details .col.price {
      justify-content: flex-end;
      align-content: flex-start; }
      .cart .listing .page-th .details .col.price .eco, .cart .listing .page .details .col.price .eco {
        min-width: 100%; }
    .cart .listing .page-th .details .sp-tags .tag, .cart .listing .page .details .sp-tags .tag {
      margin-top: 7px; } }
  @media (max-width: 991px) {
    .cart .listing .page-th .details .checkbox, .cart .listing .page .details .checkbox {
      position: absolute; }
    .cart .listing .page-th .details .col ._labels, .cart .listing .page .details .col ._labels {
      display: block !important; }
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page-th .details .inventory, .cart .listing .page-th .details .col.price, .cart .listing .page-th .details .ordered, .cart .listing .page-th .details .quote-details, .cart .listing .page .details .col.pro-details, .cart .listing .page .details .inventory, .cart .listing .page .details .col.price, .cart .listing .page .details .ordered, .cart .listing .page .details .quote-details {
      max-width: 100%;
      flex: 0 0 100%;
      align-items: center;
      text-align: left; }
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page .details .col.pro-details {
      padding: 0px 0px 10px; }
    .cart .listing .page-th .details .inventory, .cart .listing .page-th .details .col.price, .cart .listing .page-th .details .col.qty, .cart .listing .page-th .details .ordered, .cart .listing .page-th .details .quote-details, .cart .listing .page .details .inventory, .cart .listing .page .details .col.price, .cart .listing .page .details .col.qty, .cart .listing .page .details .ordered, .cart .listing .page .details .quote-details {
      padding-left: 160px;
      flex-wrap: wrap;
      min-height: 30px; }
    .cart .listing .page-th .details .inventory, .cart .listing .page .details .inventory {
      margin-top: 5px; }
      .cart .listing .page-th .details .inventory .delivery .leadtime.supp, .cart .listing .page-th .details .inventory .pickup .preferred, .cart .listing .page-th .details .inventory .inventory .pickup a, .cart .listing .page .details .inventory .delivery .leadtime.supp, .cart .listing .page .details .inventory .pickup .preferred, .cart .listing .page .details .inventory .inventory .pickup a {
        display: inline-block; }
      .cart .listing .page-th .details .inventory .pickup:before, .cart .listing .page .details .inventory .pickup:before {
        height: 1.5rem; }
      .cart .listing .page-th .details .inventory .pickup:after, .cart .listing .page .details .inventory .pickup:after {
        bottom: -20px; }
    .cart .listing .page-th .details .ordered span.supp, .cart .listing .page .details .ordered span.supp {
      margin-left: 5px; }
      .cart .listing .page-th .details .ordered span.supp:before, .cart .listing .page .details .ordered span.supp:before {
        content: "(";
        padding-right: 1px; }
      .cart .listing .page-th .details .ordered span.supp:after, .cart .listing .page .details .ordered span.supp:after {
        content: ")";
        padding-left: 1px; }
    .cart .listing .page-th .details .col.price, .cart .listing .page .details .col.price {
      min-height: 45px; }
      .cart .listing .page-th .details .col.price .eco, .cart .listing .page .details .col.price .eco {
        margin-top: 0px; }
    .cart .listing .page-th .details .col.qty, .cart .listing .page .details .col.qty {
      margin-left: 0px;
      max-width: 100%;
      flex: 0 0 100%;
      position: relative; }
      .cart .listing .page-th .details .col.qty .uom + .supp, .cart .listing .page .details .col.qty .uom + .supp {
        min-width: auto;
        padding-right: 7px; }
      .cart .listing .page-th .details .col.qty .cable-cuts, .cart .listing .page .details .col.qty .cable-cuts {
        margin-top: calc(3px - 25px);
        margin-left: 25px; }
      .cart .listing .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .cart .listing .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .cart .listing .page-th .details .alert-warning, .cart .listing .page .details .alert-warning {
      position: inherit;
      width: 100%; }
    .cart .listing .page-th .details .pro-status, .cart .listing .page .details .pro-status {
      right: auto;
      bottom: -5px;
      left: 100px;
      font-size: 0.75rem; }
      .cart .listing .page-th .details .pro-status.update:nth-last-child(4), .cart .listing .page .details .pro-status.update:nth-last-child(4) {
        bottom: -3px; }
    .cart .listing .page-th .details .update + .note, .cart .listing .page .details .update + .note {
      left: auto;
      right: 0px; }
    .cart .listing .page-th .details .pro-status + .quote-details, .cart .listing .page .details .pro-status + .quote-details {
      margin-bottom: 10px; }
    .cart .listing .page-th .details .quote-details, .cart .listing .page .details .quote-details {
      flex-wrap: wrap; }
      .cart .listing .page-th .details .quote-details .pro-note, .cart .listing .page .details .quote-details .pro-note {
        display: flex;
        max-width: 100%;
        flex: 0 0 100%; }
        .cart .listing .page-th .details .quote-details .pro-note label, .cart .listing .page-th .details .quote-details .pro-note .text, .cart .listing .page .details .quote-details .pro-note label, .cart .listing .page .details .quote-details .pro-note .text {
          margin-bottom: 0px;
          padding-left: 0px;
          width: auto; }
        .cart .listing .page-th .details .quote-details .pro-note textarea, .cart .listing .page .details .quote-details .pro-note textarea {
          margin-bottom: 25px; }
        .cart .listing .page-th .details .quote-details .pro-note p.supp, .cart .listing .page .details .quote-details .pro-note p.supp {
          bottom: 10px; } }
  @media (max-width: 767px) {
    .cart .listing .page-th .details .col.pro-details, .cart .listing .page .details .col.pro-details {
      flex-wrap: wrap; }
      .cart .listing .page-th .details .col.pro-details .s-desc, .cart .listing .page .details .col.pro-details .s-desc {
        max-height: 40px; }
    .cart .listing .page-th .details .inventory, .cart .listing .page-th .details .col.price, .cart .listing .page-th .details .col.qty, .cart .listing .page-th .details .ordered, .cart .listing .page-th .details .quote-details, .cart .listing .page .details .inventory, .cart .listing .page .details .col.price, .cart .listing .page .details .col.qty, .cart .listing .page .details .ordered, .cart .listing .page .details .quote-details {
      padding-left: 0px; }
    .cart .listing .page-th .details .col.price, .cart .listing .page .details .col.price {
      flex-wrap: wrap; }
    .cart .listing .page-th .details .sp-tags, .cart .listing .page .details .sp-tags {
      width: 100%; }
    .cart .listing .page-th .details .col.qty .cable-cuts, .cart .listing .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 50px - 5px);
      margin-left: auto; }
    .cart .listing .page-th .details .sp-tags, .cart .listing .page .details .sp-tags {
      justify-content: flex-start;
      margin-left: 0px; }
    .cart .listing .page-th .details .alert-warning, .cart .listing .page .details .alert-warning {
      position: absolute; }
    .cart .listing .page-th .details .pro-status, .cart .listing .page .details .pro-status {
      left: 0px; }
      .cart .listing .page-th .details .pro-status:before, .cart .listing .page .details .pro-status:before {
        display: none; } }
  .cart .listing .page-th, .cart .listing .page .details {
    /* -------------- REMOVE AFTERWARDS -------------- */ }
    .cart .listing .page-th form, .cart .listing .page .details form {
      border-bottom: none;
      padding: 0px; }
      .cart .listing .page-th form:hover, .cart .listing .page .details form:hover {
        background-color: transparent; }
    .cart .listing .page-th .inventory, .cart .listing .page-th .col.qty, .cart .listing .page-th .col.total, .cart .listing .page .details .inventory, .cart .listing .page .details .col.qty, .cart .listing .page .details .col.total {
      max-width: 16.666667%; }
    .cart .listing .page-th .col.pro-details .product-img, .cart .listing .page .details .col.pro-details .product-img {
      width: 100%;
      height: 100px;
      max-width: 100px; }
      .cart .listing .page-th .col.pro-details .product-img img, .cart .listing .page .details .col.pro-details .product-img img {
        max-height: 80px;
        max-width: 80px; }
    .cart .listing .page-th .alert-warning, .cart .listing .page .details .alert-warning {
      position: inherit; }
    .cart .listing .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .cart .listing .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .cart .listing .page-th .col.price, .cart .listing .page-th .inventory, .cart .listing .page-th .col.qty, .cart .listing .page-th .col.total, .cart .listing .page-th .ordered, .cart .listing .page-th .quote-details, .cart .listing .page .details .col.price, .cart .listing .page .details .inventory, .cart .listing .page .details .col.qty, .cart .listing .page .details .col.total, .cart .listing .page .details .ordered, .cart .listing .page .details .quote-details {
        padding-left: 100px;
        max-width: 100%; }
      .cart .listing .page-th .col.qty input ~ span + span + input, .cart .listing .page .details .col.qty input ~ span + span + input {
        margin-left: 110px;
        margin-top: 5px; }
      .cart .listing .page-th .col.qty input ~ span + span + input + span, .cart .listing .page .details .col.qty input ~ span + span + input + span {
        margin-top: 5px; }
      .cart .listing .page-th .col.total, .cart .listing .page .details .col.total {
        display: flex;
        align-items: center; } }
    @media (max-width: 767px) {
      .cart .listing .page-th .col.price, .cart .listing .page-th .inventory, .cart .listing .page-th .col.qty, .cart .listing .page-th .col.total, .cart .listing .page-th .ordered, .cart .listing .page-th .quote-details, .cart .listing .page .details .col.price, .cart .listing .page .details .inventory, .cart .listing .page .details .col.qty, .cart .listing .page .details .col.total, .cart .listing .page .details .ordered, .cart .listing .page .details .quote-details {
        padding-left: 0px;
        width: 100%; } }
    .cart .listing .page-th .inventory, .cart .listing .page .details .inventory {
      margin-bottom: 0px; }
      .cart .listing .page-th .inventory .alert-danger, .cart .listing .page .details .inventory .alert-danger {
        text-align: left;
        padding: 5px 5px 5px 40px;
        margin: 10px 0px 10px; }
        .cart .listing .page-th .inventory .alert-danger:before, .cart .listing .page .details .inventory .alert-danger:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          color: #dc3545;
          font-size: 0.8rem;
          position: absolute;
          left: 15px; }
      .cart .listing .page-th .inventory .branch .dropdown-menu, .cart .listing .page .details .inventory .branch .dropdown-menu {
        min-width: 150px;
        max-width: 150px; }
    .cart .listing .page-th .col.qty .pro-notes, .cart .listing .page .details .col.qty .pro-notes {
      position: absolute;
      top: 70px;
      left: -170px; }
      .cart .listing .page-th .col.qty .pro-notes .note, .cart .listing .page .details .col.qty .pro-notes .note {
        display: flex;
        align-items: center; }
      .cart .listing .page-th .col.qty .pro-notes .note + .note, .cart .listing .page .details .col.qty .pro-notes .note + .note {
        margin-top: 5px; }
      .cart .listing .page-th .col.qty .pro-notes .note:empty, .cart .listing .page .details .col.qty .pro-notes .note:empty {
        height: 30px; }
      .cart .listing .page-th .col.qty .pro-notes input, .cart .listing .page .details .col.qty .pro-notes input {
        border: 1px dashed #aaa;
        max-width: 170px;
        font-size: 0.8rem;
        text-align: left; }
      .cart .listing .page-th .col.qty .pro-notes input ~ i, .cart .listing .page .details .col.qty .pro-notes input ~ i {
        color: #aaa; }
      @media (max-width: 1199px) {
        .cart .listing .page-th .col.qty .pro-notes, .cart .listing .page .details .col.qty .pro-notes {
          left: -240px; } }
      @media (max-width: 991px) {
        .cart .listing .page-th .col.qty .pro-notes, .cart .listing .page .details .col.qty .pro-notes {
          top: 40px;
          left: auto; } }
      .cart .listing .page-th .col.qty .pro-notes input:not(:placeholder-shown), .cart .listing .page .details .col.qty .pro-notes input:not(:placeholder-shown) {
        border-color: #222 !important; }
      .cart .listing .page-th .col.qty .pro-notes input:not(:placeholder-shown) ~ i, .cart .listing .page .details .col.qty .pro-notes input:not(:placeholder-shown) ~ i {
        color: #10a700; }
  @media (min-width: 768px) {
    .cart .listing .col-9.left > .page-th {
      overflow: hidden;
      align-self: flex-start !important;
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px;
      z-index: 2; } }
  .cart .listing .col-9.left > .page-th .inventory {
    margin-bottom: 0px; }
  .cart .print-page {
    max-width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px auto;
    font-family: "Open Sans", sans-serif; }
    .cart .print-page div {
      padding: 0px; }
    .cart .print-page .header {
      text-align: left;
      padding: 25px 0px 10px;
      margin-bottom: 0px;
      flex-wrap: wrap;
      position: relative; }
      .cart .print-page .header .logo, .cart .print-page .header .pg-.title {
        height: 40px; }
      .cart .print-page .header .logo {
        position: absolute;
        left: 0px; }
        .cart .print-page .header .logo img {
          max-height: 40px;
          width: auto; }
      .cart .print-page .header .pg-title {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
      .cart .print-page .header .details > div {
        font-size: 0.8rem; }
      .cart .print-page .header .details > .col-4 {
        display: flex;
        font-weight: 600; }
        .cart .print-page .header .details > .col-4 span {
          font-weight: 400;
          padding-left: 5px; }
      .cart .print-page .header .details .sub-title {
        font-weight: 600; }
      .cart .print-page .header .details > .col-6 {
        margin-bottom: 10px; }
      .cart .print-page .header .details p {
        margin-bottom: 0px; }
      .cart .print-page .header .details .active {
        color: #10a700; }
      .cart .print-page .header .details {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ccc; }
        .cart .print-page .header .details .job-name, .cart .print-page .header .details .job-desc, .cart .print-page .header .details .status, .cart .print-page .header .details .mode, .cart .print-page .header .details .branch, .cart .print-page .header .details .ship-when, .cart .print-page .header .details .bill-method, .cart .print-page .header .details .bill-where {
          font-weight: 600; }
          .cart .print-page .header .details .job-name span, .cart .print-page .header .details .job-desc span, .cart .print-page .header .details .status span, .cart .print-page .header .details .mode span, .cart .print-page .header .details .branch span, .cart .print-page .header .details .ship-when span, .cart .print-page .header .details .bill-method span, .cart .print-page .header .details .bill-where span {
            font-weight: 400;
            margin-right: 5px; }
        .cart .print-page .header .details .job-name span, .cart .print-page .header .details .job-desc span, .cart .print-page .header .details .status span {
          min-width: 120px;
          display: inline-block; }
        .cart .print-page .header .details .branch {
          margin-left: 30px; }
    .cart .print-page div.title {
      margin-bottom: 5px;
      font-size: 1rem;
      font-weight: 600; }
    .cart .print-page table {
      border-spacing: 0px;
      width: 100%;
      border: 1px solid #222; }
      .cart .print-page table th, .cart .print-page table td {
        font-size: 0.8rem;
        font-weight: 400;
        min-height: 40px;
        padding: 7px;
        border: 1px solid #222;
        line-height: 0.875rem;
        color: #222; }
      .cart .print-page table th {
        background: #f1f1f1;
        color: #666;
        width: 10%; }
      .cart .print-page table .pro-details {
        width: 40%;
        color: #666; }
        .cart .print-page table .pro-details span:first-of-type, .cart .print-page table .pro-details .sub-title {
          text-transform: uppercase; }
        .cart .print-page table .pro-details span {
          display: block;
          margin-bottom: 3px; }
        .cart .print-page table .pro-details .title {
          color: #222; }
      .cart .print-page table tr:last-of-type td {
        border-bottom-color: #222; }
      .cart .print-page table td.price span, .cart .print-page table td.qty span {
        display: block; }
      .cart .print-page table td.qty .available {
        word-break: normal;
        font-size: 0.8rem; }
      .cart .print-page table span.sale + span.price, .cart .print-page table span.discount + span.price {
        text-decoration: line-through;
        color: #666; }
      .cart .print-page table span.reel {
        float: left;
        color: #666; }
      .cart .print-page table span.supp {
        color: #aaa; }
      .cart .print-page table span.eco {
        color: #10a700; }
      .cart .print-page table .inventory, .cart .print-page table .price, .cart .print-page table .qty, .cart .print-page table .total {
        text-align: right; }
    .cart .print-page .all-total, .cart .print-page .summary {
      border-bottom: 3px double #222;
      font-size: 0.875rem;
      text-align: right;
      border-top: none; }
      .cart .print-page .all-total span:not(.supp), .cart .print-page .summary span:not(.supp) {
        color: #222;
        display: inline-block;
        min-width: 120px; }
      .cart .print-page .all-total td, .cart .print-page .summary td {
        border-top-color: #222;
        font-size: 0.875rem;
        padding: 20px 10px; }
      .cart .print-page .all-total .cost-price, .cart .print-page .summary .cost-price {
        width: 70%;
        font-size: 1rem; }
      .cart .print-page .all-total .job-total, .cart .print-page .summary .job-total {
        width: 30%;
        font-size: 1rem; }
      .cart .print-page .all-total .items, .cart .print-page .all-total .sub-total, .cart .print-page .all-total .taxes, .cart .print-page .all-total .eco, .cart .print-page .all-total .discount, .cart .print-page .all-total .shipping, .cart .print-page .summary .items, .cart .print-page .summary .sub-total, .cart .print-page .summary .taxes, .cart .print-page .summary .eco, .cart .print-page .summary .discount, .cart .print-page .summary .shipping {
        text-align: right;
        border: none; }
      .cart .print-page .all-total .items, .cart .print-page .summary .items {
        padding-bottom: 0px; }
      .cart .print-page .all-total .items .right, .cart .print-page .all-total .sub-total .right, .cart .print-page .all-total .taxes .right, .cart .print-page .summary .items .right, .cart .print-page .summary .sub-total .right, .cart .print-page .summary .taxes .right {
        font-weight: 600; }
      .cart .print-page .all-total .sub-total, .cart .print-page .all-total .taxes, .cart .print-page .all-total .shipping, .cart .print-page .all-total .eco, .cart .print-page .all-total .discount, .cart .print-page .summary .sub-total, .cart .print-page .summary .taxes, .cart .print-page .summary .shipping, .cart .print-page .summary .eco, .cart .print-page .summary .discount {
        padding-top: 10px;
        padding-bottom: 0px; }
      .cart .print-page .all-total .discount .right, .cart .print-page .summary .discount .right {
        color: #dc3545; }
        .cart .print-page .all-total .discount .right:before, .cart .print-page .summary .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 10px;
          color: #dc3545; }
      .cart .print-page .all-total tr:nth-last-of-type(2) .taxes, .cart .print-page .summary tr:nth-last-of-type(2) .taxes {
        padding-bottom: 20px; }
      .cart .print-page .all-total tr:nth-last-of-type(1) td, .cart .print-page .summary tr:nth-last-of-type(1) td {
        padding-bottom: 20px; }
      .cart .print-page .all-total .total, .cart .print-page .summary .total {
        border-top: 1px solid #222;
        font-size: 1rem;
        font-weight: 600; }
      .cart .print-page .all-total .left, .cart .print-page .summary .left {
        text-align: left; }
      .cart .print-page .all-total .right, .cart .print-page .summary .right {
        text-align: right; }
    .cart .print-page .time-stamp {
      margin-top: 10px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .cart .print-page table .product-img, .cart .print-page table .sub-title, .cart .print-page table .personal-code, .cart .print-page table th.upc, .cart .print-page table th.price, .cart .print-page table .qty, .cart .print-page table .total {
      width: 110px;
      word-break: break-all; }
    .cart .print-page table td.product-img {
      text-align: center; }
      .cart .print-page table td.product-img img {
        max-height: calc(100px - 5px);
        max-width: calc(100px - 5px); }
    .cart .print-page table th.barcode {
      width: 200px; }
    .cart .print-page table th.title {
      width: auto; }
    .cart .print-page table td.barcode {
      text-align: center; }
      .cart .print-page table td.barcode img {
        max-width: calc(200px - 20px); }
    .cart .print-page .summary tr:last-of-type td {
      padding-bottom: 20px; }
    .cart .print-page .header .details {
      display: flex; }
  .cart.awaiting .summary .page .details.proceed .e-group .add-more {
    margin: 10px auto;
    width: 240px;
    font-size: 1rem; }
    .cart.awaiting .summary .page .details.proceed .e-group .add-more i {
      margin-left: 7px; }
  .cart.awaiting .summary .page .details.proceed .e-group p.center {
    margin: 0px; }
  @media (min-width: 992px) {
    .cart .listing {
      padding-top: 20px; }
      .cart .listing .actions .left, .cart .listing .actions .center, .cart .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .cart .listing .page .details .inventory .alert-danger {
        right: 16.666667%;
        width: 46.67%;
        position: absolute;
        bottom: calc(1px - 25px - 2px); }
      .cart .listing .page-th .col.total, .cart .listing .page .details .col.total {
        max-width: 13.33%; }
      .cart .listing .page-th .col.price, .cart .listing .page .details .col.price {
        max-width: 16.666667%; }
      .cart .listing .summary .proceed .cable-pop #checkoutModal .modal-content .modal-body > p {
        font-size: 1.1rem;
        margin: 20px 0px; }
      .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item form {
        width: 80%; }
    .cart.awaiting .page .details .branch button {
      white-space: break-spaces;
      text-align: left;
      width: 150px; } }
  @media (max-width: 991px) {
    .cart .listing .page .details .col span._labels {
      display: block !important; }
    .cart .listing .actions > .left {
      display: none !important; } }
  @media (max-width: 767px) {
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col ._labels {
      display: none !important; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-stage .owl-item .details .col.price .eco {
      padding-left: 0px; }
    .cart .listing .summary .widgets .product-slider .owl-carousel .owl-nav {
      top: 25%; }
    .cart .listing .actions {
      padding: 0px; }
      .cart .listing .actions .search {
        margin-top: 10px; }
    .cart .listing .page .details .inventory .alert-danger {
      min-width: 100%;
      left: 0px; }
    .cart.awaiting .header {
      margin-bottom: 0px; } }

.b2c .cart .listing .actions .left, .b2c .cart .listing .actions .center {
  display: none; }

.cart:not(.awaiting) .listing .page .details .checkbox.col {
  display: none !important; }
.cart:not(.awaiting) .listing .page .details .inventory .pickup:before, .cart:not(.awaiting) .listing .page .details .inventory .pickup:after {
  display: none; }

.order-history {
  padding: 0px; }
  .order-history .header {
    margin-bottom: 20px;
    text-align: center; }
    .order-history .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .order-history .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .order-history .header.next-prev a.btn-sml:hover, .order-history .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .order-history .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .order-history .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .order-history .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .order-history section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .order-history section {
        margin: 15px auto; } }
  .order-history .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .order-history .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .order-history .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .order-history .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .order-history .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .order-history .header.next-prev .btn-sml i {
        font-size: 25px; }
      .order-history .header.next-prev .btn-sml span {
        display: none !important; }
    .order-history .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .order-history form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .order-history form .field-validation-error:not(.text-danger), .order-history form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .order-history form .field-validation-error:not(.text-danger) span, .order-history form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .order-history form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .order-history form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .order-history form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .order-history form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .order-history form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .order-history form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .order-history form .validation-summary-error ul li, .order-history form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-history form .validation-summary-error ul li:before, .order-history form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-history form .validation-summary-error ul li span, .order-history form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-history form .validation-summary-error ul li span + span:before, .order-history form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-history form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-history form .validation-summary-error ul li, .order-history form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-history form .validation-summary-error ul li, .order-history form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .order-history form .validation-summary-error ul li:before, .order-history form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .order-history form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .order-history form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .order-history form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .order-history form .validation-summary-success ul li, .order-history form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-history form .validation-summary-success ul li:before, .order-history form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-history form .validation-summary-success ul li span, .order-history form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-history form .validation-summary-success ul li span + span:before, .order-history form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-history form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-history form .validation-summary-success ul li, .order-history form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-history form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .order-history form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .order-history form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .order-history form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .order-history form .alert-success ul li, .order-history form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-history form .alert-success ul li:before, .order-history form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-history form .alert-success ul li span, .order-history form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-history form .alert-success ul li span + span:before, .order-history form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-history form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-history form .alert-success ul li, .order-history form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-history form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-history form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-history form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .order-history form .alert-success p {
            font-size: 0.8rem; }
          .order-history form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .order-history form .e-group {
      margin: 0px auto; }
    .order-history form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .order-history form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .order-history form .select {
      position: relative; }
      .order-history form .select label {
        display: inherit; }
        .order-history form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .order-history form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .order-history form input[type="number"], .order-history form input[type="number"]::-webkit-inner-spin-button, .order-history form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .order-history form select, .order-history form input, .order-history form button {
      height: 50px; }
    .order-history form select, .order-history form textarea, .order-history form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .order-history form select:focus, .order-history form textarea:focus, .order-history form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .order-history form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .order-history form p.center {
      text-align: center;
      line-height: 30px; }
    .order-history form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .order-history form p.mandatory, .order-history form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .order-history form p.mandatory span, .order-history form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .order-history form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .order-history form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .order-history form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .order-history form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .order-history form label.user:after {
      content: "\e9f1"; }
    .order-history form label.password:after {
      content: "\e987"; }
    .order-history form label.email:after {
      content: "\e98a"; }
    .order-history form label.search:after {
      content: "\e9c1"; }
    .order-history form label.box1:after {
      content: "\e9a2"; }
    .order-history form label.home:after {
      content: "\e979"; }
    .order-history form label.phone:after {
      content: "\e9a7"; }
    .order-history form label.mobile:after {
      content: "\e9d2"; }
    .order-history form label.flag:after {
      content: "\e967"; }
    .order-history form label.address:after {
      content: "\e98b"; }
    .order-history form label.postal:after {
      content: "\e98c"; }
    .order-history form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .order-history form label.doc1:after {
      content: "\e938"; }
    .order-history form label.hash:after {
      content: "\e975"; }
    .order-history form label.dollar:after {
      content: "\e954"; }
    .order-history form label.msg1:after {
      content: "\e990"; }
    .order-history form label.percent:after {
      content: "\e9a6"; }
    .order-history form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .order-history form .submit-btn:hover, .order-history form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .order-history form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .order-history form .submit-btn:focus {
        outline-style: none; }
    .order-history form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .order-history form .btn-sml:hover, .order-history form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .order-history form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .order-history form .btn-sml:focus {
        outline-style: none; }
    .order-history form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .order-history form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .order-history form .btn-red:hover, .order-history form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .order-history form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .order-history form .btn-dark:hover, .order-history form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .order-history form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .order-history form .btn-dark-bdr:hover, .order-history form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .order-history form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .order-history form .btn-darker-bdr:hover, .order-history form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .order-history form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .order-history form .btn-brand-bdr:hover, .order-history form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .order-history form input.disabled, .order-history form a.disabled, .order-history form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-history form input.input-validation-error, .order-history form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .order-history form .btn-sml.add-more {
      margin-left: 10px; }
      .order-history form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .order-history form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .order-history form .btn-sml.add-cart, .order-history form .btn-sml.add-more, .order-history form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .order-history form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .order-history form .add-more:hover, .order-history form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .order-history form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .order-history form .add-cart:hover, .order-history form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .order-history form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-history form .add-more.disabled, .order-history form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .order-history form .links {
      text-align: center; }
      .order-history form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .order-history form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .order-history form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .order-history form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .order-history form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .order-history form .e-row.deactive select, .order-history form .e-row.deactive textarea, .order-history form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .order-history form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .order-history form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .order-history form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .order-history form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .order-history form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .order-history form .duo input, .order-history form .duo a {
        margin: 0px; }
      .order-history form .duo input + a, .order-history form .duo input + input {
        margin-left: 20px; }
    .order-history form .uom-dpdn {
      position: relative; }
      .order-history form .uom-dpdn label {
        display: inherit; }
        .order-history form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .order-history form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .order-history form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .order-history form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .order-history form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .order-history form {
        margin: 10px auto; }
        .order-history form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .order-history form .e-row {
          margin-bottom: 20px; }
        .order-history form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .order-history form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .order-history form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .order-history form.search input, .order-history form.search button {
      border-radius: 0px;
      float: left; }
    .order-history form.search input:focus, .order-history form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .order-history form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .order-history form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .order-history form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .order-history form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .order-history form.search button {
        width: 40px; }
      .order-history form.search input, .order-history form.search button {
        height: 40px; }
      .order-history form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .order-history form.search input {
        width: calc(100% - 40px); } }
    .order-history form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .order-history form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .order-history form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .order-history form.search i {
        top: 7px; } }
  .order-history .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .order-history .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .order-history .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .order-history .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .order-history .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .order-history .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .order-history .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .order-history .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .order-history .custom-radiobox:hover p {
      color: #214a8c; }
    .order-history .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .order-history .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .order-history .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .order-history .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .order-history .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .order-history .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .order-history .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .order-history .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .order-history .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .order-history .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .order-history .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .order-history .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .order-history .custom-checkbox:hover p {
      color: #214a8c; }
    .order-history .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .order-history .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .order-history .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .order-history .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .order-history .custom-checkbox p span {
      line-height: 1.2; }
  .order-history a {
    color: #222; }
    .order-history a:hover {
      color: #214a8c !important; }
  .order-history .listing {
    clear: both;
    position: relative; }
    .order-history .listing .page-th > .col, .order-history .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .order-history .listing .page-th .price, .order-history .listing .page-th .qty, .order-history .listing .page .details .price, .order-history .listing .page .details .qty {
      text-align: right; }
    .order-history .listing .page-th .col.price, .order-history .listing .page-th .ordered, .order-history .listing .page .details .col.price, .order-history .listing .page .details .ordered {
      max-width: 13.33%; }
    .order-history .listing .page-th .inventory, .order-history .listing .page .details .inventory {
      max-width: 20%; }
    .order-history .listing .page-th .col.qty, .order-history .listing .page-th .col.total, .order-history .listing .page .details .col.qty, .order-history .listing .page .details .col.total {
      max-width: 16.666667%; }
    .order-history .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .order-history .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .order-history .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .order-history .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .order-history .listing .page > form {
      margin: 0px; }
    .order-history .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .order-history .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .order-history .listing .page .details .time, .order-history .listing .page .details .type {
        font-weight: 600; }
      .order-history .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .order-history .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .order-history .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .order-history .listing .page .details .submit input, .order-history .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .order-history .listing .page .details .submit input {
          padding: 3px 15px; }
        .order-history .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .order-history .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .order-history .listing .page .details + .actions a .fe-download, .order-history .listing .page .details + .actions a span, .order-history .listing .page .details + .sub-total .actions a .fe-download, .order-history .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .order-history .listing .summary .page-th > .col {
      text-align: left; }
    .order-history .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .order-history .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .order-history .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .order-history .listing .summary .page .details .eco .right {
        color: #10a700; }
      .order-history .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .order-history .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .order-history .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .order-history .listing .summary .page .details .total .left {
          font-weight: 600; }
        .order-history .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .order-history .listing .summary .page .details .sub-total .right, .order-history .listing .summary .page .details .items .right {
        color: #222; }
      .order-history .listing .summary .page .details .sub-total .right, .order-history .listing .summary .page .details .items .right, .order-history .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .order-history .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .order-history .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .order-history .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .order-history .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .order-history .listing .summary .page .details .e-row input[type="text"], .order-history .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .order-history .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .order-history .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .order-history .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .order-history .listing .summary .page .details .col.total {
        max-width: 100%; }
      .order-history .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .order-history .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .order-history .listing .summary .page .details.proceed .e-group, .order-history .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .order-history .listing .summary .page .details.proceed .e-group .add-cart, .order-history .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .order-history .listing .summary .page .details.proceed .e-group .add-more, .order-history .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .order-history .listing .summary .page .details.proceed .e-group .add-more i, .order-history .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .order-history .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .order-history .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .order-history .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .order-history .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .order-history .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .order-history .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .order-history .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .order-history .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .order-history .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .order-history .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .order-history .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .order-history .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .order-history .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .order-history .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .order-history .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .order-history .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .order-history .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .order-history .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .order-history .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .order-history .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .order-history .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .order-history .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .order-history .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .order-history .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .order-history .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .order-history .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .order-history .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .order-history .listing #accordion, .order-history .listing #braidAccordian {
      flex-wrap: wrap; }
      .order-history .listing #accordion .title-link, .order-history .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .order-history .listing #accordion .title-link .col, .order-history .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .order-history .listing #accordion .title-link.collapsed, .order-history .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .order-history .listing #accordion .title-link:after, .order-history .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .order-history .listing #accordion .title-link.collapsed:after, .order-history .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .order-history .listing #accordion .title-link + .collapse + .title-link, .order-history .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .order-history .listing #accordion .collapse:not(.show), .order-history .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .order-history .listing #accordion .details, .order-history .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .order-history .listing .td-1 {
      max-width: 8.33%; }
    .order-history .listing .td-2 {
      max-width: 16.666667%; }
    .order-history .listing .td-3 {
      max-width: 25%; }
    .order-history .listing .td-4 {
      max-width: 33.333333%; }
    .order-history .listing .td-5 {
      max-width: 41.666667%; }
    .order-history .listing .td-6 {
      max-width: 50%; }
    .order-history .listing .td-7 {
      max-width: 58.33%; }
    .order-history .listing .td-8 {
      max-width: 66.66%; }
    .order-history .listing .td-9 {
      max-width: 75%; }
    .order-history .listing .td-10 {
      max-width: 83.33333333%; }
    .order-history .listing .td-11 {
      max-width: 91.66666667%; }
    .order-history .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-history .listing .center {
      text-align: center; }
    .order-history .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .order-history .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .order-history .listing .col-9.left {
      padding-right: 20px; }
    .order-history .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .order-history .listing .actions .results {
        color: #222; }
        .order-history .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .order-history .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .order-history .listing .actions .search input, .order-history .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .order-history .listing .actions .search input:focus, .order-history .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .order-history .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .order-history .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .order-history .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .order-history .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .order-history .listing .actions .search button {
            width: 40px; }
          .order-history .listing .actions .search input, .order-history .listing .actions .search button {
            height: 40px; }
          .order-history .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .order-history .listing .actions .search input {
            width: calc(100% - 40px); } }
        .order-history .listing .actions .search input, .order-history .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .order-history .listing .actions .search input, .order-history .listing .actions .search button {
          height: 30px; }
        .order-history .listing .actions .search textarea {
          height: 50px; }
        .order-history .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .order-history .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .order-history .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .order-history .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .order-history .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .order-history .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .order-history .listing .actions .search:only-child {
        padding: 10px; }
      .order-history .listing .actions a.pdf-export, .order-history .listing .actions a.excel-export, .order-history .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .order-history .listing .actions a.pdf-export.active, .order-history .listing .actions a.excel-export.active, .order-history .listing .actions a.import-pro.active {
          color: #214a8c; }
          .order-history .listing .actions a.pdf-export.active:before, .order-history .listing .actions a.excel-export.active:before, .order-history .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .order-history .listing .actions #exportPdf, .order-history .listing .actions #exportExcel, .order-history .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .order-history .listing .actions #exportPdf form, .order-history .listing .actions #exportExcel form, .order-history .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .order-history .listing .actions #exportPdf form label, .order-history .listing .actions #exportExcel form label, .order-history .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .order-history .listing .actions #exportPdf form > div, .order-history .listing .actions #exportExcel form > div, .order-history .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .order-history .listing .actions #exportPdf form > div:not(.generate), .order-history .listing .actions #exportExcel form > div:not(.generate), .order-history .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .order-history .listing .actions #exportPdf form .left, .order-history .listing .actions #exportExcel form .left, .order-history .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .order-history .listing .actions #exportPdf form .right, .order-history .listing .actions #exportExcel form .right, .order-history .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .order-history .listing .actions #exportPdf form .attachment, .order-history .listing .actions #exportExcel form .attachment, .order-history .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .order-history .listing .actions #exportPdf form .attachment > div, .order-history .listing .actions #exportExcel form .attachment > div, .order-history .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .order-history .listing .actions #exportPdf form .attachment .col-3, .order-history .listing .actions #exportPdf form .attachment .col-9, .order-history .listing .actions #exportExcel form .attachment .col-3, .order-history .listing .actions #exportExcel form .attachment .col-9, .order-history .listing .actions #importPro form .attachment .col-3, .order-history .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .order-history .listing .actions #exportPdf form .attachment .col-3 > div, .order-history .listing .actions #exportPdf form .attachment .col-9 > div, .order-history .listing .actions #exportExcel form .attachment .col-3 > div, .order-history .listing .actions #exportExcel form .attachment .col-9 > div, .order-history .listing .actions #importPro form .attachment .col-3 > div, .order-history .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .order-history .listing .actions #exportPdf form .attachment .col-3 > label, .order-history .listing .actions #exportPdf form .attachment .col-9 > label, .order-history .listing .actions #exportExcel form .attachment .col-3 > label, .order-history .listing .actions #exportExcel form .attachment .col-9 > label, .order-history .listing .actions #importPro form .attachment .col-3 > label, .order-history .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .order-history .listing .actions #exportPdf form .attachment .col-3 p.supp, .order-history .listing .actions #exportPdf form .attachment .col-9 p.supp, .order-history .listing .actions #exportExcel form .attachment .col-3 p.supp, .order-history .listing .actions #exportExcel form .attachment .col-9 p.supp, .order-history .listing .actions #importPro form .attachment .col-3 p.supp, .order-history .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .order-history .listing .actions #exportPdf form .attachment .col-9, .order-history .listing .actions #exportExcel form .attachment .col-9, .order-history .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .order-history .listing .actions #exportPdf form .attachment .text, .order-history .listing .actions #exportPdf form .attachment .image, .order-history .listing .actions #exportExcel form .attachment .text, .order-history .listing .actions #exportExcel form .attachment .image, .order-history .listing .actions #importPro form .attachment .text, .order-history .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .order-history .listing .actions #exportPdf form .attachment .text p, .order-history .listing .actions #exportPdf form .attachment .image p, .order-history .listing .actions #exportExcel form .attachment .text p, .order-history .listing .actions #exportExcel form .attachment .image p, .order-history .listing .actions #importPro form .attachment .text p, .order-history .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .order-history .listing .actions #exportPdf form .attachment .image, .order-history .listing .actions #exportExcel form .attachment .image, .order-history .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .order-history .listing .actions #exportPdf form .attachment .image p, .order-history .listing .actions #exportExcel form .attachment .image p, .order-history .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .order-history .listing .actions #exportPdf form .attachment .image img, .order-history .listing .actions #exportExcel form .attachment .image img, .order-history .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .order-history .listing .actions #exportPdf form .attachment .btns, .order-history .listing .actions #exportExcel form .attachment .btns, .order-history .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .order-history .listing .actions #exportPdf form .attachment .btns i, .order-history .listing .actions #exportExcel form .attachment .btns i, .order-history .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .order-history .listing .actions #exportPdf form .attachment .btns a, .order-history .listing .actions #exportPdf form .attachment .btns input, .order-history .listing .actions #exportPdf form .attachment .btns button, .order-history .listing .actions #exportExcel form .attachment .btns a, .order-history .listing .actions #exportExcel form .attachment .btns input, .order-history .listing .actions #exportExcel form .attachment .btns button, .order-history .listing .actions #importPro form .attachment .btns a, .order-history .listing .actions #importPro form .attachment .btns input, .order-history .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .order-history .listing .actions #exportPdf form .attachment .btns a:focus, .order-history .listing .actions #exportPdf form .attachment .btns input:focus, .order-history .listing .actions #exportPdf form .attachment .btns button:focus, .order-history .listing .actions #exportExcel form .attachment .btns a:focus, .order-history .listing .actions #exportExcel form .attachment .btns input:focus, .order-history .listing .actions #exportExcel form .attachment .btns button:focus, .order-history .listing .actions #importPro form .attachment .btns a:focus, .order-history .listing .actions #importPro form .attachment .btns input:focus, .order-history .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .order-history .listing .actions #exportPdf form .attachment .btns a:hover, .order-history .listing .actions #exportPdf form .attachment .btns input:hover, .order-history .listing .actions #exportPdf form .attachment .btns button:hover, .order-history .listing .actions #exportExcel form .attachment .btns a:hover, .order-history .listing .actions #exportExcel form .attachment .btns input:hover, .order-history .listing .actions #exportExcel form .attachment .btns button:hover, .order-history .listing .actions #importPro form .attachment .btns a:hover, .order-history .listing .actions #importPro form .attachment .btns input:hover, .order-history .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .order-history .listing .actions #exportPdf form .attachment .btns button + button, .order-history .listing .actions #exportPdf form .attachment .btns a + a, .order-history .listing .actions #exportPdf form .attachment .btns input + input, .order-history .listing .actions #exportExcel form .attachment .btns button + button, .order-history .listing .actions #exportExcel form .attachment .btns a + a, .order-history .listing .actions #exportExcel form .attachment .btns input + input, .order-history .listing .actions #importPro form .attachment .btns button + button, .order-history .listing .actions #importPro form .attachment .btns a + a, .order-history .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .order-history .listing .actions #exportPdf form .attachment .btns .image, .order-history .listing .actions #exportExcel form .attachment .btns .image, .order-history .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .order-history .listing .actions #exportPdf form .attachment .btns .image > div, .order-history .listing .actions #exportExcel form .attachment .btns .image > div, .order-history .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .order-history .listing .actions #exportPdf form .address-list, .order-history .listing .actions #exportExcel form .address-list, .order-history .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .order-history .listing .actions #exportPdf form .address-list div, .order-history .listing .actions #exportExcel form .address-list div, .order-history .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .order-history .listing .actions #exportPdf form .address-list > div:not(.d-flex), .order-history .listing .actions #exportExcel form .address-list > div:not(.d-flex), .order-history .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .order-history .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-history .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-history .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .order-history .listing .actions #exportPdf form .address-list .btn-block, .order-history .listing .actions #exportExcel form .address-list .btn-block, .order-history .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .order-history .listing .actions #exportPdf form .address-list .btn-block a, .order-history .listing .actions #exportExcel form .address-list .btn-block a, .order-history .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .order-history .listing .actions #exportPdf form .attachment, .order-history .listing .actions #exportPdf form .address-list, .order-history .listing .actions #exportExcel form .attachment, .order-history .listing .actions #exportExcel form .address-list, .order-history .listing .actions #importPro form .attachment, .order-history .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .order-history .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .order-history .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .order-history .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .order-history .listing .actions #exportPdf form .generate, .order-history .listing .actions #exportExcel form .generate, .order-history .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .order-history .listing .actions #exportPdf form .generate .btn-sml, .order-history .listing .actions #exportExcel form .generate .btn-sml, .order-history .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .order-history .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .order-history .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .order-history .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .order-history .listing .actions #exportPdf form .img, .order-history .listing .actions #exportExcel form .img, .order-history .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .order-history .listing .actions #exportPdf form .img .text p, .order-history .listing .actions #exportExcel form .img .text p, .order-history .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .order-history .listing .actions #exportPdf form .img p.supp, .order-history .listing .actions #exportExcel form .img p.supp, .order-history .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .order-history .listing .actions #exportPdf form .img img, .order-history .listing .actions #exportExcel form .img img, .order-history .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .order-history .listing .actions #exportPdf:not(.show), .order-history .listing .actions #exportExcel:not(.show), .order-history .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .order-history .listing .actions #exportPdf form > div, .order-history .listing .actions #exportExcel form > div, .order-history .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .order-history .listing .actions #exportPdf form .custom-checkbox, .order-history .listing .actions #exportExcel form .custom-checkbox, .order-history .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .order-history .listing .actions #exportPdf form .left, .order-history .listing .actions #exportPdf form .right, .order-history .listing .actions #exportExcel form .left, .order-history .listing .actions #exportExcel form .right, .order-history .listing .actions #importPro form .left, .order-history .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .order-history .listing .actions #exportPdf form .left, .order-history .listing .actions #exportExcel form .left, .order-history .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .order-history .listing .actions #exportPdf form .address-list, .order-history .listing .actions #exportExcel form .address-list, .order-history .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .order-history .listing .actions #exportPdf form label, .order-history .listing .actions #exportExcel form label, .order-history .listing .actions #importPro form label {
          justify-content: flex-start; }
        .order-history .listing .actions #exportPdf form .right, .order-history .listing .actions #exportExcel form .right, .order-history .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .order-history .listing .actions #exportPdf form .attachment, .order-history .listing .actions #exportExcel form .attachment, .order-history .listing .actions #importPro form .attachment {
          padding: 10px; }
          .order-history .listing .actions #exportPdf form .attachment .col-3, .order-history .listing .actions #exportPdf form .attachment .col-9, .order-history .listing .actions #exportExcel form .attachment .col-3, .order-history .listing .actions #exportExcel form .attachment .col-9, .order-history .listing .actions #importPro form .attachment .col-3, .order-history .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .order-history .listing .actions #exportPdf form .attachment .col-3, .order-history .listing .actions #exportExcel form .attachment .col-3, .order-history .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .order-history .listing .actions #exportPdf form .attachment .col-3 label, .order-history .listing .actions #exportPdf form .attachment .col-3 .image, .order-history .listing .actions #exportExcel form .attachment .col-3 label, .order-history .listing .actions #exportExcel form .attachment .col-3 .image, .order-history .listing .actions #importPro form .attachment .col-3 label, .order-history .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .order-history .listing .actions #exportPdf form .attachment .col-9, .order-history .listing .actions #exportExcel form .attachment .col-9, .order-history .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .order-history .listing .actions #exportPdf form .attachment .col-9 p.supp, .order-history .listing .actions #exportExcel form .attachment .col-9 p.supp, .order-history .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .order-history .listing .actions #exportPdf form .address-list .col-3, .order-history .listing .actions #exportExcel form .address-list .col-3, .order-history .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .order-history .listing .actions #exportPdf form .address-list .col-9, .order-history .listing .actions #exportExcel form .address-list .col-9, .order-history .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .order-history .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .order-history .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .order-history .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .order-history .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .order-history .listing .actions #importPro form .address-list > div:nth-of-type(1), .order-history .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .order-history .listing .actions #exportPdf form .img img, .order-history .listing .actions #exportExcel form .img img, .order-history .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .order-history .listing .actions #exportPdf .custom-checkbox .custom-check, .order-history .listing .actions #exportExcel .custom-checkbox .custom-check, .order-history .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .order-history .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .order-history .listing .actions form {
        margin: 0px; }
      .order-history .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .order-history .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .order-history .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .order-history .listing .actions .shared .email {
          display: flex; }
          .order-history .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .order-history .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .order-history .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .order-history .listing .actions .left, .order-history .listing .actions > .center, .order-history .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .order-history .listing .actions .right {
        margin-left: auto; }
      .order-history .listing .actions .action-link, .order-history .listing .actions .left > a, .order-history .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .order-history .listing .actions .action-link:hover, .order-history .listing .actions .left > a:hover, .order-history .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .order-history .listing .actions .action-link span, .order-history .listing .actions .left > a span, .order-history .listing .actions .right > a span {
          margin-left: 5px; }
        .order-history .listing .actions .action-link span:empty, .order-history .listing .actions .left > a span:empty, .order-history .listing .actions .right > a span:empty {
          display: none; }
      .order-history .listing .actions .action-link, .order-history .listing .actions a + a, .order-history .listing .actions .checkbox + a {
        margin-left: 20px; }
      .order-history .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .order-history .listing .actions .custom-checkbox p {
        color: #222; }
      .order-history .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .order-history .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .order-history .listing > .actions, .order-history .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .order-history .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .order-history .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .order-history .listing .actions {
        font-size: 0.8rem; }
        .order-history .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .order-history .listing .actions .left .action-link i {
          font-size: 1rem; }
        .order-history .listing .actions .left a.action-link, .order-history .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .order-history .listing .actions {
        justify-content: center; }
        .order-history .listing .actions .shared {
          top: calc(10px - 150px); }
        .order-history .listing .actions .action-link, .order-history .listing .actions a + a, .order-history .listing .actions .checkbox + a {
          margin-left: 15px; }
        .order-history .listing .actions > .right {
          justify-content: center; }
        .order-history .listing .actions .search + .right {
          margin-left: 0px; } }
    .order-history .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .order-history .listing .add-more[aria-expanded="true"]:hover, .order-history .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .order-history .listing .add-more[aria-expanded="true"]:hover i, .order-history .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .order-history .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .order-history .listing .add-more[aria-expanded="false"], .order-history .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .order-history .listing .add-more[aria-expanded="false"]:hover, .order-history .listing .add-more[aria-expanded="false"]:focus, .order-history .listing .add-more.collapsed:hover, .order-history .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .order-history .listing .add-more[aria-expanded="false"]:hover, .order-history .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .order-history .listing .add-more[aria-expanded="false"]:hover i, .order-history .listing .add-more.collapsed:hover i {
          color: #fff; }
    .order-history .listing .add-more.cancel:before {
      display: none; }
    .order-history .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .order-history .listing button.links, .order-history .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .order-history .listing button.links:hover, .order-history .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .order-history .listing a.plus i {
      font-size: 1rem; }
    .order-history .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .order-history .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .order-history .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .order-history .listing .custom-radiobox:not(:last-of-type), .order-history .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .order-history .listing .ship-when > p, .order-history .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .order-history .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .order-history .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .order-history .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .order-history .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .order-history .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .order-history .listing .day-time span {
      font-weight: 600; }
    .order-history .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .order-history .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .order-history .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .order-history .listing .sub-total.btm > div, .order-history .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .order-history .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .order-history .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .order-history .listing .sub-header {
      clear: both;
      padding: 0px; }
      .order-history .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .order-history .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .order-history .listing .sub-header .title {
        margin-bottom: 0px; }
        .order-history .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .order-history .listing .page + .sub-header {
      margin-top: 40px; }
      .order-history .listing .page + .sub-header .title {
        flex-basis: content; }
    .order-history .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .order-history .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-history .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-history .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .order-history .listing div.alert-warning p {
            font-size: 0.8rem; }
          .order-history .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .order-history .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .order-history .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-history .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-history .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .order-history .listing div.alert-danger p {
            font-size: 0.8rem; }
          .order-history .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .order-history .listing .col-9 > .page {
        min-height: 500px; }
      .order-history .listing .page .details .submit input:hover, .order-history .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .order-history .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .order-history .listing .page .details .submit button {
          width: 25px; }
      .order-history .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .order-history .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .order-history .listing .col-9.left .page-th {
          display: none !important; }
        .order-history .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .order-history .listing .sub-header {
        flex-wrap: wrap; }
        .order-history .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .order-history .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .order-history .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .order-history .listing > .d-flex {
        flex-wrap: wrap; }
      .order-history .listing .col-12.left .page-th, .order-history .listing .col-9.left .page-th {
        display: none !important; }
      .order-history .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .order-history .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .order-history .listing .page .details .time, .order-history .listing .page .details .type {
        color: #666; }
      .order-history .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .order-history .listing .col-12.left, .order-history .listing .col-3.right, .order-history .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .order-history .listing .summary {
        margin-top: 15px; }
        .order-history .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .order-history .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .order-history .listing .left form {
      margin-bottom: 0px; }
    .order-history .listing .sub-header form {
      margin: 0px; }
    .order-history .listing .page .details {
      min-height: 50px; }
      .order-history .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .order-history .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .order-history .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .order-history .listing .page .details .icon a, .order-history .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .order-history .listing .page .details .icon a:hover, .order-history .listing .page .details .icon button:hover {
          color: #214a8c; }
      .order-history .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .order-history .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .order-history .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .order-history .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .order-history .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .order-history .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .order-history .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .order-history .address-manually + .forms .td-6, .order-history .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .order-history .address-manually + .forms .td-2, .order-history .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .order-history .address-manually + .forms .td-2 ~ .e-row, .order-history .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .order-history .address-manually + .forms .td-2 ~ .dynamic, .order-history .address-manually + .forms .td-2 ~ .manual-add, .order-history .forms .new-address .td-2 ~ .dynamic, .order-history .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .order-history .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .order-history .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .order-history .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .order-history .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .order-history .address-manually + .forms .e-row.manual-add, .order-history .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .order-history .address-manually + .forms .td-6, .order-history .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .order-history .address-manually + .forms .td-2, .order-history .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .order-history .address-manually + .forms .td-2 ~ .e-row, .order-history .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .order-history .address-manually + .forms .td-2 ~ .dynamic, .order-history .address-manually + .forms .td-2 ~ .manual-add, .order-history .forms .new-address .td-2 ~ .dynamic, .order-history .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .order-history .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .order-history .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .order-history .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .order-history .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .order-history .address-manually + .forms .td-2 ~ .dynamic, .order-history .address-manually + .forms .td-2 ~ .manual-add, .order-history .forms .new-address .td-2 ~ .dynamic, .order-history .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .order-history .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .order-history .listing .page .details .icon a, .order-history .listing .page .details .icon button {
      display: flex; }
    .order-history .listing .btn-block {
      justify-content: center; } }
  .order-history form {
    margin: 0px; }
  .order-history .mode-selection {
    margin: 0px auto; }
    .order-history .mode-selection .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .order-history .mode-selection .mode + .mode {
      border-left: none; }
    .order-history .mode-selection .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .order-history .mode-selection .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .order-history .mode-selection .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .order-history .mode-selection .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .order-history .mode-selection {
        flex-wrap: wrap;
        min-width: 100%; }
        .order-history .mode-selection .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .order-history .mode-selection .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .order-history .mode-selection .mode {
      width: 160px;
      border: 1px solid #ccc; }
  .order-history .search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .order-history .search input, .order-history .search button {
      border-radius: 0px;
      float: left; }
    .order-history .search input:focus, .order-history .search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .order-history .search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .order-history .search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .order-history .search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .order-history .search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .order-history .search button {
        width: 40px; }
      .order-history .search input, .order-history .search button {
        height: 40px; }
      .order-history .search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .order-history .search input {
        width: calc(100% - 40px); } }
  .order-history #searchBy {
    display: flex; }
    .order-history #searchBy div {
      display: none; }
  .order-history .search.date p {
    margin: 15px 15px 0px 0px;
    float: left;
    line-height: normal; }
  .order-history .search.date input {
    width: 150px; }
  .order-history .search.date input:nth-child(2) {
    border-right: 1px solid #ccc;
    margin-right: 30px; }
  .order-history .filters {
    clear: both;
    margin-top: 25px;
    text-align: center; }
    .order-history .filters > span, .order-history .filters div:not(.col-12) > span {
      text-transform: uppercase;
      font-weight: 500; }
    .order-history .filters span {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      color: #222;
      font-size: 0.875rem; }
    .order-history .filters .col-12 {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      padding: 15px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .order-history .filters .col-12 > div {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px; }
      .order-history .filters .col-12 .select {
        position: relative; }
        .order-history .filters .col-12 .select label {
          display: inherit; }
          .order-history .filters .col-12 .select label:after {
            top: 7px;
            background: #fff;
            right: 0px; }
        .order-history .filters .col-12 .select select {
          border: 1px solid #aaa;
          background: #fff !important;
          padding: 0px 10px; }
        .order-history .filters .col-12 .select label:after {
          top: 1px;
          font-size: 1rem;
          right: 5px;
          height: calc(30px - 2px);
          line-height: calc(30px - 2px);
          width: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px; }
        .order-history .filters .col-12 .select select {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          padding: 0px 5px;
          height: 30px;
          width: 100%; }
        .order-history .filters .col-12 .select label:after {
          right: 15px; }
      .order-history .filters .col-12 .text input, .order-history .filters .col-12 .text textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .order-history .filters .col-12 .text input, .order-history .filters .col-12 .text button {
        height: 30px; }
      .order-history .filters .col-12 .text textarea {
        height: 50px; }
      .order-history .filters .col-12 .text input {
        font-size: 0.8rem; }
      .order-history .filters .col-12 p {
        margin: 0px;
        font-family: "Poppins", sans-serif;
        letter-spacing: 0.5px;
        font-size: 0.875rem; }
    @media (max-width: 991px) {
      .order-history .filters {
        margin-top: 15px; }
        .order-history .filters .col-12 {
          padding: 10px 0px;
          flex-wrap: wrap; }
          .order-history .filters .col-12 .col-2.select {
            max-width: 25%;
            flex: 0 0 25%;
            margin-bottom: 10px; }
          .order-history .filters .col-12 .col-2.checkbox {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 15px; } }
    @media (max-width: 767px) {
      .order-history .filters .col-12 p {
        width: 100%;
        margin-bottom: 5px; }
      .order-history .filters .col-12 .col-2.select {
        max-width: calc(50% - 5px);
        flex: 0 0 calc(50% - 5px); }
        .order-history .filters .col-12 .col-2.select label {
          font-size: 0.8rem; }
          .order-history .filters .col-12 .col-2.select label:after {
            top: calc(25px + 1px);
            height: calc(30px - 3px);
            line-height: calc(30px - 3px); } }
    .order-history .filters .col-12 .select label:after {
      top: calc(30px - 3px); }
    .order-history .filters .col-12 .checkbox {
      margin-top: calc(30px - 3px); }
      .order-history .filters .col-12 .checkbox .custom-checkbox {
        display: flex;
        align-items: center;
        height: 30px; }
        .order-history .filters .col-12 .checkbox .custom-checkbox p {
          line-height: 0.95rem;
          font-size: 0.8rem;
          margin-bottom: 0px !important; }
        .order-history .filters .col-12 .checkbox .custom-checkbox .custom-input {
          height: 30px; }
        .order-history .filters .col-12 .checkbox .custom-checkbox .custom-check {
          top: 5px; }
  .order-history .listing .page-th .td-1, .order-history .listing .page .td-1 {
    max-width: 10%; }
  .order-history .listing .page-th .td-2, .order-history .listing .page .td-2 {
    max-width: 100%; }
  .order-history .listing .page-th .order a, .order-history .listing .page .order a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #222;
    text-decoration: none; }
    .order-history .listing .page-th .order a:hover, .order-history .listing .page .order a:hover {
      color: #214a8c;
      text-decoration: none; }
  .order-history .listing .page-th .order a.links, .order-history .listing .page .order a.links {
    color: #666;
    text-decoration: underline;
    color: #214a8c; }
    .order-history .listing .page-th .order a.links:hover, .order-history .listing .page .order a.links:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
    .order-history .listing .page-th .order a.links:hover, .order-history .listing .page .order a.links:hover {
      color: #08285c; }
  .order-history .listing .actions .left span {
    color: #222;
    margin-left: 0px !important; }
  .order-history .listing .actions .center {
    display: none !important; }
  .order-history .listing .page .total {
    text-align: right;
    color: #222;
    min-width: 13%; }
  .order-history .listing .page .details {
    background: #fff;
    border-bottom: 1px solid #ccc; }
    .order-history .listing .page .details .order {
      padding-left: 20px;
      padding-right: 0px; }
      .order-history .listing .page .details .order i {
        left: 0px;
        position: absolute;
        top: 3px; }
    .order-history .listing .page .details:hover {
      background-color: #f7fbff; }
    .order-history .listing .page .details > .col {
      line-height: normal; }
  .order-history .listing .page > .child {
    position: relative;
    top: -1px; }
    .order-history .listing .page > .child .details {
      border-bottom-color: #fff; }
  .order-history .listing .page .child + .details {
    border-top: 1px solid #ccc;
    top: -1px; }
  @media (min-width: 992px) {
    .order-history .search.date {
      max-width: 75%; } }
  @media (min-width: 1200px) {
    .order-history .search.date {
      max-width: 50%; } }
  @media (max-width: 991px) {
    .order-history .search.date {
      max-width: 100%; }
      .order-history .search.date p {
        margin-top: 10px; }
    .order-history .search:not(.date) {
      max-width: 50%; }
    .order-history .mode-selection .mode:nth-child(3) {
      border-left-color: #ccc; }
    .order-history .filters .col-12 .col-2.checkbox {
      max-width: 25%;
      flex: 0 0 25%; }
    .order-history .listing .page {
      border-top: 1px solid #666; }
      .order-history .listing .page .details {
        padding: 5px 0px; }
        .order-history .listing .page .details .col {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          align-items: flex-start; }
    .order-history .listing > .actions {
      padding-top: 0px; }
    .order-history .listing .page-th {
      display: none !important; }
    .order-history .listing .page .details .col:nth-child(1) i {
      left: calc(100px - 10px); }
    .order-history .listing .page .details .col {
      align-items: center;
      padding: zero !important;
      display: inline-flex; }
      .order-history .listing .page .details .col span._labels {
        display: block !important;
        font-weight: 400; }
    .order-history .listing .page .details .order {
      padding-left: 0px; }
      .order-history .listing .page .details .order i {
        top: 7px; }
    .order-history .listing .page > .child {
      top: -1px;
      border-top: 1px dashed #fff; }
      .order-history .listing .page > .child .details {
        padding-top: 5px; } }
  @media (max-width: 767px) {
    .order-history .search.date p {
      width: 50px;
      margin: 0px 5px 0px 0px;
      text-align: center;
      font-size: 0.8rem; }
    .order-history .search.date input {
      width: calc(100px - 20px);
      padding: 5px;
      height: 40px; }
    .order-history .search.date input:nth-child(2) {
      margin-right: 10px; }
    .order-history .search:not(.date) {
      max-width: 100%; }
    .order-history .mode-selection .mode {
      padding: 7px 5px; }
    .order-history .filters .col-12 .col-2.checkbox {
      max-width: calc(50% - 5px);
      flex: 0 0 calc(50% - 5px); }
    .order-history .listing > .actions .left, .order-history .listing > .actions .right {
      max-width: 50%;
      flex: 0 0 50%; }
    .order-history .listing > .actions .right {
      margin-top: 0px;
      justify-content: flex-end; } }

.order-history.import-order .alert-success {
  width: 480px;
  margin: 0px auto;
  padding: 1rem 2rem;
  font-size: 0.875rem;
  line-height: 0.9rem; }
  .order-history.import-order .alert-success p {
    margin-bottom: 0px; }
.order-history.import-order p.supp {
  color: #222;
  font-family: "Open Sans", sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #666; }
.order-history.import-order .import-block {
  /* EXPLORER ONLY */
  margin-bottom: 40px; }
  .order-history.import-order .import-block a.pdf-export, .order-history.import-order .import-block a.excel-export, .order-history.import-order .import-block a.import-pro {
    cursor: pointer;
    position: relative; }
    .order-history.import-order .import-block a.pdf-export.active, .order-history.import-order .import-block a.excel-export.active, .order-history.import-order .import-block a.import-pro.active {
      color: #214a8c; }
      .order-history.import-order .import-block a.pdf-export.active:before, .order-history.import-order .import-block a.excel-export.active:before, .order-history.import-order .import-block a.import-pro.active:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: calc(20px + 7px);
        left: 50%; }
  .order-history.import-order .import-block #exportPdf, .order-history.import-order .import-block #exportExcel, .order-history.import-order .import-block #importPro {
    border: 1px solid #666;
    margin: 7px 0px 10px;
    padding: 0px;
    height: auto;
    background: #fff; }
    .order-history.import-order .import-block #exportPdf form, .order-history.import-order .import-block #exportExcel form, .order-history.import-order .import-block #importPro form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 100%;
      flex: 0 0 100%;
      margin: 0px; }
      .order-history.import-order .import-block #exportPdf form label, .order-history.import-order .import-block #exportExcel form label, .order-history.import-order .import-block #importPro form label {
        margin-bottom: 0px;
        text-align: left; }
      .order-history.import-order .import-block #exportPdf form > div, .order-history.import-order .import-block #exportExcel form > div, .order-history.import-order .import-block #importPro form > div {
        padding: 0px 15px;
        height: 50px;
        display: flex;
        align-items: center;
        flex-direction: row; }
      .order-history.import-order .import-block #exportPdf form > div:not(.generate), .order-history.import-order .import-block #exportExcel form > div:not(.generate), .order-history.import-order .import-block #importPro form > div:not(.generate) {
        border-bottom: 1px solid #ddd; }
      .order-history.import-order .import-block #exportPdf form .left, .order-history.import-order .import-block #exportExcel form .left, .order-history.import-order .import-block #importPro form .left {
        max-width: 25%;
        flex: 0 0 25%;
        line-height: 1rem;
        justify-content: flex-end; }
      .order-history.import-order .import-block #exportPdf form .right, .order-history.import-order .import-block #exportExcel form .right, .order-history.import-order .import-block #importPro form .right {
        max-width: 75%;
        flex: 0 0 75%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        border-left: 1px solid #ddd; }
      .order-history.import-order .import-block #exportPdf form .attachment, .order-history.import-order .import-block #exportExcel form .attachment, .order-history.import-order .import-block #importPro form .attachment {
        flex-wrap: wrap;
        padding: 15px;
        display: none;
        height: auto; }
        .order-history.import-order .import-block #exportPdf form .attachment > div, .order-history.import-order .import-block #exportExcel form .attachment > div, .order-history.import-order .import-block #importPro form .attachment > div {
          width: 100%;
          display: flex;
          padding: 0px; }
        .order-history.import-order .import-block #exportPdf form .attachment .col-3, .order-history.import-order .import-block #exportPdf form .attachment .col-9, .order-history.import-order .import-block #exportExcel form .attachment .col-3, .order-history.import-order .import-block #exportExcel form .attachment .col-9, .order-history.import-order .import-block #importPro form .attachment .col-3, .order-history.import-order .import-block #importPro form .attachment .col-9 {
          float: left;
          flex-wrap: wrap; }
          .order-history.import-order .import-block #exportPdf form .attachment .col-3 > div, .order-history.import-order .import-block #exportPdf form .attachment .col-9 > div, .order-history.import-order .import-block #exportExcel form .attachment .col-3 > div, .order-history.import-order .import-block #exportExcel form .attachment .col-9 > div, .order-history.import-order .import-block #importPro form .attachment .col-3 > div, .order-history.import-order .import-block #importPro form .attachment .col-9 > div {
            width: 100%;
            text-align: left; }
          .order-history.import-order .import-block #exportPdf form .attachment .col-3 > label, .order-history.import-order .import-block #exportPdf form .attachment .col-9 > label, .order-history.import-order .import-block #exportExcel form .attachment .col-3 > label, .order-history.import-order .import-block #exportExcel form .attachment .col-9 > label, .order-history.import-order .import-block #importPro form .attachment .col-3 > label, .order-history.import-order .import-block #importPro form .attachment .col-9 > label {
            margin-bottom: 10px; }
          .order-history.import-order .import-block #exportPdf form .attachment .col-3 p.supp, .order-history.import-order .import-block #exportPdf form .attachment .col-9 p.supp, .order-history.import-order .import-block #exportExcel form .attachment .col-3 p.supp, .order-history.import-order .import-block #exportExcel form .attachment .col-9 p.supp, .order-history.import-order .import-block #importPro form .attachment .col-3 p.supp, .order-history.import-order .import-block #importPro form .attachment .col-9 p.supp {
            position: relative;
            margin: 0px 0px 0px 10px; }
        .order-history.import-order .import-block #exportPdf form .attachment .col-9, .order-history.import-order .import-block #exportExcel form .attachment .col-9, .order-history.import-order .import-block #importPro form .attachment .col-9 {
          padding-left: 15px; }
        .order-history.import-order .import-block #exportPdf form .attachment .text, .order-history.import-order .import-block #exportPdf form .attachment .image, .order-history.import-order .import-block #exportExcel form .attachment .text, .order-history.import-order .import-block #exportExcel form .attachment .image, .order-history.import-order .import-block #importPro form .attachment .text, .order-history.import-order .import-block #importPro form .attachment .image {
          margin: 0px 0px 5px; }
          .order-history.import-order .import-block #exportPdf form .attachment .text p, .order-history.import-order .import-block #exportPdf form .attachment .image p, .order-history.import-order .import-block #exportExcel form .attachment .text p, .order-history.import-order .import-block #exportExcel form .attachment .image p, .order-history.import-order .import-block #importPro form .attachment .text p, .order-history.import-order .import-block #importPro form .attachment .image p {
            font-family: "Open Sans", sans-serif;
            font-size: 0.75rem;
            font-weight: 400;
            margin: 0px; }
        .order-history.import-order .import-block #exportPdf form .attachment .image, .order-history.import-order .import-block #exportExcel form .attachment .image, .order-history.import-order .import-block #importPro form .attachment .image {
          display: flex;
          align-items: center;
          flex-direction: row;
          margin: 0px;
          width: 100%; }
          .order-history.import-order .import-block #exportPdf form .attachment .image p, .order-history.import-order .import-block #exportExcel form .attachment .image p, .order-history.import-order .import-block #importPro form .attachment .image p {
            font-style: italic;
            margin: 0px 10px; }
          .order-history.import-order .import-block #exportPdf form .attachment .image img, .order-history.import-order .import-block #exportExcel form .attachment .image img, .order-history.import-order .import-block #importPro form .attachment .image img {
            max-width: 100px;
            width: auto;
            max-height: 40px; }
        .order-history.import-order .import-block #exportPdf form .attachment .btns, .order-history.import-order .import-block #exportExcel form .attachment .btns, .order-history.import-order .import-block #importPro form .attachment .btns {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .order-history.import-order .import-block #exportPdf form .attachment .btns i, .order-history.import-order .import-block #exportExcel form .attachment .btns i, .order-history.import-order .import-block #importPro form .attachment .btns i {
            font-size: calc(20px + 2px);
            margin-right: 5px; }
          .order-history.import-order .import-block #exportPdf form .attachment .btns a, .order-history.import-order .import-block #exportPdf form .attachment .btns input, .order-history.import-order .import-block #exportPdf form .attachment .btns button, .order-history.import-order .import-block #exportExcel form .attachment .btns a, .order-history.import-order .import-block #exportExcel form .attachment .btns input, .order-history.import-order .import-block #exportExcel form .attachment .btns button, .order-history.import-order .import-block #importPro form .attachment .btns a, .order-history.import-order .import-block #importPro form .attachment .btns input, .order-history.import-order .import-block #importPro form .attachment .btns button {
            border: none;
            background: none;
            padding: 0px;
            height: 20px;
            cursor: pointer;
            margin-right: 10px;
            font-size: 0.875rem;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            display: flex;
            align-items: center; }
            .order-history.import-order .import-block #exportPdf form .attachment .btns a:focus, .order-history.import-order .import-block #exportPdf form .attachment .btns input:focus, .order-history.import-order .import-block #exportPdf form .attachment .btns button:focus, .order-history.import-order .import-block #exportExcel form .attachment .btns a:focus, .order-history.import-order .import-block #exportExcel form .attachment .btns input:focus, .order-history.import-order .import-block #exportExcel form .attachment .btns button:focus, .order-history.import-order .import-block #importPro form .attachment .btns a:focus, .order-history.import-order .import-block #importPro form .attachment .btns input:focus, .order-history.import-order .import-block #importPro form .attachment .btns button:focus {
              border: none;
              background: none; }
            .order-history.import-order .import-block #exportPdf form .attachment .btns a:hover, .order-history.import-order .import-block #exportPdf form .attachment .btns input:hover, .order-history.import-order .import-block #exportPdf form .attachment .btns button:hover, .order-history.import-order .import-block #exportExcel form .attachment .btns a:hover, .order-history.import-order .import-block #exportExcel form .attachment .btns input:hover, .order-history.import-order .import-block #exportExcel form .attachment .btns button:hover, .order-history.import-order .import-block #importPro form .attachment .btns a:hover, .order-history.import-order .import-block #importPro form .attachment .btns input:hover, .order-history.import-order .import-block #importPro form .attachment .btns button:hover {
              color: #214a8c; }
          .order-history.import-order .import-block #exportPdf form .attachment .btns button + button, .order-history.import-order .import-block #exportPdf form .attachment .btns a + a, .order-history.import-order .import-block #exportPdf form .attachment .btns input + input, .order-history.import-order .import-block #exportExcel form .attachment .btns button + button, .order-history.import-order .import-block #exportExcel form .attachment .btns a + a, .order-history.import-order .import-block #exportExcel form .attachment .btns input + input, .order-history.import-order .import-block #importPro form .attachment .btns button + button, .order-history.import-order .import-block #importPro form .attachment .btns a + a, .order-history.import-order .import-block #importPro form .attachment .btns input + input {
            pointer-events: none;
            color: #ccc; }
          .order-history.import-order .import-block #exportPdf form .attachment .btns .image, .order-history.import-order .import-block #exportExcel form .attachment .btns .image, .order-history.import-order .import-block #importPro form .attachment .btns .image {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #ddd;
            flex-wrap: wrap;
            height: auto; }
            .order-history.import-order .import-block #exportPdf form .attachment .btns .image > div, .order-history.import-order .import-block #exportExcel form .attachment .btns .image > div, .order-history.import-order .import-block #importPro form .attachment .btns .image > div {
              max-width: 50%;
              flex: 0 0 50%;
              display: flex;
              align-items: center; }
      .order-history.import-order .import-block #exportPdf form .address-list, .order-history.import-order .import-block #exportExcel form .address-list, .order-history.import-order .import-block #importPro form .address-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0px;
        padding: 15px;
        height: auto;
        border-left: none; }
        .order-history.import-order .import-block #exportPdf form .address-list div, .order-history.import-order .import-block #exportExcel form .address-list div, .order-history.import-order .import-block #importPro form .address-list div {
          padding: 0px;
          font-family: "Open Sans", sans-serif; }
        .order-history.import-order .import-block #exportPdf form .address-list > div:not(.d-flex), .order-history.import-order .import-block #exportExcel form .address-list > div:not(.d-flex), .order-history.import-order .import-block #importPro form .address-list > div:not(.d-flex) {
          padding: 5px 0px;
          text-align: left; }
        .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 {
          max-width: calc(50% - 10px);
          flex: 0 0 50%;
          position: relative; }
          .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4 label, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4 label, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 label {
            display: inherit; }
            .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4 label:after, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4 label:after, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4 select, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4 select, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4 label:after, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4 label:after, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .order-history.import-order .import-block #exportPdf form .address-list > .col-9 .col-4 select, .order-history.import-order .import-block #exportExcel form .address-list > .col-9 .col-4 select, .order-history.import-order .import-block #importPro form .address-list > .col-9 .col-4 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .order-history.import-order .import-block #exportPdf form .address-list .btn-block, .order-history.import-order .import-block #exportExcel form .address-list .btn-block, .order-history.import-order .import-block #importPro form .address-list .btn-block {
          border: none; }
          .order-history.import-order .import-block #exportPdf form .address-list .btn-block a, .order-history.import-order .import-block #exportExcel form .address-list .btn-block a, .order-history.import-order .import-block #importPro form .address-list .btn-block a {
            height: 30px; }
      .order-history.import-order .import-block #exportPdf form .attachment, .order-history.import-order .import-block #exportPdf form .address-list, .order-history.import-order .import-block #exportExcel form .attachment, .order-history.import-order .import-block #exportExcel form .address-list, .order-history.import-order .import-block #importPro form .attachment, .order-history.import-order .import-block #importPro form .address-list {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: calc(25% + 15px); }
      .order-history.import-order .import-block #exportPdf form .btn-sml.btn-dark-bdr, .order-history.import-order .import-block #exportExcel form .btn-sml.btn-dark-bdr, .order-history.import-order .import-block #importPro form .btn-sml.btn-dark-bdr {
        margin: 0px; }
      .order-history.import-order .import-block #exportPdf form .generate, .order-history.import-order .import-block #exportExcel form .generate, .order-history.import-order .import-block #importPro form .generate {
        padding: 15px;
        justify-content: center; }
        .order-history.import-order .import-block #exportPdf form .generate .btn-sml, .order-history.import-order .import-block #exportExcel form .generate .btn-sml, .order-history.import-order .import-block #importPro form .generate .btn-sml {
          max-width: 100px; }
      .order-history.import-order .import-block #exportPdf form .checkbox.misc.disabled .custom-checkbox, .order-history.import-order .import-block #exportExcel form .checkbox.misc.disabled .custom-checkbox, .order-history.import-order .import-block #importPro form .checkbox.misc.disabled .custom-checkbox {
        pointer-events: none;
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer */
        -khtml-user-select: none;
        /* KHTML browsers (e.g. Konqueror) */
        -webkit-user-select: none;
        /* Chrome, Safari, and Opera */
        -webkit-touch-callout: none;
        /* Disable Android and iOS callouts*/
        opacity: 0.25; }
      .order-history.import-order .import-block #exportPdf form .img, .order-history.import-order .import-block #exportExcel form .img, .order-history.import-order .import-block #importPro form .img {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .order-history.import-order .import-block #exportPdf form .img .text p, .order-history.import-order .import-block #exportExcel form .img .text p, .order-history.import-order .import-block #importPro form .img .text p {
          margin-bottom: 0px;
          text-align: left; }
        .order-history.import-order .import-block #exportPdf form .img p.supp, .order-history.import-order .import-block #exportExcel form .img p.supp, .order-history.import-order .import-block #importPro form .img p.supp {
          width: 100%;
          margin: 0px 0px 10px;
          position: inherit;
          text-align: left; }
        .order-history.import-order .import-block #exportPdf form .img img, .order-history.import-order .import-block #exportExcel form .img img, .order-history.import-order .import-block #importPro form .img img {
          padding-right: 15px; }
  .order-history.import-order .import-block #exportPdf:not(.show), .order-history.import-order .import-block #exportExcel:not(.show), .order-history.import-order .import-block #importPro:not(.show) {
    display: none; }
  @media (max-width: 991px) {
    .order-history.import-order .import-block #exportPdf form > div, .order-history.import-order .import-block #exportExcel form > div, .order-history.import-order .import-block #importPro form > div {
      height: auto;
      padding: 10px !important; }
    .order-history.import-order .import-block #exportPdf form .custom-checkbox, .order-history.import-order .import-block #exportExcel form .custom-checkbox, .order-history.import-order .import-block #importPro form .custom-checkbox {
      height: 30px; }
    .order-history.import-order .import-block #exportPdf form .left, .order-history.import-order .import-block #exportPdf form .right, .order-history.import-order .import-block #exportExcel form .left, .order-history.import-order .import-block #exportExcel form .right, .order-history.import-order .import-block #importPro form .left, .order-history.import-order .import-block #importPro form .right {
      max-width: 100%;
      flex: 0 0 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 10px; }
    .order-history.import-order .import-block #exportPdf form .left, .order-history.import-order .import-block #exportExcel form .left, .order-history.import-order .import-block #importPro form .left {
      border-bottom: none !important;
      padding-bottom: 0px !important; }
    .order-history.import-order .import-block #exportPdf form .address-list, .order-history.import-order .import-block #exportExcel form .address-list, .order-history.import-order .import-block #importPro form .address-list {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .order-history.import-order .import-block #exportPdf form label, .order-history.import-order .import-block #exportExcel form label, .order-history.import-order .import-block #importPro form label {
      justify-content: flex-start; }
    .order-history.import-order .import-block #exportPdf form .right, .order-history.import-order .import-block #exportExcel form .right, .order-history.import-order .import-block #importPro form .right {
      border-left: none;
      margin: 0px; }
    .order-history.import-order .import-block #exportPdf form .attachment, .order-history.import-order .import-block #exportExcel form .attachment, .order-history.import-order .import-block #importPro form .attachment {
      padding: 10px; }
      .order-history.import-order .import-block #exportPdf form .attachment .col-3, .order-history.import-order .import-block #exportPdf form .attachment .col-9, .order-history.import-order .import-block #exportExcel form .attachment .col-3, .order-history.import-order .import-block #exportExcel form .attachment .col-9, .order-history.import-order .import-block #importPro form .attachment .col-3, .order-history.import-order .import-block #importPro form .attachment .col-9 {
        max-width: 100%;
        flex: 0 0 100%; }
      .order-history.import-order .import-block #exportPdf form .attachment .col-3, .order-history.import-order .import-block #exportExcel form .attachment .col-3, .order-history.import-order .import-block #importPro form .attachment .col-3 {
        margin-bottom: 10px;
        flex-wrap: nowrap; }
        .order-history.import-order .import-block #exportPdf form .attachment .col-3 label, .order-history.import-order .import-block #exportPdf form .attachment .col-3 .image, .order-history.import-order .import-block #exportExcel form .attachment .col-3 label, .order-history.import-order .import-block #exportExcel form .attachment .col-3 .image, .order-history.import-order .import-block #importPro form .attachment .col-3 label, .order-history.import-order .import-block #importPro form .attachment .col-3 .image {
          width: 50%;
          margin: 0px; }
      .order-history.import-order .import-block #exportPdf form .attachment .col-9, .order-history.import-order .import-block #exportExcel form .attachment .col-9, .order-history.import-order .import-block #importPro form .attachment .col-9 {
        padding: 0px; }
        .order-history.import-order .import-block #exportPdf form .attachment .col-9 p.supp, .order-history.import-order .import-block #exportExcel form .attachment .col-9 p.supp, .order-history.import-order .import-block #importPro form .attachment .col-9 p.supp {
          width: 50%; }
    .order-history.import-order .import-block #exportPdf form .address-list .col-3, .order-history.import-order .import-block #exportExcel form .address-list .col-3, .order-history.import-order .import-block #importPro form .address-list .col-3 {
      max-width: 40%;
      flex: 0 0 40%; }
    .order-history.import-order .import-block #exportPdf form .address-list .col-9, .order-history.import-order .import-block #exportExcel form .address-list .col-9, .order-history.import-order .import-block #importPro form .address-list .col-9 {
      max-width: 60%;
      flex: 0 0 60%; }
    .order-history.import-order .import-block #exportPdf form .address-list > div:nth-of-type(1), .order-history.import-order .import-block #exportPdf form .address-list > div:nth-of-type(2), .order-history.import-order .import-block #exportExcel form .address-list > div:nth-of-type(1), .order-history.import-order .import-block #exportExcel form .address-list > div:nth-of-type(2), .order-history.import-order .import-block #importPro form .address-list > div:nth-of-type(1), .order-history.import-order .import-block #importPro form .address-list > div:nth-of-type(2) {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-history.import-order .import-block #exportPdf form .img img, .order-history.import-order .import-block #exportExcel form .img img, .order-history.import-order .import-block #importPro form .img img {
      max-width: 100%;
      padding: 0px 0px 10px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order-history.import-order .import-block #exportPdf .custom-checkbox .custom-check, .order-history.import-order .import-block #exportExcel .custom-checkbox .custom-check, .order-history.import-order .import-block #importPro .custom-checkbox .custom-check {
      top: 1rem; } }
.order-history.import-order .listing .details.col-12 {
  background: #fff;
  padding: 25px 30px 15px;
  justify-content: space-between; }
  .order-history.import-order .listing .details.col-12 ul.nav {
    max-width: calc(500px + 40px);
    margin: 0px auto 15px;
    padding: 0px; }
    .order-history.import-order .listing .details.col-12 ul.nav li {
      width: 50%; }
  .order-history.import-order .listing .details.col-12 .nav-tabs {
    padding: 0px;
    border: none; }
    .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-item, .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-link {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      border-color: #ddd;
      font-family: "Poppins", sans-serif;
      height: 40px;
      border-radius: 0px;
      color: #666;
      letter-spacing: 0.5px;
      line-height: 0.875rem;
      text-align: center; }
      .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-item:before, .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-link:before {
        font-family: "Feather";
        font-size: 1.2rem;
        padding-right: 5px;
        color: #222;
        vertical-align: sub;
        font-weight: 400; }
    .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-item.active, .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-link.active {
      border-left-width: thin;
      border-color: #ddd;
      border-bottom: 2px solid #214a8c;
      color: #222; }
    .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-item {
      width: 50%; }
    .order-history.import-order .listing .details.col-12 .nav-tabs .nav-item + .nav-item a {
      border-left: 0px; }
    .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-link {
      width: 100%; }
    .order-history.import-order .listing .details.col-12 .nav-tabs a.nav-link.disabled {
      pointer-events: none; }
    @media (max-width: 991px) {
      .order-history.import-order .listing .details.col-12 .nav-tabs .nav-item a.nav-link {
        display: table-cell !important;
        vertical-align: middle; }
      .order-history.import-order .listing .details.col-12 .nav-tabs > .nav-item {
        width: 33.333333%;
        display: table; } }
  .order-history.import-order .listing .details.col-12 .col-3, .order-history.import-order .listing .details.col-12 .col-4, .order-history.import-order .listing .details.col-12 .col-8, .order-history.import-order .listing .details.col-12 .col-12, .order-history.import-order .listing .details.col-12 .col-6 {
    padding: 0px; }
  .order-history.import-order .listing .details.col-12 .contact-details .address {
    margin-top: 10px; }
  .order-history.import-order .listing .details.col-12 .sub-title {
    font-weight: 600; }
  .order-history.import-order .listing .details.col-12 .delivery-date + .custom-radiobox {
    margin-top: 10px; }
  .order-history.import-order .listing .details.col-12 .ship-when > p, .order-history.import-order .listing .details.col-12 .bill-method > p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    color: #666;
    font-weight: normal;
    font-size: 0.875rem;
    text-transform: none; }
  .order-history.import-order .listing .details.col-12 .ship-when .delivery-date div {
    margin-top: 2px;
    width: 100%; }
    .order-history.import-order .listing .details.col-12 .ship-when .delivery-date div input {
      font-family: "Open Sans", sans-serif; }
  .order-history.import-order .listing .details.col-12 .sms .checkbox {
    padding-top: 20px; }
    .order-history.import-order .listing .details.col-12 .sms .checkbox p {
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem; }
  .order-history.import-order .listing .details.col-12 .instructions {
    margin-bottom: 0px; }
  .order-history.import-order .listing .details.col-12 p.note {
    margin: 40px 0px 0px; }
  .order-history.import-order .listing .details.col-12 .col-3 {
    max-width: calc(25% - 20px); }
  .order-history.import-order .listing .details.col-12 .col-4 {
    max-width: calc(33.333333% - 20px); }
  .order-history.import-order .listing .details.col-12 .col-6:not(.nav) {
    max-width: calc(50% - 15px); }
  .order-history.import-order .listing .details.col-12 .col-8 {
    max-width: calc(66.66% - 10px); }
  .order-history.import-order .listing .details.col-12 .tab-content {
    padding: 0px; }
    .order-history.import-order .listing .details.col-12 .tab-content .tab-pane {
      padding: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
      .order-history.import-order .listing .details.col-12 .tab-content .tab-pane form {
        margin: 0px; }
    .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms {
      display: block; }
      .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
        margin: 40px 0px 0px;
        padding: 30px 0px 0px;
        border-top: 1px solid #666;
        justify-content: space-between; }
        .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .delivery-date, .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .instructions {
          margin-top: 0px; }
  .order-history.import-order .listing .details.col-12 .bill-method {
    max-width: calc(50% - 15px); }
.order-history.import-order .listing .details.show, .order-history.import-order .listing .details.collapsing {
  display: flex;
  flex-wrap: wrap; }
.order-history.import-order .listing .details + .actions:not(.d-flex) {
  display: none; }
.order-history.import-order .listing .title {
  color: #222;
  font-size: 0.95rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5rem;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: none;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  width: 100%;
  padding: 0px; }
  .order-history.import-order .listing .title a:hover {
    color: #214a8c; }
@media (min-width: 992px) {
  .order-history.import-order .listing .details.col-12 .bill-method:nth-child(3):not(:nth-last-child(2)) {
    max-width: 100%;
    flex: 0 0 100%; }
  .order-history.import-order .listing .details.col-12 .col-3:last-child {
    max-width: calc(50% - 15px);
    flex: 0 0 auto; } }
@media (max-width: 991px) {
  .order-history.import-order .listing .details.col-12 {
    padding: 15px; }
    .order-history.import-order .listing .details.col-12 ul.nav {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-history.import-order .listing .details.col-12 .col-3, .order-history.import-order .listing .details.col-12 .col-4, .order-history.import-order .listing .details.col-12 .col-8, .order-history.import-order .listing .details.col-12 .col-12, .order-history.import-order .listing .details.col-12 .col-6 {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-history.import-order .listing .details.col-12 .ship-when {
      margin: 15px 0px; }
    .order-history.import-order .listing .details.col-12 .sms .checkbox {
      padding-top: 10px;
      margin-bottom: 10px; }
    .order-history.import-order .listing .details.col-12 .instructions {
      margin-bottom: 20px; }
    .order-history.import-order .listing .details.col-12 p.note {
      margin: 0px; }
    .order-history.import-order .listing .details.col-12 .col-6:not(:last-of-type) {
      margin-bottom: 15px;
      margin-top: 0px; }
    .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .e-group .e-row {
      max-width: 100%;
      flex: 0 0 100%;
      margin-right: 0px;
      margin-left: 0px; }
    .order-history.import-order .listing .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
      flex-wrap: wrap; }
  .order-history.import-order .listing .title {
    font-size: 0.875rem; } }
.order-history.import-order .listing .sub-header > .col-6:nth-child(2) {
  justify-content: flex-end;
  padding: 0px; }
  .order-history.import-order .listing .sub-header > .col-6:nth-child(2) p {
    margin-bottom: 0px; }
.order-history.import-order .listing .invalid-products {
  margin: 0px 0px 40px;
  border-top: 1px solid #aaa;
  display: flex;
  flex-wrap: wrap; }
  .order-history.import-order .listing .invalid-products .col-3 {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    font-size: 0.8rem;
    padding: 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    word-break: break-all; }
    .order-history.import-order .listing .invalid-products .col-3 span {
      color: #222;
      word-break: keep-all;
      margin-left: 10px; }
  .order-history.import-order .listing .invalid-products .col-3:nth-child(4n) {
    border-right: none; }
.order-history.import-order .listing .col-9.left .page-th form, .order-history.import-order .listing .col-9.left .page form {
  border-bottom: 1px solid #ddd; }
  .order-history.import-order .listing .col-9.left .page-th form:hover, .order-history.import-order .listing .col-9.left .page form:hover {
    background-color: #f7fbff; }
.order-history.import-order .listing .col-9.left .page-th .details, .order-history.import-order .listing .col-9.left .page .details {
  padding: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details > .col, .order-history.import-order .listing .col-9.left .page .details > .col {
    text-align: left;
    padding: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details > .col .eco, .order-history.import-order .listing .col-9.left .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.checkbox, .order-history.import-order .listing .col-9.left .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .order-history.import-order .listing .col-9.left .page-th .details .supp, .order-history.import-order .listing .col-9.left .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .text, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .text {
      width: 100%; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .product-img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .product-img img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .product-img img {
        width: auto; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .product-img img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .sub-title, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .sub-title a, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .sub-title a {
        color: #666; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .sub-title a:hover, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .title, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .title a, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .title a {
        color: #222; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .title a:hover, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .title:after, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .mfg, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .upc, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .co-label, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .mfg, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .upc, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .mfg span, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .upc span, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .co-label span, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .mfg span, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .upc span, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .mfg span:last-of-type, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .upc span:last-of-type, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .co-label span:last-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .mfg span:last-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .upc span:last-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .mfg span:first-of-type, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .upc span:first-of-type, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .co-label span:first-of-type, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .personal-code span:first-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .mfg span:first-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .upc span:first-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .co-label span:first-of-type, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .personal-code, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .personal-code a, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code {
      display: flex; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code input, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code button, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code input, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code button {
        height: 30px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code button.img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code input[type="image"], .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code input[type="image"], .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code.collapse:not(.show), .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .change-code.show, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .mfg, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .upc, .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .co-label, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .mfg, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .upc, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .supp, .order-history.import-order .listing .col-9.left .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .in-stock, .order-history.import-order .listing .col-9.left .page-th .details .inventory .out-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .in-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .in-stock:before, .order-history.import-order .listing .col-9.left .page-th .details .inventory .out-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .in-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .in-stock {
      color: #10a700; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .out-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .out-stock {
      color: #dc3545; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .out-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .delivery, .order-history.import-order .listing .col-9.left .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .delivery .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:before, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:after, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .nonstock .out-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .nonstock .out-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .nonstock .supp, .order-history.import-order .listing .col-9.left .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .leadtime span, .order-history.import-order .listing .col-9.left .page .details .inventory .leadtime span {
      color: #10a700; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup .preferred {
      display: block; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .out-stock ~ .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .backorder .in-stock, .order-history.import-order .listing .col-9.left .page-th .details .inventory .nonstock .in-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .backorder .in-stock, .order-history.import-order .listing .col-9.left .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .backorder .in-stock:before, .order-history.import-order .listing .col-9.left .page-th .details .inventory .nonstock .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .backorder .in-stock:before, .order-history.import-order .listing .col-9.left .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory ._labels, .order-history.import-order .listing .col-9.left .page .details .inventory ._labels {
      display: none !important; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .text, .order-history.import-order .listing .col-9.left .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .inventory .text span, .order-history.import-order .listing .col-9.left .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .text span:before, .order-history.import-order .listing .col-9.left .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .text span:after, .order-history.import-order .listing .col-9.left .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .text span a, .order-history.import-order .listing .col-9.left .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .order-history.import-order .listing .col-9.left .page-th .details .inventory .text span a:hover, .order-history.import-order .listing .col-9.left .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page .details .inventory {
        margin-bottom: 5px; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:before, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:after, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:after {
          bottom: -20px; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:last-child:before, .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:last-child:after, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:last-child:before, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:last-child:after {
          display: none; }
        .order-history.import-order .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .leadtime.supp, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .order-history.import-order .listing .col-9.left .page-th .details .pickup, .order-history.import-order .listing .col-9.left .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .order-history.import-order .listing .col-9.left .page-th .details .branch, .order-history.import-order .listing .col-9.left .page .details .branch {
    margin-left: 25px; }
    .order-history.import-order .listing .col-9.left .page-th .details .branch button, .order-history.import-order .listing .col-9.left .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .branch button:focus, .order-history.import-order .listing .col-9.left .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu li, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu li:after, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu li span, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu li.available:after, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .order-history.import-order .listing .col-9.left .page-th .details .branch .dropdown-menu li.available span, .order-history.import-order .listing .col-9.left .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .sale, .order-history.import-order .listing .col-9.left .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .price, .order-history.import-order .listing .col-9.left .page .details .col.price .price {
      color: #222; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .discount, .order-history.import-order .listing .col-9.left .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .sale + .price, .order-history.import-order .listing .col-9.left .page-th .details .col.price .discount + .price, .order-history.import-order .listing .col-9.left .page .details .col.price .sale + .price, .order-history.import-order .listing .col-9.left .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .supp, .order-history.import-order .listing .col-9.left .page .details .col.price .supp {
      margin-left: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .eco, .order-history.import-order .listing .col-9.left .page .details .col.price .eco {
      color: #10a700; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price > span:nth-of-type(2), .order-history.import-order .listing .col-9.left .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .order-history.import-order .listing .col-9.left .page-th .details .col.price .supp:not(:last-child), .order-history.import-order .listing .col-9.left .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty input, .order-history.import-order .listing .col-9.left .page-th .details .col.qty textarea, .order-history.import-order .listing .col-9.left .page .details .col.qty input, .order-history.import-order .listing .col-9.left .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty input, .order-history.import-order .listing .col-9.left .page-th .details .col.qty button, .order-history.import-order .listing .col-9.left .page .details .col.qty input, .order-history.import-order .listing .col-9.left .page .details .col.qty button {
      height: 30px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty textarea, .order-history.import-order .listing .col-9.left .page .details .col.qty textarea {
      height: 50px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty input, .order-history.import-order .listing .col-9.left .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty input.disabled, .order-history.import-order .listing .col-9.left .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty input.input-validation-error, .order-history.import-order .listing .col-9.left .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty span.margin + input, .order-history.import-order .listing .col-9.left .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty span.uom, .order-history.import-order .listing .col-9.left .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty > span.supp, .order-history.import-order .listing .col-9.left .page-th .details .col.qty .available, .order-history.import-order .listing .col-9.left .page .details .col.qty > span.supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .available {
      line-height: 30px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut, .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .order-history.import-order .listing .col-9.left .page-th .details .col.total .saving, .order-history.import-order .listing .col-9.left .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart, .order-history.import-order .listing .col-9.left .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart a, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart.disabled, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart .btn-sml, .order-history.import-order .listing .col-9.left .page .details .add-to-cart button.add-cart, .order-history.import-order .listing .col-9.left .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart .text, .order-history.import-order .listing .col-9.left .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart .text:before, .order-history.import-order .listing .col-9.left .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .order-history.import-order .listing .col-9.left .page-th .details .alert-warning, .order-history.import-order .listing .col-9.left .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .alert-warning > span, .order-history.import-order .listing .col-9.left .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .order-history.import-order .listing .col-9.left .page-th .details .download, .order-history.import-order .listing .col-9.left .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .order-history.import-order .listing .col-9.left .page-th .details .download i, .order-history.import-order .listing .col-9.left .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .order-history.import-order .listing .col-9.left .page-th .details .download > a, .order-history.import-order .listing .col-9.left .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .download > a span, .order-history.import-order .listing .col-9.left .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .order-history.import-order .listing .col-9.left .page-th .details .download > a span:hover, .order-history.import-order .listing .col-9.left .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .order-history.import-order .listing .col-9.left .page-th .details .download > a img, .order-history.import-order .listing .col-9.left .page .details .download > a img {
        height: 1rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .download > a i, .order-history.import-order .listing .col-9.left .page .details .download > a i {
        font-size: 1rem; }
    .order-history.import-order .listing .col-9.left .page-th .details .download #docModal .modal-dialog, .order-history.import-order .listing .col-9.left .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title .text, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title .text .sub-title, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title .text .title, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title .text .title:after, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body > div, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .doc:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div span, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div span:before, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div span a, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div span a:hover, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .order-history.import-order .listing .col-9.left .page-th .details .download .modal .btn-secondary, .order-history.import-order .listing .col-9.left .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .btn-secondary i, .order-history.import-order .listing .col-9.left .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-title .text, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .order-history.import-order .listing .col-9.left .page-th .details .download .modal .modal-body div, .order-history.import-order .listing .col-9.left .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .order-history.import-order .listing .col-9.left .page-th .details .col.total .saving, .order-history.import-order .listing .col-9.left .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .order-history.import-order .listing .col-9.left .page-th .details .col.total .saving, .order-history.import-order .listing .col-9.left .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .order-history.import-order .listing .col-9.left .page-th .details .checkbox, .order-history.import-order .listing .col-9.left .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col ._labels, .order-history.import-order .listing .col-9.left .page .details .col ._labels {
    display: block !important; }
  .order-history.import-order .listing .col-9.left .page-th .details .inventory ._labels, .order-history.import-order .listing .col-9.left .page .details .inventory ._labels {
    display: none !important; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price span, .order-history.import-order .listing .col-9.left .page .details .col.price span {
      display: flex;
      align-items: center; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .col.qty {
    max-width: 360px !important; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.total, .order-history.import-order .listing .col-9.left .page .details .col.total {
    flex-wrap: wrap; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.total .saving, .order-history.import-order .listing .col-9.left .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .order-history.import-order .listing .col-9.left .page-th .details .add-to-cart, .order-history.import-order .listing .col-9.left .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .order-history.import-order .listing .col-9.left .page-th .details .alert-warning, .order-history.import-order .listing .col-9.left .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.order-history.import-order .listing .col-9.left .page-th form, .order-history.import-order .listing .col-9.left .page form {
  width: 100%;
  padding: 15px 0px; }
.order-history.import-order .listing .col-9.left .page-th .details, .order-history.import-order .listing .col-9.left .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .order-history.import-order .listing .col-9.left .page-th .details .checkbox, .order-history.import-order .listing .col-9.left .page .details .checkbox {
    align-self: center; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .s-desc, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .s-desc:after, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page-th .details .col.total, .order-history.import-order .listing .col-9.left .page .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.total {
    text-align: right; }
  .order-history.import-order .listing .col-9.left .page-th .details .ordered .qty, .order-history.import-order .listing .col-9.left .page .details .ordered .qty {
    text-align: left; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .col.qty {
    position: static; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .uom + .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price .eco, .order-history.import-order .listing .col-9.left .page .details .col.price .eco {
    margin-top: 3px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price:empty, .order-history.import-order .listing .col-9.left .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .sp-tags, .order-history.import-order .listing .col-9.left .page .details .sp-tags {
    justify-content: flex-end; }
  .order-history.import-order .listing .col-9.left .page-th .details .alert-warning, .order-history.import-order .listing .col-9.left .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .remove, .order-history.import-order .listing .col-9.left .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .order-history.import-order .listing .col-9.left .page-th .details .remove button, .order-history.import-order .listing .col-9.left .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .order-history.import-order .listing .col-9.left .page-th .details .remove button, .order-history.import-order .listing .col-9.left .page-th .details .remove a, .order-history.import-order .listing .col-9.left .page .details .remove button, .order-history.import-order .listing .col-9.left .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .order-history.import-order .listing .col-9.left .page-th .details .remove button:hover, .order-history.import-order .listing .col-9.left .page-th .details .remove a:hover, .order-history.import-order .listing .col-9.left .page .details .remove button:hover, .order-history.import-order .listing .col-9.left .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .order-history.import-order .listing .col-9.left .page-th .details .remove button span, .order-history.import-order .listing .col-9.left .page-th .details .remove a span, .order-history.import-order .listing .col-9.left .page .details .remove button span, .order-history.import-order .listing .col-9.left .page .details .remove a span {
        margin-left: 3px; }
      .order-history.import-order .listing .col-9.left .page-th .details .remove button i, .order-history.import-order .listing .col-9.left .page-th .details .remove a i, .order-history.import-order .listing .col-9.left .page .details .remove button i, .order-history.import-order .listing .col-9.left .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .order-history.import-order .listing .col-9.left .page-th .details .remove button:hover i, .order-history.import-order .listing .col-9.left .page-th .details .remove a:hover i, .order-history.import-order .listing .col-9.left .page .details .remove button:hover i, .order-history.import-order .listing .col-9.left .page .details .remove a:hover i {
        color: #214a8c; }
    .order-history.import-order .listing .col-9.left .page-th .details .remove button, .order-history.import-order .listing .col-9.left .page .details .remove button {
      background: none; }
  .order-history.import-order .listing .col-9.left .page-th .details .remove, .order-history.import-order .listing .col-9.left .page-th .details .pro-status, .order-history.import-order .listing .col-9.left .page .details .remove, .order-history.import-order .listing .col-9.left .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .order-history.import-order .listing .col-9.left .page-th .details .pro-status, .order-history.import-order .listing .col-9.left .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status:before, .order-history.import-order .listing .col-9.left .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.add, .order-history.import-order .listing .col-9.left .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .order-history.import-order .listing .col-9.left .page-th .details .pro-status.add:before, .order-history.import-order .listing .col-9.left .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.update, .order-history.import-order .listing .col-9.left .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .order-history.import-order .listing .col-9.left .page-th .details .pro-status.update:before, .order-history.import-order .listing .col-9.left .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.remove, .order-history.import-order .listing .col-9.left .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .order-history.import-order .listing .col-9.left .page-th .details .pro-status.remove:before, .order-history.import-order .listing .col-9.left .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .order-history.import-order .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.note, .order-history.import-order .listing .col-9.left .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .order-history.import-order .listing .col-9.left .page-th .details .pro-status.note:before, .order-history.import-order .listing .col-9.left .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .order-history.import-order .listing .col-9.left .page-th .details .quote-details, .order-history.import-order .listing .col-9.left .page .details .quote-details {
    padding-left: 100px; }
    .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note label, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note span.update, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note input, .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note input, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note input, .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note button, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note input, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note button {
        height: 30px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note p, .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note p, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .order-history.import-order .listing .col-9.left .page-th .details:hover .text .s-desc:before, .order-history.import-order .listing .col-9.left .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .order-history.import-order .listing .col-9.left .page-th .details:not(.dnr), .order-history.import-order .listing .col-9.left .page .details:not(.dnr) {
    justify-content: space-between; }
  .order-history.import-order .listing .col-9.left .page-th .quote-details, .order-history.import-order .listing .col-9.left .page .quote-details {
    flex-direction: row; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .eco, .order-history.import-order .listing .col-9.left .page .details .col.price .eco {
      min-width: 100%; }
  .order-history.import-order .listing .col-9.left .page-th .details .sp-tags .tag, .order-history.import-order .listing .col-9.left .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .order-history.import-order .listing .col-9.left .page-th .details .checkbox, .order-history.import-order .listing .col-9.left .page .details .checkbox {
    position: absolute; }
  .order-history.import-order .listing .col-9.left .page-th .details .col ._labels, .order-history.import-order .listing .col-9.left .page .details .col ._labels {
    display: block !important; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page-th .details .ordered, .order-history.import-order .listing .col-9.left .page-th .details .quote-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .inventory, .order-history.import-order .listing .col-9.left .page .details .col.price, .order-history.import-order .listing .col-9.left .page .details .ordered, .order-history.import-order .listing .col-9.left .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page-th .details .ordered, .order-history.import-order .listing .col-9.left .page-th .details .quote-details, .order-history.import-order .listing .col-9.left .page .details .inventory, .order-history.import-order .listing .col-9.left .page .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .ordered, .order-history.import-order .listing .col-9.left .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page .details .inventory {
    margin-top: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .delivery .leadtime.supp, .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-history.import-order .listing .col-9.left .page-th .details .inventory .inventory .pickup a, .order-history.import-order .listing .col-9.left .page .details .inventory .delivery .leadtime.supp, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup .preferred, .order-history.import-order .listing .col-9.left .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:before, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .order-history.import-order .listing .col-9.left .page-th .details .inventory .pickup:after, .order-history.import-order .listing .col-9.left .page .details .inventory .pickup:after {
      bottom: -20px; }
  .order-history.import-order .listing .col-9.left .page-th .details .ordered span.supp, .order-history.import-order .listing .col-9.left .page .details .ordered span.supp {
    margin-left: 5px; }
    .order-history.import-order .listing .col-9.left .page-th .details .ordered span.supp:before, .order-history.import-order .listing .col-9.left .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .order-history.import-order .listing .col-9.left .page-th .details .ordered span.supp:after, .order-history.import-order .listing .col-9.left .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.price {
    min-height: 45px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.price .eco, .order-history.import-order .listing .col-9.left .page .details .col.price .eco {
      margin-top: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .uom + .supp, .order-history.import-order .listing .col-9.left .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .alert-warning, .order-history.import-order .listing .col-9.left .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .order-history.import-order .listing .col-9.left .page-th .details .pro-status, .order-history.import-order .listing .col-9.left .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .order-history.import-order .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .order-history.import-order .listing .col-9.left .page-th .details .update + .note, .order-history.import-order .listing .col-9.left .page .details .update + .note {
    left: auto;
    right: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .pro-status + .quote-details, .order-history.import-order .listing .col-9.left .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .order-history.import-order .listing .col-9.left .page-th .details .quote-details, .order-history.import-order .listing .col-9.left .page .details .quote-details {
    flex-wrap: wrap; }
    .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note label, .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note .text, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note label, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .order-history.import-order .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .order-history.import-order .listing .col-9.left .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details, .order-history.import-order .listing .col-9.left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .s-desc, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .order-history.import-order .listing .col-9.left .page-th .details .inventory, .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page-th .details .col.qty, .order-history.import-order .listing .col-9.left .page-th .details .ordered, .order-history.import-order .listing .col-9.left .page-th .details .quote-details, .order-history.import-order .listing .col-9.left .page .details .inventory, .order-history.import-order .listing .col-9.left .page .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.qty, .order-history.import-order .listing .col-9.left .page .details .ordered, .order-history.import-order .listing .col-9.left .page .details .quote-details {
    padding-left: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.price, .order-history.import-order .listing .col-9.left .page .details .col.price {
    flex-wrap: wrap; }
  .order-history.import-order .listing .col-9.left .page-th .details .sp-tags, .order-history.import-order .listing .col-9.left .page .details .sp-tags {
    width: 100%; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-history.import-order .listing .col-9.left .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .order-history.import-order .listing .col-9.left .page-th .details .sp-tags, .order-history.import-order .listing .col-9.left .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .alert-warning, .order-history.import-order .listing .col-9.left .page .details .alert-warning {
    position: absolute; }
  .order-history.import-order .listing .col-9.left .page-th .details .pro-status, .order-history.import-order .listing .col-9.left .page .details .pro-status {
    left: 0px; }
    .order-history.import-order .listing .col-9.left .page-th .details .pro-status:before, .order-history.import-order .listing .col-9.left .page .details .pro-status:before {
      display: none; } }
.order-history.import-order .listing .col-9.left .page-th .td-2, .order-history.import-order .listing .col-9.left .page .td-2 {
  max-width: 16.666667%; }
.order-history.import-order .listing .col-9.left .page-th .col.pro-details, .order-history.import-order .listing .col-9.left .page .col.pro-details {
  max-width: 100% !important; }
.order-history.import-order .listing .col-9.left .page-th .total, .order-history.import-order .listing .col-9.left .page .total {
  max-width: 120px;
  padding-left: 0px; }
.order-history.import-order .listing .col-9.left .page-th .details, .order-history.import-order .listing .col-9.left .page .details {
  border-bottom: 1px solid #ddd;
  padding: 15px 0px; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .product-img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .product-img {
    height: 100px;
    max-width: 100px; }
    .order-history.import-order .listing .col-9.left .page-th .details .col.pro-details .product-img img, .order-history.import-order .listing .col-9.left .page .details .col.pro-details .product-img img {
      max-height: 80px;
      max-width: 80px; }
  .order-history.import-order .listing .col-9.left .page-th .details .checkbox, .order-history.import-order .listing .col-9.left .page .details .checkbox {
    display: none !important; }
  .order-history.import-order .listing .col-9.left .page-th .details .total form, .order-history.import-order .listing .col-9.left .page .details .total form {
    padding: 0px;
    border: none;
    text-align: left; }
  .order-history.import-order .listing .col-9.left .page-th .details .total button, .order-history.import-order .listing .col-9.left .page .details .total button {
    color: #214a8c;
    background: none;
    padding: 0px;
    border: none;
    height: auto;
    cursor: pointer; }
    .order-history.import-order .listing .col-9.left .page-th .details .total button i, .order-history.import-order .listing .col-9.left .page .details .total button i {
      font-size: 1.75rem; }
  .order-history.import-order .listing .col-9.left .page-th .details .qty input, .order-history.import-order .listing .col-9.left .page-th .details .qty textarea, .order-history.import-order .listing .col-9.left .page .details .qty input, .order-history.import-order .listing .col-9.left .page .details .qty textarea {
    font-family: "Open Sans", sans-serif;
    padding: 3px 5px;
    border: 1px solid #aaa;
    background: #fff !important;
    border-radius: 0px;
    font-size: 0.8rem; }
  .order-history.import-order .listing .col-9.left .page-th .details .qty input, .order-history.import-order .listing .col-9.left .page-th .details .qty button, .order-history.import-order .listing .col-9.left .page .details .qty input, .order-history.import-order .listing .col-9.left .page .details .qty button {
    height: 30px; }
  .order-history.import-order .listing .col-9.left .page-th .details .qty textarea, .order-history.import-order .listing .col-9.left .page .details .qty textarea {
    height: 50px; }
  .order-history.import-order .listing .col-9.left .page-th .details .qty input, .order-history.import-order .listing .col-9.left .page .details .qty input {
    background: #eee !important;
    cursor: default;
    pointer-events: none; }
@media (min-width: 768px) {
  .order-history.import-order .listing .col-9.left > .page-th {
    overflow: hidden;
    align-self: flex-start !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px;
    z-index: 2; } }
.order-history.import-order .listing .summary .page .details:hover {
  background-color: #fff; }
.order-history.import-order .listing .summary .page .details .e-row .submit-btn {
  margin-bottom: 0px; }
.order-history.import-order .listing .summary .page .details .supp.center {
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.5px;
  font-size: 0.8rem;
  text-align: center;
  color: #222;
  margin-top: 15px; }
@media (max-width: 991px) {
  .order-history.import-order .import-block {
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .order-history.import-order .listing .invalid-products {
    margin: 20px 0px; }
    .order-history.import-order .listing .invalid-products .col-3 {
      padding: 10px; }
  .order-history.import-order .listing .col-9.left .page-th .col.pro-details, .order-history.import-order .listing .col-9.left .page .col.pro-details {
    /*.text{padding-left: $px60;}*/ }
    .order-history.import-order .listing .col-9.left .page-th .col.pro-details .product-img, .order-history.import-order .listing .col-9.left .page .col.pro-details .product-img {
      margin: 0px; }
  .order-history.import-order .listing .col-9.left .page-th .pro-details:before, .order-history.import-order .listing .col-9.left .page-th .total:before, .order-history.import-order .listing .col-9.left .page .pro-details:before, .order-history.import-order .listing .col-9.left .page .total:before {
    display: none; }
  .order-history.import-order .listing .col-9.left .page-th .details .col.td-2, .order-history.import-order .listing .col-9.left .page .details .col.td-2 {
    padding-left: 100px !important; }
  .order-history.import-order .listing .page .details .col:nth-child(1):before {
    display: none !important; }
  .order-history.import-order .listing > .sub-header .title {
    margin-bottom: 10px !important; } }
@media (max-width: 767px) {
  .order-history.import-order .alert-success {
    width: auto; }
  .order-history.import-order .listing .sub-header > .col-6 {
    justify-content: center !important; }
  .order-history.import-order .listing .invalid-products .col-3 {
    min-width: 50%; }
  .order-history.import-order .listing .invalid-products .col-3:nth-child(2n) {
    border-right: none; }
  .order-history.import-order .listing .col-9.left .page .details .pro-details {
    flex-wrap: nowrap !important; }
  .order-history.import-order .listing .col-9.left .page .details .col.td-2 {
    padding-left: 0px !important; } }

.b2c .order-history .listing .page-th .col, .b2c .order-history .listing .page .col {
  max-width: 20%;
  flex: 0 0 20%; }

.order-details {
  padding: 0px; }
  .order-details .header {
    margin-bottom: 20px;
    text-align: center; }
    .order-details .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .order-details .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .order-details .header.next-prev a.btn-sml:hover, .order-details .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .order-details .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .order-details .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .order-details .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .order-details section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .order-details section {
        margin: 15px auto; } }
  .order-details .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .order-details .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .order-details .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .order-details .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .order-details .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .order-details .header.next-prev .btn-sml i {
        font-size: 25px; }
      .order-details .header.next-prev .btn-sml span {
        display: none !important; }
    .order-details .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .order-details form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .order-details form .field-validation-error:not(.text-danger), .order-details form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .order-details form .field-validation-error:not(.text-danger) span, .order-details form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .order-details form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .order-details form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .order-details form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .order-details form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .order-details form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .order-details form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .order-details form .validation-summary-error ul li, .order-details form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-details form .validation-summary-error ul li:before, .order-details form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-details form .validation-summary-error ul li span, .order-details form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-details form .validation-summary-error ul li span + span:before, .order-details form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-details form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-details form .validation-summary-error ul li, .order-details form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-details form .validation-summary-error ul li, .order-details form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .order-details form .validation-summary-error ul li:before, .order-details form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .order-details form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .order-details form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .order-details form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .order-details form .validation-summary-success ul li, .order-details form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-details form .validation-summary-success ul li:before, .order-details form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-details form .validation-summary-success ul li span, .order-details form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-details form .validation-summary-success ul li span + span:before, .order-details form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-details form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-details form .validation-summary-success ul li, .order-details form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-details form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .order-details form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .order-details form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .order-details form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .order-details form .alert-success ul li, .order-details form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .order-details form .alert-success ul li:before, .order-details form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .order-details form .alert-success ul li span, .order-details form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .order-details form .alert-success ul li span + span:before, .order-details form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .order-details form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .order-details form .alert-success ul li, .order-details form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .order-details form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-details form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-details form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .order-details form .alert-success p {
            font-size: 0.8rem; }
          .order-details form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .order-details form .e-group {
      margin: 0px auto; }
    .order-details form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .order-details form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .order-details form .select {
      position: relative; }
      .order-details form .select label {
        display: inherit; }
        .order-details form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .order-details form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .order-details form input[type="number"], .order-details form input[type="number"]::-webkit-inner-spin-button, .order-details form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .order-details form select, .order-details form input, .order-details form button {
      height: 50px; }
    .order-details form select, .order-details form textarea, .order-details form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .order-details form select:focus, .order-details form textarea:focus, .order-details form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .order-details form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .order-details form p.center {
      text-align: center;
      line-height: 30px; }
    .order-details form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .order-details form p.mandatory, .order-details form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .order-details form p.mandatory span, .order-details form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .order-details form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .order-details form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .order-details form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .order-details form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .order-details form label.user:after {
      content: "\e9f1"; }
    .order-details form label.password:after {
      content: "\e987"; }
    .order-details form label.email:after {
      content: "\e98a"; }
    .order-details form label.search:after {
      content: "\e9c1"; }
    .order-details form label.box1:after {
      content: "\e9a2"; }
    .order-details form label.home:after {
      content: "\e979"; }
    .order-details form label.phone:after {
      content: "\e9a7"; }
    .order-details form label.mobile:after {
      content: "\e9d2"; }
    .order-details form label.flag:after {
      content: "\e967"; }
    .order-details form label.address:after {
      content: "\e98b"; }
    .order-details form label.postal:after {
      content: "\e98c"; }
    .order-details form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .order-details form label.doc1:after {
      content: "\e938"; }
    .order-details form label.hash:after {
      content: "\e975"; }
    .order-details form label.dollar:after {
      content: "\e954"; }
    .order-details form label.msg1:after {
      content: "\e990"; }
    .order-details form label.percent:after {
      content: "\e9a6"; }
    .order-details form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .order-details form .submit-btn:hover, .order-details form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .order-details form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .order-details form .submit-btn:focus {
        outline-style: none; }
    .order-details form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .order-details form .btn-sml:hover, .order-details form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .order-details form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .order-details form .btn-sml:focus {
        outline-style: none; }
    .order-details form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .order-details form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .order-details form .btn-red:hover, .order-details form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .order-details form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .order-details form .btn-dark:hover, .order-details form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .order-details form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .order-details form .btn-dark-bdr:hover, .order-details form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .order-details form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .order-details form .btn-darker-bdr:hover, .order-details form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .order-details form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .order-details form .btn-brand-bdr:hover, .order-details form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .order-details form input.disabled, .order-details form a.disabled, .order-details form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-details form input.input-validation-error, .order-details form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .order-details form .btn-sml.add-more {
      margin-left: 10px; }
      .order-details form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .order-details form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .order-details form .btn-sml.add-cart, .order-details form .btn-sml.add-more, .order-details form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .order-details form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .order-details form .add-more:hover, .order-details form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .order-details form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .order-details form .add-cart:hover, .order-details form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .order-details form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .order-details form .add-more.disabled, .order-details form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .order-details form .links {
      text-align: center; }
      .order-details form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .order-details form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .order-details form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .order-details form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .order-details form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .order-details form .e-row.deactive select, .order-details form .e-row.deactive textarea, .order-details form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .order-details form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .order-details form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .order-details form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .order-details form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .order-details form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .order-details form .duo input, .order-details form .duo a {
        margin: 0px; }
      .order-details form .duo input + a, .order-details form .duo input + input {
        margin-left: 20px; }
    .order-details form .uom-dpdn {
      position: relative; }
      .order-details form .uom-dpdn label {
        display: inherit; }
        .order-details form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .order-details form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .order-details form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .order-details form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .order-details form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .order-details form {
        margin: 10px auto; }
        .order-details form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .order-details form .e-row {
          margin-bottom: 20px; }
        .order-details form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .order-details form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .order-details form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .order-details form.search input, .order-details form.search button {
      border-radius: 0px;
      float: left; }
    .order-details form.search input:focus, .order-details form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .order-details form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .order-details form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .order-details form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .order-details form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .order-details form.search button {
        width: 40px; }
      .order-details form.search input, .order-details form.search button {
        height: 40px; }
      .order-details form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .order-details form.search input {
        width: calc(100% - 40px); } }
    .order-details form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .order-details form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .order-details form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .order-details form.search i {
        top: 7px; } }
  .order-details .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .order-details .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .order-details .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .order-details .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .order-details .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .order-details .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .order-details .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .order-details .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .order-details .custom-radiobox:hover p {
      color: #214a8c; }
    .order-details .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .order-details .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .order-details .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .order-details .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .order-details .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .order-details .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .order-details .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .order-details .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .order-details .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .order-details .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .order-details .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .order-details .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .order-details .custom-checkbox:hover p {
      color: #214a8c; }
    .order-details .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .order-details .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .order-details .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .order-details .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .order-details .custom-checkbox p span {
      line-height: 1.2; }
  .order-details a {
    color: #222; }
    .order-details a:hover {
      color: #214a8c !important; }
  .order-details .listing {
    clear: both;
    position: relative; }
    .order-details .listing .page-th > .col, .order-details .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .order-details .listing .page-th .price, .order-details .listing .page-th .qty, .order-details .listing .page .details .price, .order-details .listing .page .details .qty {
      text-align: right; }
    .order-details .listing .page-th .col.price, .order-details .listing .page-th .ordered, .order-details .listing .page .details .col.price, .order-details .listing .page .details .ordered {
      max-width: 13.33%; }
    .order-details .listing .page-th .inventory, .order-details .listing .page .details .inventory {
      max-width: 20%; }
    .order-details .listing .page-th .col.qty, .order-details .listing .page-th .col.total, .order-details .listing .page .details .col.qty, .order-details .listing .page .details .col.total {
      max-width: 16.666667%; }
    .order-details .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .order-details .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .order-details .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .order-details .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .order-details .listing .page > form {
      margin: 0px; }
    .order-details .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .order-details .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .order-details .listing .page .details .time, .order-details .listing .page .details .type {
        font-weight: 600; }
      .order-details .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .order-details .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .order-details .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .order-details .listing .page .details .submit input, .order-details .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .order-details .listing .page .details .submit input {
          padding: 3px 15px; }
        .order-details .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .order-details .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .order-details .listing .page .details + .actions a .fe-download, .order-details .listing .page .details + .actions a span, .order-details .listing .page .details + .sub-total .actions a .fe-download, .order-details .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .order-details .listing .summary .page-th > .col {
      text-align: left; }
    .order-details .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .order-details .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .order-details .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .order-details .listing .summary .page .details .eco .right {
        color: #10a700; }
      .order-details .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .order-details .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .order-details .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .order-details .listing .summary .page .details .total .left {
          font-weight: 600; }
        .order-details .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .order-details .listing .summary .page .details .sub-total .right, .order-details .listing .summary .page .details .items .right {
        color: #222; }
      .order-details .listing .summary .page .details .sub-total .right, .order-details .listing .summary .page .details .items .right, .order-details .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .order-details .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .order-details .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .order-details .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .order-details .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .order-details .listing .summary .page .details .e-row input[type="text"], .order-details .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .order-details .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .order-details .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .order-details .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .order-details .listing .summary .page .details .col.total {
        max-width: 100%; }
      .order-details .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .order-details .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .order-details .listing .summary .page .details.proceed .e-group, .order-details .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .order-details .listing .summary .page .details.proceed .e-group .add-cart, .order-details .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .order-details .listing .summary .page .details.proceed .e-group .add-more, .order-details .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .order-details .listing .summary .page .details.proceed .e-group .add-more i, .order-details .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .order-details .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .order-details .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .order-details .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .order-details .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .order-details .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .order-details .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .order-details .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .order-details .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .order-details .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .order-details .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .order-details .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .order-details .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .order-details .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .order-details .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .order-details .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .order-details .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .order-details .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .order-details .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .order-details .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .order-details .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .order-details .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .order-details .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .order-details .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .order-details .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .order-details .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .order-details .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .order-details .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .order-details .listing #accordion, .order-details .listing #braidAccordian {
      flex-wrap: wrap; }
      .order-details .listing #accordion .title-link, .order-details .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .order-details .listing #accordion .title-link .col, .order-details .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .order-details .listing #accordion .title-link.collapsed, .order-details .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .order-details .listing #accordion .title-link:after, .order-details .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .order-details .listing #accordion .title-link.collapsed:after, .order-details .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .order-details .listing #accordion .title-link + .collapse + .title-link, .order-details .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .order-details .listing #accordion .collapse:not(.show), .order-details .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .order-details .listing #accordion .details, .order-details .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .order-details .listing .td-1 {
      max-width: 8.33%; }
    .order-details .listing .td-2 {
      max-width: 16.666667%; }
    .order-details .listing .td-3 {
      max-width: 25%; }
    .order-details .listing .td-4 {
      max-width: 33.333333%; }
    .order-details .listing .td-5 {
      max-width: 41.666667%; }
    .order-details .listing .td-6 {
      max-width: 50%; }
    .order-details .listing .td-7 {
      max-width: 58.33%; }
    .order-details .listing .td-8 {
      max-width: 66.66%; }
    .order-details .listing .td-9 {
      max-width: 75%; }
    .order-details .listing .td-10 {
      max-width: 83.33333333%; }
    .order-details .listing .td-11 {
      max-width: 91.66666667%; }
    .order-details .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-details .listing .center {
      text-align: center; }
    .order-details .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .order-details .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .order-details .listing .col-9.left {
      padding-right: 20px; }
    .order-details .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .order-details .listing .actions .results {
        color: #222; }
        .order-details .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .order-details .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .order-details .listing .actions .search input, .order-details .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .order-details .listing .actions .search input:focus, .order-details .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .order-details .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .order-details .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .order-details .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .order-details .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .order-details .listing .actions .search button {
            width: 40px; }
          .order-details .listing .actions .search input, .order-details .listing .actions .search button {
            height: 40px; }
          .order-details .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .order-details .listing .actions .search input {
            width: calc(100% - 40px); } }
        .order-details .listing .actions .search input, .order-details .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .order-details .listing .actions .search input, .order-details .listing .actions .search button {
          height: 30px; }
        .order-details .listing .actions .search textarea {
          height: 50px; }
        .order-details .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .order-details .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .order-details .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .order-details .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .order-details .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .order-details .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .order-details .listing .actions .search:only-child {
        padding: 10px; }
      .order-details .listing .actions a.pdf-export, .order-details .listing .actions a.excel-export, .order-details .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .order-details .listing .actions a.pdf-export.active, .order-details .listing .actions a.excel-export.active, .order-details .listing .actions a.import-pro.active {
          color: #214a8c; }
          .order-details .listing .actions a.pdf-export.active:before, .order-details .listing .actions a.excel-export.active:before, .order-details .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .order-details .listing .actions #exportPdf, .order-details .listing .actions #exportExcel, .order-details .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .order-details .listing .actions #exportPdf form, .order-details .listing .actions #exportExcel form, .order-details .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .order-details .listing .actions #exportPdf form label, .order-details .listing .actions #exportExcel form label, .order-details .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .order-details .listing .actions #exportPdf form > div, .order-details .listing .actions #exportExcel form > div, .order-details .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .order-details .listing .actions #exportPdf form > div:not(.generate), .order-details .listing .actions #exportExcel form > div:not(.generate), .order-details .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .order-details .listing .actions #exportPdf form .left, .order-details .listing .actions #exportExcel form .left, .order-details .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .order-details .listing .actions #exportPdf form .right, .order-details .listing .actions #exportExcel form .right, .order-details .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .order-details .listing .actions #exportPdf form .attachment, .order-details .listing .actions #exportExcel form .attachment, .order-details .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .order-details .listing .actions #exportPdf form .attachment > div, .order-details .listing .actions #exportExcel form .attachment > div, .order-details .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .order-details .listing .actions #exportPdf form .attachment .col-3, .order-details .listing .actions #exportPdf form .attachment .col-9, .order-details .listing .actions #exportExcel form .attachment .col-3, .order-details .listing .actions #exportExcel form .attachment .col-9, .order-details .listing .actions #importPro form .attachment .col-3, .order-details .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .order-details .listing .actions #exportPdf form .attachment .col-3 > div, .order-details .listing .actions #exportPdf form .attachment .col-9 > div, .order-details .listing .actions #exportExcel form .attachment .col-3 > div, .order-details .listing .actions #exportExcel form .attachment .col-9 > div, .order-details .listing .actions #importPro form .attachment .col-3 > div, .order-details .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .order-details .listing .actions #exportPdf form .attachment .col-3 > label, .order-details .listing .actions #exportPdf form .attachment .col-9 > label, .order-details .listing .actions #exportExcel form .attachment .col-3 > label, .order-details .listing .actions #exportExcel form .attachment .col-9 > label, .order-details .listing .actions #importPro form .attachment .col-3 > label, .order-details .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .order-details .listing .actions #exportPdf form .attachment .col-3 p.supp, .order-details .listing .actions #exportPdf form .attachment .col-9 p.supp, .order-details .listing .actions #exportExcel form .attachment .col-3 p.supp, .order-details .listing .actions #exportExcel form .attachment .col-9 p.supp, .order-details .listing .actions #importPro form .attachment .col-3 p.supp, .order-details .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .order-details .listing .actions #exportPdf form .attachment .col-9, .order-details .listing .actions #exportExcel form .attachment .col-9, .order-details .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .order-details .listing .actions #exportPdf form .attachment .text, .order-details .listing .actions #exportPdf form .attachment .image, .order-details .listing .actions #exportExcel form .attachment .text, .order-details .listing .actions #exportExcel form .attachment .image, .order-details .listing .actions #importPro form .attachment .text, .order-details .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .order-details .listing .actions #exportPdf form .attachment .text p, .order-details .listing .actions #exportPdf form .attachment .image p, .order-details .listing .actions #exportExcel form .attachment .text p, .order-details .listing .actions #exportExcel form .attachment .image p, .order-details .listing .actions #importPro form .attachment .text p, .order-details .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .order-details .listing .actions #exportPdf form .attachment .image, .order-details .listing .actions #exportExcel form .attachment .image, .order-details .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .order-details .listing .actions #exportPdf form .attachment .image p, .order-details .listing .actions #exportExcel form .attachment .image p, .order-details .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .order-details .listing .actions #exportPdf form .attachment .image img, .order-details .listing .actions #exportExcel form .attachment .image img, .order-details .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .order-details .listing .actions #exportPdf form .attachment .btns, .order-details .listing .actions #exportExcel form .attachment .btns, .order-details .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .order-details .listing .actions #exportPdf form .attachment .btns i, .order-details .listing .actions #exportExcel form .attachment .btns i, .order-details .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .order-details .listing .actions #exportPdf form .attachment .btns a, .order-details .listing .actions #exportPdf form .attachment .btns input, .order-details .listing .actions #exportPdf form .attachment .btns button, .order-details .listing .actions #exportExcel form .attachment .btns a, .order-details .listing .actions #exportExcel form .attachment .btns input, .order-details .listing .actions #exportExcel form .attachment .btns button, .order-details .listing .actions #importPro form .attachment .btns a, .order-details .listing .actions #importPro form .attachment .btns input, .order-details .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .order-details .listing .actions #exportPdf form .attachment .btns a:focus, .order-details .listing .actions #exportPdf form .attachment .btns input:focus, .order-details .listing .actions #exportPdf form .attachment .btns button:focus, .order-details .listing .actions #exportExcel form .attachment .btns a:focus, .order-details .listing .actions #exportExcel form .attachment .btns input:focus, .order-details .listing .actions #exportExcel form .attachment .btns button:focus, .order-details .listing .actions #importPro form .attachment .btns a:focus, .order-details .listing .actions #importPro form .attachment .btns input:focus, .order-details .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .order-details .listing .actions #exportPdf form .attachment .btns a:hover, .order-details .listing .actions #exportPdf form .attachment .btns input:hover, .order-details .listing .actions #exportPdf form .attachment .btns button:hover, .order-details .listing .actions #exportExcel form .attachment .btns a:hover, .order-details .listing .actions #exportExcel form .attachment .btns input:hover, .order-details .listing .actions #exportExcel form .attachment .btns button:hover, .order-details .listing .actions #importPro form .attachment .btns a:hover, .order-details .listing .actions #importPro form .attachment .btns input:hover, .order-details .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .order-details .listing .actions #exportPdf form .attachment .btns button + button, .order-details .listing .actions #exportPdf form .attachment .btns a + a, .order-details .listing .actions #exportPdf form .attachment .btns input + input, .order-details .listing .actions #exportExcel form .attachment .btns button + button, .order-details .listing .actions #exportExcel form .attachment .btns a + a, .order-details .listing .actions #exportExcel form .attachment .btns input + input, .order-details .listing .actions #importPro form .attachment .btns button + button, .order-details .listing .actions #importPro form .attachment .btns a + a, .order-details .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .order-details .listing .actions #exportPdf form .attachment .btns .image, .order-details .listing .actions #exportExcel form .attachment .btns .image, .order-details .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .order-details .listing .actions #exportPdf form .attachment .btns .image > div, .order-details .listing .actions #exportExcel form .attachment .btns .image > div, .order-details .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .order-details .listing .actions #exportPdf form .address-list, .order-details .listing .actions #exportExcel form .address-list, .order-details .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .order-details .listing .actions #exportPdf form .address-list div, .order-details .listing .actions #exportExcel form .address-list div, .order-details .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .order-details .listing .actions #exportPdf form .address-list > div:not(.d-flex), .order-details .listing .actions #exportExcel form .address-list > div:not(.d-flex), .order-details .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .order-details .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-details .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-details .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .order-details .listing .actions #exportPdf form .address-list .btn-block, .order-details .listing .actions #exportExcel form .address-list .btn-block, .order-details .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .order-details .listing .actions #exportPdf form .address-list .btn-block a, .order-details .listing .actions #exportExcel form .address-list .btn-block a, .order-details .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .order-details .listing .actions #exportPdf form .attachment, .order-details .listing .actions #exportPdf form .address-list, .order-details .listing .actions #exportExcel form .attachment, .order-details .listing .actions #exportExcel form .address-list, .order-details .listing .actions #importPro form .attachment, .order-details .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .order-details .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .order-details .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .order-details .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .order-details .listing .actions #exportPdf form .generate, .order-details .listing .actions #exportExcel form .generate, .order-details .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .order-details .listing .actions #exportPdf form .generate .btn-sml, .order-details .listing .actions #exportExcel form .generate .btn-sml, .order-details .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .order-details .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .order-details .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .order-details .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .order-details .listing .actions #exportPdf form .img, .order-details .listing .actions #exportExcel form .img, .order-details .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .order-details .listing .actions #exportPdf form .img .text p, .order-details .listing .actions #exportExcel form .img .text p, .order-details .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .order-details .listing .actions #exportPdf form .img p.supp, .order-details .listing .actions #exportExcel form .img p.supp, .order-details .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .order-details .listing .actions #exportPdf form .img img, .order-details .listing .actions #exportExcel form .img img, .order-details .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .order-details .listing .actions #exportPdf:not(.show), .order-details .listing .actions #exportExcel:not(.show), .order-details .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .order-details .listing .actions #exportPdf form > div, .order-details .listing .actions #exportExcel form > div, .order-details .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .order-details .listing .actions #exportPdf form .custom-checkbox, .order-details .listing .actions #exportExcel form .custom-checkbox, .order-details .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .order-details .listing .actions #exportPdf form .left, .order-details .listing .actions #exportPdf form .right, .order-details .listing .actions #exportExcel form .left, .order-details .listing .actions #exportExcel form .right, .order-details .listing .actions #importPro form .left, .order-details .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .order-details .listing .actions #exportPdf form .left, .order-details .listing .actions #exportExcel form .left, .order-details .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .order-details .listing .actions #exportPdf form .address-list, .order-details .listing .actions #exportExcel form .address-list, .order-details .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .order-details .listing .actions #exportPdf form label, .order-details .listing .actions #exportExcel form label, .order-details .listing .actions #importPro form label {
          justify-content: flex-start; }
        .order-details .listing .actions #exportPdf form .right, .order-details .listing .actions #exportExcel form .right, .order-details .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .order-details .listing .actions #exportPdf form .attachment, .order-details .listing .actions #exportExcel form .attachment, .order-details .listing .actions #importPro form .attachment {
          padding: 10px; }
          .order-details .listing .actions #exportPdf form .attachment .col-3, .order-details .listing .actions #exportPdf form .attachment .col-9, .order-details .listing .actions #exportExcel form .attachment .col-3, .order-details .listing .actions #exportExcel form .attachment .col-9, .order-details .listing .actions #importPro form .attachment .col-3, .order-details .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .order-details .listing .actions #exportPdf form .attachment .col-3, .order-details .listing .actions #exportExcel form .attachment .col-3, .order-details .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .order-details .listing .actions #exportPdf form .attachment .col-3 label, .order-details .listing .actions #exportPdf form .attachment .col-3 .image, .order-details .listing .actions #exportExcel form .attachment .col-3 label, .order-details .listing .actions #exportExcel form .attachment .col-3 .image, .order-details .listing .actions #importPro form .attachment .col-3 label, .order-details .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .order-details .listing .actions #exportPdf form .attachment .col-9, .order-details .listing .actions #exportExcel form .attachment .col-9, .order-details .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .order-details .listing .actions #exportPdf form .attachment .col-9 p.supp, .order-details .listing .actions #exportExcel form .attachment .col-9 p.supp, .order-details .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .order-details .listing .actions #exportPdf form .address-list .col-3, .order-details .listing .actions #exportExcel form .address-list .col-3, .order-details .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .order-details .listing .actions #exportPdf form .address-list .col-9, .order-details .listing .actions #exportExcel form .address-list .col-9, .order-details .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .order-details .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .order-details .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .order-details .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .order-details .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .order-details .listing .actions #importPro form .address-list > div:nth-of-type(1), .order-details .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .order-details .listing .actions #exportPdf form .img img, .order-details .listing .actions #exportExcel form .img img, .order-details .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .order-details .listing .actions #exportPdf .custom-checkbox .custom-check, .order-details .listing .actions #exportExcel .custom-checkbox .custom-check, .order-details .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .order-details .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .order-details .listing .actions form {
        margin: 0px; }
      .order-details .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .order-details .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .order-details .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .order-details .listing .actions .shared .email {
          display: flex; }
          .order-details .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .order-details .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .order-details .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .order-details .listing .actions .left, .order-details .listing .actions > .center, .order-details .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .order-details .listing .actions .right {
        margin-left: auto; }
      .order-details .listing .actions .action-link, .order-details .listing .actions .left > a, .order-details .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .order-details .listing .actions .action-link:hover, .order-details .listing .actions .left > a:hover, .order-details .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .order-details .listing .actions .action-link span, .order-details .listing .actions .left > a span, .order-details .listing .actions .right > a span {
          margin-left: 5px; }
        .order-details .listing .actions .action-link span:empty, .order-details .listing .actions .left > a span:empty, .order-details .listing .actions .right > a span:empty {
          display: none; }
      .order-details .listing .actions .action-link, .order-details .listing .actions a + a, .order-details .listing .actions .checkbox + a {
        margin-left: 20px; }
      .order-details .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .order-details .listing .actions .custom-checkbox p {
        color: #222; }
      .order-details .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .order-details .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .order-details .listing > .actions, .order-details .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .order-details .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .order-details .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .order-details .listing .actions {
        font-size: 0.8rem; }
        .order-details .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .order-details .listing .actions .left .action-link i {
          font-size: 1rem; }
        .order-details .listing .actions .left a.action-link, .order-details .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .order-details .listing .actions {
        justify-content: center; }
        .order-details .listing .actions .shared {
          top: calc(10px - 150px); }
        .order-details .listing .actions .action-link, .order-details .listing .actions a + a, .order-details .listing .actions .checkbox + a {
          margin-left: 15px; }
        .order-details .listing .actions > .right {
          justify-content: center; }
        .order-details .listing .actions .search + .right {
          margin-left: 0px; } }
    .order-details .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .order-details .listing .add-more[aria-expanded="true"]:hover, .order-details .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .order-details .listing .add-more[aria-expanded="true"]:hover i, .order-details .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .order-details .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .order-details .listing .add-more[aria-expanded="false"], .order-details .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .order-details .listing .add-more[aria-expanded="false"]:hover, .order-details .listing .add-more[aria-expanded="false"]:focus, .order-details .listing .add-more.collapsed:hover, .order-details .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .order-details .listing .add-more[aria-expanded="false"]:hover, .order-details .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .order-details .listing .add-more[aria-expanded="false"]:hover i, .order-details .listing .add-more.collapsed:hover i {
          color: #fff; }
    .order-details .listing .add-more.cancel:before {
      display: none; }
    .order-details .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .order-details .listing button.links, .order-details .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .order-details .listing button.links:hover, .order-details .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .order-details .listing a.plus i {
      font-size: 1rem; }
    .order-details .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .order-details .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .order-details .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .order-details .listing .custom-radiobox:not(:last-of-type), .order-details .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .order-details .listing .ship-when > p, .order-details .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .order-details .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .order-details .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .order-details .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .order-details .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .order-details .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .order-details .listing .day-time span {
      font-weight: 600; }
    .order-details .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .order-details .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .order-details .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .order-details .listing .sub-total.btm > div, .order-details .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .order-details .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .order-details .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .order-details .listing .sub-header {
      clear: both;
      padding: 0px; }
      .order-details .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .order-details .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .order-details .listing .sub-header .title {
        margin-bottom: 0px; }
        .order-details .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .order-details .listing .page + .sub-header {
      margin-top: 40px; }
      .order-details .listing .page + .sub-header .title {
        flex-basis: content; }
    .order-details .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .order-details .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-details .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-details .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .order-details .listing div.alert-warning p {
            font-size: 0.8rem; }
          .order-details .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .order-details .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .order-details .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .order-details .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .order-details .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .order-details .listing div.alert-danger p {
            font-size: 0.8rem; }
          .order-details .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .order-details .listing .col-9 > .page {
        min-height: 500px; }
      .order-details .listing .page .details .submit input:hover, .order-details .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .order-details .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .order-details .listing .page .details .submit button {
          width: 25px; }
      .order-details .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .order-details .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .order-details .listing .col-9.left .page-th {
          display: none !important; }
        .order-details .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .order-details .listing .sub-header {
        flex-wrap: wrap; }
        .order-details .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .order-details .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .order-details .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .order-details .listing > .d-flex {
        flex-wrap: wrap; }
      .order-details .listing .col-12.left .page-th, .order-details .listing .col-9.left .page-th {
        display: none !important; }
      .order-details .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .order-details .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .order-details .listing .page .details .time, .order-details .listing .page .details .type {
        color: #666; }
      .order-details .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .order-details .listing .col-12.left, .order-details .listing .col-3.right, .order-details .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .order-details .listing .summary {
        margin-top: 15px; }
        .order-details .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .order-details .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .order-details .listing .left form {
      margin-bottom: 0px; }
    .order-details .listing .sub-header form {
      margin: 0px; }
    .order-details .listing .page .details {
      min-height: 50px; }
      .order-details .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .order-details .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .order-details .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .order-details .listing .page .details .icon a, .order-details .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .order-details .listing .page .details .icon a:hover, .order-details .listing .page .details .icon button:hover {
          color: #214a8c; }
      .order-details .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .order-details .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .order-details .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .order-details .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .order-details .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .order-details .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .order-details .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .order-details .address-manually + .forms .td-6, .order-details .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .order-details .address-manually + .forms .td-2, .order-details .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .order-details .address-manually + .forms .td-2 ~ .e-row, .order-details .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .order-details .address-manually + .forms .td-2 ~ .dynamic, .order-details .address-manually + .forms .td-2 ~ .manual-add, .order-details .forms .new-address .td-2 ~ .dynamic, .order-details .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .order-details .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .order-details .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .order-details .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .order-details .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .order-details .address-manually + .forms .e-row.manual-add, .order-details .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .order-details .address-manually + .forms .td-6, .order-details .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .order-details .address-manually + .forms .td-2, .order-details .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .order-details .address-manually + .forms .td-2 ~ .e-row, .order-details .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .order-details .address-manually + .forms .td-2 ~ .dynamic, .order-details .address-manually + .forms .td-2 ~ .manual-add, .order-details .forms .new-address .td-2 ~ .dynamic, .order-details .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .order-details .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .order-details .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .order-details .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .order-details .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .order-details .address-manually + .forms .td-2 ~ .dynamic, .order-details .address-manually + .forms .td-2 ~ .manual-add, .order-details .forms .new-address .td-2 ~ .dynamic, .order-details .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .order-details .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .order-details .listing .page .details .icon a, .order-details .listing .page .details .icon button {
      display: flex; }
    .order-details .listing .btn-block {
      justify-content: center; } }
  .order-details .header {
    margin-bottom: 40px; }
  .order-details .pg-title span {
    color: #214a8c; }
  .order-details .block {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px;
    border-left: none;
    border-right: none;
    display: flex; }
    .order-details .block .cols {
      text-align: left;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      font-size: 0.875rem;
      padding: 5px 15px;
      min-height: 50px;
      display: flex;
      align-items: center;
      color: #222;
      line-height: 1rem;
      flex: 1; }
      .order-details .block .cols span {
        color: #666;
        margin-left: 5px; }
      .order-details .block .cols .active {
        color: #10a700; }
      .order-details .block .cols .expired {
        color: #dc3545; }
      .order-details .block .cols .ex-soon {
        color: #ff9933; }
      .order-details .block .cols .revision {
        color: #1b90e2; }
    .order-details .block .cols:first-child {
      padding-left: 0px; }
    .order-details .block .cols:last-child {
      padding-right: 0px; }
    .order-details .block .cols:not(:nth-child(1)) {
      border-left: 1px solid #ccc; }
    .order-details .block .cols:only-child {
      justify-content: center;
      max-width: 100% !important;
      padding-right: 0px;
      padding-left: 0px; }
    @media (max-width: 991px) {
      .order-details .block .cols {
        padding: 10px;
        font-size: 0.8rem;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        .order-details .block .cols span {
          margin: 0px; } }
    @media (max-width: 767px) {
      .order-details .block {
        flex-wrap: wrap; }
        .order-details .block .cols {
          min-width: 50%;
          border-bottom: 1px solid #ccc;
          word-break: break-all; }
        .order-details .block .cols:nth-child(odd), .order-details .block .notes + .wide {
          border-left: none;
          padding-left: 0px; }
        .order-details .block .cols:nth-child(even) {
          border-right: none;
          padding-right: 0px; }
        .order-details .block .cols:last-child, .order-details .block .cols:nth-child(odd):nth-last-child(2):not(.notes) {
          border-bottom: none; }
        .order-details .block .cols.col-6 {
          width: 100%;
          padding-right: 0px;
          padding-left: 0px;
          max-width: 100%;
          flex: 0 0 100%;
          border-left: none; }
        .order-details .block .cols.col-6 + .cols.col-6 {
          border-top: 1px solid #ccc; } }
  .order-details .listing > .actions {
    /* EXPLORER ONLY */ }
    .order-details .listing > .actions .left div {
      font-family: "Poppins", sans-serif;
      color: #222; }
      .order-details .listing > .actions .left div span {
        color: #666; }
    @media (min-width: 768px) {
      .order-details .listing > .actions .left div + div {
        margin-left: 30px; } }
    .order-details .listing > .actions .left div span {
      margin-left: 5px; }
    .order-details .listing > .actions a.pdf-export, .order-details .listing > .actions a.excel-export, .order-details .listing > .actions a.import-pro {
      cursor: pointer;
      position: relative; }
      .order-details .listing > .actions a.pdf-export.active, .order-details .listing > .actions a.excel-export.active, .order-details .listing > .actions a.import-pro.active {
        color: #214a8c; }
        .order-details .listing > .actions a.pdf-export.active:before, .order-details .listing > .actions a.excel-export.active:before, .order-details .listing > .actions a.import-pro.active:before {
          content: "";
          top: -7px;
          margin: 0px auto;
          height: 10px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #666;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          top: calc(20px + 7px);
          left: 50%; }
    .order-details .listing > .actions #exportPdf, .order-details .listing > .actions #exportExcel, .order-details .listing > .actions #importPro {
      border: 1px solid #666;
      margin: 7px 0px 10px;
      padding: 0px;
      height: auto;
      background: #fff; }
      .order-details .listing > .actions #exportPdf form, .order-details .listing > .actions #exportExcel form, .order-details .listing > .actions #importPro form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0px; }
        .order-details .listing > .actions #exportPdf form label, .order-details .listing > .actions #exportExcel form label, .order-details .listing > .actions #importPro form label {
          margin-bottom: 0px;
          text-align: left; }
        .order-details .listing > .actions #exportPdf form > div, .order-details .listing > .actions #exportExcel form > div, .order-details .listing > .actions #importPro form > div {
          padding: 0px 15px;
          height: 50px;
          display: flex;
          align-items: center;
          flex-direction: row; }
        .order-details .listing > .actions #exportPdf form > div:not(.generate), .order-details .listing > .actions #exportExcel form > div:not(.generate), .order-details .listing > .actions #importPro form > div:not(.generate) {
          border-bottom: 1px solid #ddd; }
        .order-details .listing > .actions #exportPdf form .left, .order-details .listing > .actions #exportExcel form .left, .order-details .listing > .actions #importPro form .left {
          max-width: 25%;
          flex: 0 0 25%;
          line-height: 1rem;
          justify-content: flex-end; }
        .order-details .listing > .actions #exportPdf form .right, .order-details .listing > .actions #exportExcel form .right, .order-details .listing > .actions #importPro form .right {
          max-width: 75%;
          flex: 0 0 75%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          border-left: 1px solid #ddd; }
        .order-details .listing > .actions #exportPdf form .attachment, .order-details .listing > .actions #exportExcel form .attachment, .order-details .listing > .actions #importPro form .attachment {
          flex-wrap: wrap;
          padding: 15px;
          display: none;
          height: auto; }
          .order-details .listing > .actions #exportPdf form .attachment > div, .order-details .listing > .actions #exportExcel form .attachment > div, .order-details .listing > .actions #importPro form .attachment > div {
            width: 100%;
            display: flex;
            padding: 0px; }
          .order-details .listing > .actions #exportPdf form .attachment .col-3, .order-details .listing > .actions #exportPdf form .attachment .col-9, .order-details .listing > .actions #exportExcel form .attachment .col-3, .order-details .listing > .actions #exportExcel form .attachment .col-9, .order-details .listing > .actions #importPro form .attachment .col-3, .order-details .listing > .actions #importPro form .attachment .col-9 {
            float: left;
            flex-wrap: wrap; }
            .order-details .listing > .actions #exportPdf form .attachment .col-3 > div, .order-details .listing > .actions #exportPdf form .attachment .col-9 > div, .order-details .listing > .actions #exportExcel form .attachment .col-3 > div, .order-details .listing > .actions #exportExcel form .attachment .col-9 > div, .order-details .listing > .actions #importPro form .attachment .col-3 > div, .order-details .listing > .actions #importPro form .attachment .col-9 > div {
              width: 100%;
              text-align: left; }
            .order-details .listing > .actions #exportPdf form .attachment .col-3 > label, .order-details .listing > .actions #exportPdf form .attachment .col-9 > label, .order-details .listing > .actions #exportExcel form .attachment .col-3 > label, .order-details .listing > .actions #exportExcel form .attachment .col-9 > label, .order-details .listing > .actions #importPro form .attachment .col-3 > label, .order-details .listing > .actions #importPro form .attachment .col-9 > label {
              margin-bottom: 10px; }
            .order-details .listing > .actions #exportPdf form .attachment .col-3 p.supp, .order-details .listing > .actions #exportPdf form .attachment .col-9 p.supp, .order-details .listing > .actions #exportExcel form .attachment .col-3 p.supp, .order-details .listing > .actions #exportExcel form .attachment .col-9 p.supp, .order-details .listing > .actions #importPro form .attachment .col-3 p.supp, .order-details .listing > .actions #importPro form .attachment .col-9 p.supp {
              position: relative;
              margin: 0px 0px 0px 10px; }
          .order-details .listing > .actions #exportPdf form .attachment .col-9, .order-details .listing > .actions #exportExcel form .attachment .col-9, .order-details .listing > .actions #importPro form .attachment .col-9 {
            padding-left: 15px; }
          .order-details .listing > .actions #exportPdf form .attachment .text, .order-details .listing > .actions #exportPdf form .attachment .image, .order-details .listing > .actions #exportExcel form .attachment .text, .order-details .listing > .actions #exportExcel form .attachment .image, .order-details .listing > .actions #importPro form .attachment .text, .order-details .listing > .actions #importPro form .attachment .image {
            margin: 0px 0px 5px; }
            .order-details .listing > .actions #exportPdf form .attachment .text p, .order-details .listing > .actions #exportPdf form .attachment .image p, .order-details .listing > .actions #exportExcel form .attachment .text p, .order-details .listing > .actions #exportExcel form .attachment .image p, .order-details .listing > .actions #importPro form .attachment .text p, .order-details .listing > .actions #importPro form .attachment .image p {
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              font-weight: 400;
              margin: 0px; }
          .order-details .listing > .actions #exportPdf form .attachment .image, .order-details .listing > .actions #exportExcel form .attachment .image, .order-details .listing > .actions #importPro form .attachment .image {
            display: flex;
            align-items: center;
            flex-direction: row;
            margin: 0px;
            width: 100%; }
            .order-details .listing > .actions #exportPdf form .attachment .image p, .order-details .listing > .actions #exportExcel form .attachment .image p, .order-details .listing > .actions #importPro form .attachment .image p {
              font-style: italic;
              margin: 0px 10px; }
            .order-details .listing > .actions #exportPdf form .attachment .image img, .order-details .listing > .actions #exportExcel form .attachment .image img, .order-details .listing > .actions #importPro form .attachment .image img {
              max-width: 100px;
              width: auto;
              max-height: 40px; }
          .order-details .listing > .actions #exportPdf form .attachment .btns, .order-details .listing > .actions #exportExcel form .attachment .btns, .order-details .listing > .actions #importPro form .attachment .btns {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .order-details .listing > .actions #exportPdf form .attachment .btns i, .order-details .listing > .actions #exportExcel form .attachment .btns i, .order-details .listing > .actions #importPro form .attachment .btns i {
              font-size: calc(20px + 2px);
              margin-right: 5px; }
            .order-details .listing > .actions #exportPdf form .attachment .btns a, .order-details .listing > .actions #exportPdf form .attachment .btns input, .order-details .listing > .actions #exportPdf form .attachment .btns button, .order-details .listing > .actions #exportExcel form .attachment .btns a, .order-details .listing > .actions #exportExcel form .attachment .btns input, .order-details .listing > .actions #exportExcel form .attachment .btns button, .order-details .listing > .actions #importPro form .attachment .btns a, .order-details .listing > .actions #importPro form .attachment .btns input, .order-details .listing > .actions #importPro form .attachment .btns button {
              border: none;
              background: none;
              padding: 0px;
              height: 20px;
              cursor: pointer;
              margin-right: 10px;
              font-size: 0.875rem;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              display: flex;
              align-items: center; }
              .order-details .listing > .actions #exportPdf form .attachment .btns a:focus, .order-details .listing > .actions #exportPdf form .attachment .btns input:focus, .order-details .listing > .actions #exportPdf form .attachment .btns button:focus, .order-details .listing > .actions #exportExcel form .attachment .btns a:focus, .order-details .listing > .actions #exportExcel form .attachment .btns input:focus, .order-details .listing > .actions #exportExcel form .attachment .btns button:focus, .order-details .listing > .actions #importPro form .attachment .btns a:focus, .order-details .listing > .actions #importPro form .attachment .btns input:focus, .order-details .listing > .actions #importPro form .attachment .btns button:focus {
                border: none;
                background: none; }
              .order-details .listing > .actions #exportPdf form .attachment .btns a:hover, .order-details .listing > .actions #exportPdf form .attachment .btns input:hover, .order-details .listing > .actions #exportPdf form .attachment .btns button:hover, .order-details .listing > .actions #exportExcel form .attachment .btns a:hover, .order-details .listing > .actions #exportExcel form .attachment .btns input:hover, .order-details .listing > .actions #exportExcel form .attachment .btns button:hover, .order-details .listing > .actions #importPro form .attachment .btns a:hover, .order-details .listing > .actions #importPro form .attachment .btns input:hover, .order-details .listing > .actions #importPro form .attachment .btns button:hover {
                color: #214a8c; }
            .order-details .listing > .actions #exportPdf form .attachment .btns button + button, .order-details .listing > .actions #exportPdf form .attachment .btns a + a, .order-details .listing > .actions #exportPdf form .attachment .btns input + input, .order-details .listing > .actions #exportExcel form .attachment .btns button + button, .order-details .listing > .actions #exportExcel form .attachment .btns a + a, .order-details .listing > .actions #exportExcel form .attachment .btns input + input, .order-details .listing > .actions #importPro form .attachment .btns button + button, .order-details .listing > .actions #importPro form .attachment .btns a + a, .order-details .listing > .actions #importPro form .attachment .btns input + input {
              pointer-events: none;
              color: #ccc; }
            .order-details .listing > .actions #exportPdf form .attachment .btns .image, .order-details .listing > .actions #exportExcel form .attachment .btns .image, .order-details .listing > .actions #importPro form .attachment .btns .image {
              margin-top: 15px;
              padding-top: 15px;
              border-top: 1px solid #ddd;
              flex-wrap: wrap;
              height: auto; }
              .order-details .listing > .actions #exportPdf form .attachment .btns .image > div, .order-details .listing > .actions #exportExcel form .attachment .btns .image > div, .order-details .listing > .actions #importPro form .attachment .btns .image > div {
                max-width: 50%;
                flex: 0 0 50%;
                display: flex;
                align-items: center; }
        .order-details .listing > .actions #exportPdf form .address-list, .order-details .listing > .actions #exportExcel form .address-list, .order-details .listing > .actions #importPro form .address-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 0px;
          padding: 15px;
          height: auto;
          border-left: none; }
          .order-details .listing > .actions #exportPdf form .address-list div, .order-details .listing > .actions #exportExcel form .address-list div, .order-details .listing > .actions #importPro form .address-list div {
            padding: 0px;
            font-family: "Open Sans", sans-serif; }
          .order-details .listing > .actions #exportPdf form .address-list > div:not(.d-flex), .order-details .listing > .actions #exportExcel form .address-list > div:not(.d-flex), .order-details .listing > .actions #importPro form .address-list > div:not(.d-flex) {
            padding: 5px 0px;
            text-align: left; }
          .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 {
            max-width: calc(50% - 10px);
            flex: 0 0 50%;
            position: relative; }
            .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4 label, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4 label, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 label {
              display: inherit; }
              .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .order-details .listing > .actions #exportPdf form .address-list > .col-9 .col-4 select, .order-details .listing > .actions #exportExcel form .address-list > .col-9 .col-4 select, .order-details .listing > .actions #importPro form .address-list > .col-9 .col-4 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .order-details .listing > .actions #exportPdf form .address-list .btn-block, .order-details .listing > .actions #exportExcel form .address-list .btn-block, .order-details .listing > .actions #importPro form .address-list .btn-block {
            border: none; }
            .order-details .listing > .actions #exportPdf form .address-list .btn-block a, .order-details .listing > .actions #exportExcel form .address-list .btn-block a, .order-details .listing > .actions #importPro form .address-list .btn-block a {
              height: 30px; }
        .order-details .listing > .actions #exportPdf form .attachment, .order-details .listing > .actions #exportPdf form .address-list, .order-details .listing > .actions #exportExcel form .attachment, .order-details .listing > .actions #exportExcel form .address-list, .order-details .listing > .actions #importPro form .attachment, .order-details .listing > .actions #importPro form .address-list {
          max-width: 100%;
          flex: 0 0 100%;
          padding-left: calc(25% + 15px); }
        .order-details .listing > .actions #exportPdf form .btn-sml.btn-dark-bdr, .order-details .listing > .actions #exportExcel form .btn-sml.btn-dark-bdr, .order-details .listing > .actions #importPro form .btn-sml.btn-dark-bdr {
          margin: 0px; }
        .order-details .listing > .actions #exportPdf form .generate, .order-details .listing > .actions #exportExcel form .generate, .order-details .listing > .actions #importPro form .generate {
          padding: 15px;
          justify-content: center; }
          .order-details .listing > .actions #exportPdf form .generate .btn-sml, .order-details .listing > .actions #exportExcel form .generate .btn-sml, .order-details .listing > .actions #importPro form .generate .btn-sml {
            max-width: 100px; }
        .order-details .listing > .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .order-details .listing > .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .order-details .listing > .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
          pointer-events: none;
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer */
          -khtml-user-select: none;
          /* KHTML browsers (e.g. Konqueror) */
          -webkit-user-select: none;
          /* Chrome, Safari, and Opera */
          -webkit-touch-callout: none;
          /* Disable Android and iOS callouts*/
          opacity: 0.25; }
        .order-details .listing > .actions #exportPdf form .img, .order-details .listing > .actions #exportExcel form .img, .order-details .listing > .actions #importPro form .img {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .order-details .listing > .actions #exportPdf form .img .text p, .order-details .listing > .actions #exportExcel form .img .text p, .order-details .listing > .actions #importPro form .img .text p {
            margin-bottom: 0px;
            text-align: left; }
          .order-details .listing > .actions #exportPdf form .img p.supp, .order-details .listing > .actions #exportExcel form .img p.supp, .order-details .listing > .actions #importPro form .img p.supp {
            width: 100%;
            margin: 0px 0px 10px;
            position: inherit;
            text-align: left; }
          .order-details .listing > .actions #exportPdf form .img img, .order-details .listing > .actions #exportExcel form .img img, .order-details .listing > .actions #importPro form .img img {
            padding-right: 15px; }
    .order-details .listing > .actions #exportPdf:not(.show), .order-details .listing > .actions #exportExcel:not(.show), .order-details .listing > .actions #importPro:not(.show) {
      display: none; }
    @media (max-width: 991px) {
      .order-details .listing > .actions #exportPdf form > div, .order-details .listing > .actions #exportExcel form > div, .order-details .listing > .actions #importPro form > div {
        height: auto;
        padding: 10px !important; }
      .order-details .listing > .actions #exportPdf form .custom-checkbox, .order-details .listing > .actions #exportExcel form .custom-checkbox, .order-details .listing > .actions #importPro form .custom-checkbox {
        height: 30px; }
      .order-details .listing > .actions #exportPdf form .left, .order-details .listing > .actions #exportPdf form .right, .order-details .listing > .actions #exportExcel form .left, .order-details .listing > .actions #exportExcel form .right, .order-details .listing > .actions #importPro form .left, .order-details .listing > .actions #importPro form .right {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 10px; }
      .order-details .listing > .actions #exportPdf form .left, .order-details .listing > .actions #exportExcel form .left, .order-details .listing > .actions #importPro form .left {
        border-bottom: none !important;
        padding-bottom: 0px !important; }
      .order-details .listing > .actions #exportPdf form .address-list, .order-details .listing > .actions #exportExcel form .address-list, .order-details .listing > .actions #importPro form .address-list {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .order-details .listing > .actions #exportPdf form label, .order-details .listing > .actions #exportExcel form label, .order-details .listing > .actions #importPro form label {
        justify-content: flex-start; }
      .order-details .listing > .actions #exportPdf form .right, .order-details .listing > .actions #exportExcel form .right, .order-details .listing > .actions #importPro form .right {
        border-left: none;
        margin: 0px; }
      .order-details .listing > .actions #exportPdf form .attachment, .order-details .listing > .actions #exportExcel form .attachment, .order-details .listing > .actions #importPro form .attachment {
        padding: 10px; }
        .order-details .listing > .actions #exportPdf form .attachment .col-3, .order-details .listing > .actions #exportPdf form .attachment .col-9, .order-details .listing > .actions #exportExcel form .attachment .col-3, .order-details .listing > .actions #exportExcel form .attachment .col-9, .order-details .listing > .actions #importPro form .attachment .col-3, .order-details .listing > .actions #importPro form .attachment .col-9 {
          max-width: 100%;
          flex: 0 0 100%; }
        .order-details .listing > .actions #exportPdf form .attachment .col-3, .order-details .listing > .actions #exportExcel form .attachment .col-3, .order-details .listing > .actions #importPro form .attachment .col-3 {
          margin-bottom: 10px;
          flex-wrap: nowrap; }
          .order-details .listing > .actions #exportPdf form .attachment .col-3 label, .order-details .listing > .actions #exportPdf form .attachment .col-3 .image, .order-details .listing > .actions #exportExcel form .attachment .col-3 label, .order-details .listing > .actions #exportExcel form .attachment .col-3 .image, .order-details .listing > .actions #importPro form .attachment .col-3 label, .order-details .listing > .actions #importPro form .attachment .col-3 .image {
            width: 50%;
            margin: 0px; }
        .order-details .listing > .actions #exportPdf form .attachment .col-9, .order-details .listing > .actions #exportExcel form .attachment .col-9, .order-details .listing > .actions #importPro form .attachment .col-9 {
          padding: 0px; }
          .order-details .listing > .actions #exportPdf form .attachment .col-9 p.supp, .order-details .listing > .actions #exportExcel form .attachment .col-9 p.supp, .order-details .listing > .actions #importPro form .attachment .col-9 p.supp {
            width: 50%; }
      .order-details .listing > .actions #exportPdf form .address-list .col-3, .order-details .listing > .actions #exportExcel form .address-list .col-3, .order-details .listing > .actions #importPro form .address-list .col-3 {
        max-width: 40%;
        flex: 0 0 40%; }
      .order-details .listing > .actions #exportPdf form .address-list .col-9, .order-details .listing > .actions #exportExcel form .address-list .col-9, .order-details .listing > .actions #importPro form .address-list .col-9 {
        max-width: 60%;
        flex: 0 0 60%; }
      .order-details .listing > .actions #exportPdf form .address-list > div:nth-of-type(1), .order-details .listing > .actions #exportPdf form .address-list > div:nth-of-type(2), .order-details .listing > .actions #exportExcel form .address-list > div:nth-of-type(1), .order-details .listing > .actions #exportExcel form .address-list > div:nth-of-type(2), .order-details .listing > .actions #importPro form .address-list > div:nth-of-type(1), .order-details .listing > .actions #importPro form .address-list > div:nth-of-type(2) {
        max-width: 100%;
        flex: 0 0 100%; }
      .order-details .listing > .actions #exportPdf form .img img, .order-details .listing > .actions #exportExcel form .img img, .order-details .listing > .actions #importPro form .img img {
        max-width: 100%;
        padding: 0px 0px 10px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .order-details .listing > .actions #exportPdf .custom-checkbox .custom-check, .order-details .listing > .actions #exportExcel .custom-checkbox .custom-check, .order-details .listing > .actions #importPro .custom-checkbox .custom-check {
        top: 1rem; } }
  .order-details .listing .col-9.left .details.col-12 {
    background: #fff;
    padding: 25px 30px 15px;
    justify-content: space-between; }
    .order-details .listing .col-9.left .details.col-12 ul.nav {
      max-width: calc(500px + 40px);
      margin: 0px auto 15px;
      padding: 0px; }
      .order-details .listing .col-9.left .details.col-12 ul.nav li {
        width: 50%; }
    .order-details .listing .col-9.left .details.col-12 .nav-tabs {
      padding: 0px;
      border: none; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-item, .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-color: #ddd;
        font-family: "Poppins", sans-serif;
        height: 40px;
        border-radius: 0px;
        color: #666;
        letter-spacing: 0.5px;
        line-height: 0.875rem;
        text-align: center; }
        .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-item:before, .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-link:before {
          font-family: "Feather";
          font-size: 1.2rem;
          padding-right: 5px;
          color: #222;
          vertical-align: sub;
          font-weight: 400; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-item.active, .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-link.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c;
        color: #222; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-item {
        width: 50%; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs .nav-item + .nav-item a {
        border-left: 0px; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-link {
        width: 100%; }
      .order-details .listing .col-9.left .details.col-12 .nav-tabs a.nav-link.disabled {
        pointer-events: none; }
      @media (max-width: 991px) {
        .order-details .listing .col-9.left .details.col-12 .nav-tabs .nav-item a.nav-link {
          display: table-cell !important;
          vertical-align: middle; }
        .order-details .listing .col-9.left .details.col-12 .nav-tabs > .nav-item {
          width: 33.333333%;
          display: table; } }
    .order-details .listing .col-9.left .details.col-12 .col-3, .order-details .listing .col-9.left .details.col-12 .col-4, .order-details .listing .col-9.left .details.col-12 .col-8, .order-details .listing .col-9.left .details.col-12 .col-12, .order-details .listing .col-9.left .details.col-12 .col-6 {
      padding: 0px; }
    .order-details .listing .col-9.left .details.col-12 .contact-details .address {
      margin-top: 10px; }
    .order-details .listing .col-9.left .details.col-12 .sub-title {
      font-weight: 600; }
    .order-details .listing .col-9.left .details.col-12 .delivery-date + .custom-radiobox {
      margin-top: 10px; }
    .order-details .listing .col-9.left .details.col-12 .ship-when > p, .order-details .listing .col-9.left .details.col-12 .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .order-details .listing .col-9.left .details.col-12 .ship-when .delivery-date div {
      margin-top: 2px;
      width: 100%; }
      .order-details .listing .col-9.left .details.col-12 .ship-when .delivery-date div input {
        font-family: "Open Sans", sans-serif; }
    .order-details .listing .col-9.left .details.col-12 .sms .checkbox {
      padding-top: 20px; }
      .order-details .listing .col-9.left .details.col-12 .sms .checkbox p {
        font-family: "Open Sans", sans-serif;
        font-size: 0.875rem; }
    .order-details .listing .col-9.left .details.col-12 .instructions {
      margin-bottom: 0px; }
    .order-details .listing .col-9.left .details.col-12 p.note {
      margin: 40px 0px 0px; }
    .order-details .listing .col-9.left .details.col-12 .col-3 {
      max-width: calc(25% - 20px); }
    .order-details .listing .col-9.left .details.col-12 .col-4 {
      max-width: calc(33.333333% - 20px); }
    .order-details .listing .col-9.left .details.col-12 .col-6:not(.nav) {
      max-width: calc(50% - 15px); }
    .order-details .listing .col-9.left .details.col-12 .col-8 {
      max-width: calc(66.66% - 10px); }
    .order-details .listing .col-9.left .details.col-12 .tab-content {
      padding: 0px; }
      .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane {
        padding: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
        .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane form {
          margin: 0px; }
      .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms {
        display: block; }
        .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
          margin: 40px 0px 0px;
          padding: 30px 0px 0px;
          border-top: 1px solid #666;
          justify-content: space-between; }
          .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .delivery-date, .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .instructions {
            margin-top: 0px; }
    .order-details .listing .col-9.left .details.col-12 .bill-method {
      max-width: calc(50% - 15px); }
  .order-details .listing .col-9.left .details.show, .order-details .listing .col-9.left .details.collapsing {
    display: flex;
    flex-wrap: wrap; }
  .order-details .listing .col-9.left .details + .actions:not(.d-flex) {
    display: none; }
  .order-details .listing .col-9.left .title {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    width: 100%;
    padding: 0px; }
    .order-details .listing .col-9.left .title a:hover {
      color: #214a8c; }
  @media (min-width: 992px) {
    .order-details .listing .col-9.left .details.col-12 .bill-method:nth-child(3):not(:nth-last-child(2)) {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-details .listing .col-9.left .details.col-12 .col-3:last-child {
      max-width: calc(50% - 15px);
      flex: 0 0 auto; } }
  @media (max-width: 991px) {
    .order-details .listing .col-9.left .details.col-12 {
      padding: 15px; }
      .order-details .listing .col-9.left .details.col-12 ul.nav {
        max-width: 100%;
        flex: 0 0 100%; }
      .order-details .listing .col-9.left .details.col-12 .col-3, .order-details .listing .col-9.left .details.col-12 .col-4, .order-details .listing .col-9.left .details.col-12 .col-8, .order-details .listing .col-9.left .details.col-12 .col-12, .order-details .listing .col-9.left .details.col-12 .col-6 {
        max-width: 100%;
        flex: 0 0 100%; }
      .order-details .listing .col-9.left .details.col-12 .ship-when {
        margin: 15px 0px; }
      .order-details .listing .col-9.left .details.col-12 .sms .checkbox {
        padding-top: 10px;
        margin-bottom: 10px; }
      .order-details .listing .col-9.left .details.col-12 .instructions {
        margin-bottom: 20px; }
      .order-details .listing .col-9.left .details.col-12 p.note {
        margin: 0px; }
      .order-details .listing .col-9.left .details.col-12 .col-6:not(:last-of-type) {
        margin-bottom: 15px;
        margin-top: 0px; }
      .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .e-group .e-row {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-left: 0px; }
      .order-details .listing .col-9.left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
        flex-wrap: wrap; }
    .order-details .listing .col-9.left .title {
      font-size: 0.875rem; } }
  .order-details .listing .col-9.left form {
    margin: 0px; }
  .order-details .listing .col-9.left .sub-header .title {
    margin-bottom: 0px; }
  .order-details .listing .col-9.left .page-th form, .order-details .listing .col-9.left .page form {
    border-bottom: 1px solid #ddd; }
    .order-details .listing .col-9.left .page-th form:hover, .order-details .listing .col-9.left .page form:hover {
      background-color: #f7fbff; }
  .order-details .listing .col-9.left .page-th .details, .order-details .listing .col-9.left .page .details {
    padding: 0px; }
    .order-details .listing .col-9.left .page-th .details > .col, .order-details .listing .col-9.left .page .details > .col {
      text-align: left;
      padding: 0px; }
      .order-details .listing .col-9.left .page-th .details > .col .eco, .order-details .listing .col-9.left .page .details > .col .eco {
        display: block;
        text-transform: inherit; }
    .order-details .listing .col-9.left .page-th .details .col.checkbox, .order-details .listing .col-9.left .page .details .col.checkbox {
      z-index: 1;
      max-width: 20px; }
    .order-details .listing .col-9.left .page-th .details .supp, .order-details .listing .col-9.left .page .details .supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .text, .order-details .listing .col-9.left .page .details .col.pro-details .text {
        width: 100%; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .product-img, .order-details .listing .col-9.left .page .details .col.pro-details .product-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 160px;
        max-width: 160px;
        width: 100%;
        flex: 0 0 auto;
        margin: 0px auto; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .product-img img, .order-details .listing .col-9.left .page .details .col.pro-details .product-img img {
          width: auto; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .product-img img, .order-details .listing .col-9.left .page .details .col.pro-details .product-img img {
          max-height: calc(150px - 5px);
          max-width: calc(150px - 5px); }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .sub-title, .order-details .listing .col-9.left .page .details .col.pro-details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-size: 0.8rem;
        font-weight: 300;
        text-transform: uppercase; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .sub-title a, .order-details .listing .col-9.left .page .details .col.pro-details .sub-title a {
          color: #666; }
          .order-details .listing .col-9.left .page-th .details .col.pro-details .sub-title a:hover, .order-details .listing .col-9.left .page .details .col.pro-details .sub-title a:hover {
            color: #222; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .title, .order-details .listing .col-9.left .page .details .col.pro-details .title {
        color: #222;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        line-height: 1.1rem;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
        max-height: 35px;
        overflow: hidden;
        position: relative; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .title a, .order-details .listing .col-9.left .page .details .col.pro-details .title a {
          color: #222; }
          .order-details .listing .col-9.left .page-th .details .col.pro-details .title a:hover, .order-details .listing .col-9.left .page .details .col.pro-details .title a:hover {
            color: #214a8c; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .title:after, .order-details .listing .col-9.left .page .details .col.pro-details .title:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 40%;
          height: 1rem;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
          bottom: 0px; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .mfg, .order-details .listing .col-9.left .page-th .details .col.pro-details .upc, .order-details .listing .col-9.left .page-th .details .col.pro-details .co-label, .order-details .listing .col-9.left .page .details .col.pro-details .mfg, .order-details .listing .col-9.left .page .details .col.pro-details .upc, .order-details .listing .col-9.left .page .details .col.pro-details .co-label {
        display: flex;
        min-height: auto; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .mfg span, .order-details .listing .col-9.left .page-th .details .col.pro-details .upc span, .order-details .listing .col-9.left .page-th .details .col.pro-details .co-label span, .order-details .listing .col-9.left .page .details .col.pro-details .mfg span, .order-details .listing .col-9.left .page .details .col.pro-details .upc span, .order-details .listing .col-9.left .page .details .col.pro-details .co-label span {
          font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .mfg span:last-of-type, .order-details .listing .col-9.left .page-th .details .col.pro-details .upc span:last-of-type, .order-details .listing .col-9.left .page-th .details .col.pro-details .co-label span:last-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .mfg span:last-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .upc span:last-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .co-label span:last-of-type {
          width: calc(100% - 110px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .mfg span:first-of-type, .order-details .listing .col-9.left .page-th .details .col.pro-details .upc span:first-of-type, .order-details .listing .col-9.left .page-th .details .col.pro-details .co-label span:first-of-type, .order-details .listing .col-9.left .page-th .details .col.pro-details .personal-code span:first-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .mfg span:first-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .upc span:first-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .co-label span:first-of-type, .order-details .listing .col-9.left .page .details .col.pro-details .personal-code span:first-of-type {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: inline-block; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .personal-code, .order-details .listing .col-9.left .page .details .col.pro-details .personal-code {
        font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .personal-code a, .order-details .listing .col-9.left .page .details .col.pro-details .personal-code a {
          color: #ff9933;
          text-decoration: underline; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code, .order-details .listing .col-9.left .page .details .col.pro-details .change-code {
        display: flex; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .order-details .listing .col-9.left .page .details .col.pro-details .change-code input, .order-details .listing .col-9.left .page .details .col.pro-details .change-code textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code button, .order-details .listing .col-9.left .page .details .col.pro-details .change-code input, .order-details .listing .col-9.left .page .details .col.pro-details .change-code button {
          height: 30px; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .order-details .listing .col-9.left .page .details .col.pro-details .change-code textarea {
          height: 50px; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .order-details .listing .col-9.left .page .details .col.pro-details .change-code input {
          width: 200px;
          padding: 5px 7px;
          font-size: 0.8rem;
          margin: 5px 0px; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code button.img, .order-details .listing .col-9.left .page .details .col.pro-details .change-code button.img {
          height: 30px;
          border: none;
          background: none;
          padding: 0px;
          cursor: pointer;
          margin: 5px 0px; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code input[type="image"], .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code img, .order-details .listing .col-9.left .page .details .col.pro-details .change-code input[type="image"], .order-details .listing .col-9.left .page .details .col.pro-details .change-code img {
          padding: 2px;
          margin-left: 5px;
          width: 30px;
          height: 30px;
          border: none;
          background: none !important; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code.collapse:not(.show), .order-details .listing .col-9.left .page .details .col.pro-details .change-code.collapse:not(.show) {
        display: none; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .change-code.show, .order-details .listing .col-9.left .page .details .col.pro-details .change-code.show {
        display: flex; }
      @media (max-width: 991px) {
        .order-details .listing .col-9.left .page-th .details .col.pro-details .mfg, .order-details .listing .col-9.left .page-th .details .col.pro-details .upc, .order-details .listing .col-9.left .page-th .details .col.pro-details .co-label, .order-details .listing .col-9.left .page .details .col.pro-details .mfg, .order-details .listing .col-9.left .page .details .col.pro-details .upc, .order-details .listing .col-9.left .page .details .col.pro-details .co-label {
          margin: 5px 0px; } }
    .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page .details .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .order-details .listing .col-9.left .page-th .details .inventory .supp, .order-details .listing .col-9.left .page .details .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .order-details .listing .col-9.left .page-th .details .inventory .in-stock, .order-details .listing .col-9.left .page-th .details .inventory .out-stock, .order-details .listing .col-9.left .page .details .inventory .in-stock, .order-details .listing .col-9.left .page .details .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .order-details .listing .col-9.left .page-th .details .inventory .in-stock:before, .order-details .listing .col-9.left .page-th .details .inventory .out-stock:before, .order-details .listing .col-9.left .page .details .inventory .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .order-details .listing .col-9.left .page-th .details .inventory .in-stock, .order-details .listing .col-9.left .page .details .inventory .in-stock {
        color: #10a700; }
        .order-details .listing .col-9.left .page-th .details .inventory .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .order-details .listing .col-9.left .page-th .details .inventory .out-stock, .order-details .listing .col-9.left .page .details .inventory .out-stock {
        color: #dc3545; }
        .order-details .listing .col-9.left .page-th .details .inventory .out-stock:before, .order-details .listing .col-9.left .page .details .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .order-details .listing .col-9.left .page-th .details .inventory .delivery, .order-details .listing .col-9.left .page .details .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .order-details .listing .col-9.left .page-th .details .inventory .delivery .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .order-details .listing .col-9.left .page-th .details .inventory .pickup .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .order-details .listing .col-9.left .page-th .details .inventory .pickup, .order-details .listing .col-9.left .page .details .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .order-details .listing .col-9.left .page-th .details .inventory .pickup:before, .order-details .listing .col-9.left .page .details .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .order-details .listing .col-9.left .page-th .details .inventory .pickup:after, .order-details .listing .col-9.left .page .details .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .order-details .listing .col-9.left .page-th .details .inventory .nonstock .out-stock, .order-details .listing .col-9.left .page .details .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .order-details .listing .col-9.left .page-th .details .inventory .nonstock .out-stock:before, .order-details .listing .col-9.left .page .details .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .order-details .listing .col-9.left .page-th .details .inventory .nonstock .supp, .order-details .listing .col-9.left .page .details .inventory .nonstock .supp {
        color: #dc3545; }
      .order-details .listing .col-9.left .page-th .details .inventory .leadtime span, .order-details .listing .col-9.left .page .details .inventory .leadtime span {
        color: #10a700; }
      .order-details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-details .listing .col-9.left .page .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page .details .inventory .pickup .preferred {
        display: block; }
      .order-details .listing .col-9.left .page-th .details .inventory .preferred, .order-details .listing .col-9.left .page .details .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .order-details .listing .col-9.left .page-th .details .inventory .out-stock ~ .preferred, .order-details .listing .col-9.left .page .details .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .order-details .listing .col-9.left .page-th .details .inventory .backorder .in-stock, .order-details .listing .col-9.left .page-th .details .inventory .nonstock .in-stock, .order-details .listing .col-9.left .page .details .inventory .backorder .in-stock, .order-details .listing .col-9.left .page .details .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .order-details .listing .col-9.left .page-th .details .inventory .backorder .in-stock:before, .order-details .listing .col-9.left .page-th .details .inventory .nonstock .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .backorder .in-stock:before, .order-details .listing .col-9.left .page .details .inventory .nonstock .in-stock:before {
          color: #666; }
      .order-details .listing .col-9.left .page-th .details .inventory ._labels, .order-details .listing .col-9.left .page .details .inventory ._labels {
        display: none !important; }
      .order-details .listing .col-9.left .page-th .details .inventory .text, .order-details .listing .col-9.left .page .details .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .order-details .listing .col-9.left .page-th .details .inventory .text span, .order-details .listing .col-9.left .page .details .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .order-details .listing .col-9.left .page-th .details .inventory .text span:before, .order-details .listing .col-9.left .page .details .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .order-details .listing .col-9.left .page-th .details .inventory .text span:after, .order-details .listing .col-9.left .page .details .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .order-details .listing .col-9.left .page-th .details .inventory .text span a, .order-details .listing .col-9.left .page .details .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .order-details .listing .col-9.left .page-th .details .inventory .text span a:hover, .order-details .listing .col-9.left .page .details .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page .details .inventory {
          margin-bottom: 5px; }
          .order-details .listing .col-9.left .page-th .details .inventory .pickup:before, .order-details .listing .col-9.left .page .details .inventory .pickup:before {
            height: 1.5rem; }
          .order-details .listing .col-9.left .page-th .details .inventory .pickup:after, .order-details .listing .col-9.left .page .details .inventory .pickup:after {
            bottom: -20px; }
          .order-details .listing .col-9.left .page-th .details .inventory .pickup:last-child:before, .order-details .listing .col-9.left .page-th .details .inventory .pickup:last-child:after, .order-details .listing .col-9.left .page .details .inventory .pickup:last-child:before, .order-details .listing .col-9.left .page .details .inventory .pickup:last-child:after {
            display: none; }
          .order-details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-details .listing .col-9.left .page .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page .details .inventory .pickup .preferred {
            display: inline-block; } }
      .order-details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-details .listing .col-9.left .page .details .inventory .leadtime.supp, .order-details .listing .col-9.left .page .details .inventory .pickup .preferred {
        padding-left: 25px; }
    .order-details .listing .col-9.left .page-th .details .pickup, .order-details .listing .col-9.left .page .details .pickup {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-details .listing .col-9.left .page-th .details .branch, .order-details .listing .col-9.left .page .details .branch {
      margin-left: 25px; }
      .order-details .listing .col-9.left .page-th .details .branch button, .order-details .listing .col-9.left .page .details .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .branch button:focus, .order-details .listing .col-9.left .page .details .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu, .order-details .listing .col-9.left .page .details .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu li, .order-details .listing .col-9.left .page .details .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu li:after, .order-details .listing .col-9.left .page .details .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu li span, .order-details .listing .col-9.left .page .details .branch .dropdown-menu li span {
            color: #dc3545; }
        .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu li.available:after, .order-details .listing .col-9.left .page .details .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .order-details .listing .col-9.left .page-th .details .branch .dropdown-menu li.available span, .order-details .listing .col-9.left .page .details .branch .dropdown-menu li.available span {
          color: #10a700; }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page .details .col.price {
      margin-bottom: 15px;
      display: flex;
      align-items: first baseline;
      flex-wrap: wrap;
      flex-direction: row; }
      .order-details .listing .col-9.left .page-th .details .col.price .sale, .order-details .listing .col-9.left .page .details .col.price .sale {
        color: #dc3545;
        margin: 0px; }
      .order-details .listing .col-9.left .page-th .details .col.price .price, .order-details .listing .col-9.left .page .details .col.price .price {
        color: #222; }
      .order-details .listing .col-9.left .page-th .details .col.price .discount, .order-details .listing .col-9.left .page .details .col.price .discount {
        color: #222;
        margin: 0px; }
      .order-details .listing .col-9.left .page-th .details .col.price .sale + .price, .order-details .listing .col-9.left .page-th .details .col.price .discount + .price, .order-details .listing .col-9.left .page .details .col.price .sale + .price, .order-details .listing .col-9.left .page .details .col.price .discount + .price {
        text-decoration: line-through;
        color: #666;
        font-size: 0.95rem;
        margin-left: 5px;
        display: initial; }
      .order-details .listing .col-9.left .page-th .details .col.price .supp, .order-details .listing .col-9.left .page .details .col.price .supp {
        margin-left: 5px; }
      .order-details .listing .col-9.left .page-th .details .col.price .eco, .order-details .listing .col-9.left .page .details .col.price .eco {
        color: #10a700; }
      .order-details .listing .col-9.left .page-th .details .col.price > span:nth-of-type(2), .order-details .listing .col-9.left .page .details .col.price > span:nth-of-type(2) {
        font-size: 1.1rem; }
      @media (max-width: 991px) {
        .order-details .listing .col-9.left .page-th .details .col.price .supp:not(:last-child), .order-details .listing .col-9.left .page .details .col.price .supp:not(:last-child) {
          margin-right: 10px; } }
    .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .order-details .listing .col-9.left .page-th .details .col.qty input, .order-details .listing .col-9.left .page-th .details .col.qty textarea, .order-details .listing .col-9.left .page .details .col.qty input, .order-details .listing .col-9.left .page .details .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .order-details .listing .col-9.left .page-th .details .col.qty input, .order-details .listing .col-9.left .page-th .details .col.qty button, .order-details .listing .col-9.left .page .details .col.qty input, .order-details .listing .col-9.left .page .details .col.qty button {
        height: 30px; }
      .order-details .listing .col-9.left .page-th .details .col.qty textarea, .order-details .listing .col-9.left .page .details .col.qty textarea {
        height: 50px; }
      .order-details .listing .col-9.left .page-th .details .col.qty input, .order-details .listing .col-9.left .page .details .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .order-details .listing .col-9.left .page-th .details .col.qty input.disabled, .order-details .listing .col-9.left .page .details .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .order-details .listing .col-9.left .page-th .details .col.qty input.input-validation-error, .order-details .listing .col-9.left .page .details .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .order-details .listing .col-9.left .page-th .details .col.qty span.margin + input, .order-details .listing .col-9.left .page .details .col.qty span.margin + input {
        margin-left: 5px; }
      .order-details .listing .col-9.left .page-th .details .col.qty span.uom, .order-details .listing .col-9.left .page .details .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .order-details .listing .col-9.left .page-th .details .col.qty > span.supp, .order-details .listing .col-9.left .page-th .details .col.qty .available, .order-details .listing .col-9.left .page .details .col.qty > span.supp, .order-details .listing .col-9.left .page .details .col.qty .available {
        line-height: 30px; }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut, .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
        margin-top: calc(20px - 2px); }
    .order-details .listing .col-9.left .page-th .details .col.total .saving, .order-details .listing .col-9.left .page .details .col.total .saving {
      font-weight: 400;
      color: #10a700;
      font-size: 0.75rem; }
    .order-details .listing .col-9.left .page-th .details .add-to-cart, .order-details .listing .col-9.left .page .details .add-to-cart {
      position: absolute;
      bottom: 0px;
      width: auto;
      right: 0px;
      display: table; }
      .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff; }
        .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
        .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart a, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          outline-style: none; }
        .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
      .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart.disabled, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .order-details .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .order-details .listing .col-9.left .page-th .details .add-to-cart .btn-sml, .order-details .listing .col-9.left .page .details .add-to-cart button.add-cart, .order-details .listing .col-9.left .page .details .add-to-cart .btn-sml {
        width: 120px; }
      .order-details .listing .col-9.left .page-th .details .add-to-cart .text, .order-details .listing .col-9.left .page .details .add-to-cart .text {
        height: 25px;
        font-family: "Poppins", sans-serif;
        color: #222;
        margin-bottom: 0.875rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem; }
        .order-details .listing .col-9.left .page-th .details .add-to-cart .text:before, .order-details .listing .col-9.left .page .details .add-to-cart .text:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\e9a7";
          color: #222; }
    .order-details .listing .col-9.left .page-th .details .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      width: 100%;
      background: none;
      z-index: 1;
      padding: 0px; }
      .order-details .listing .col-9.left .page-th .details .alert-warning > span, .order-details .listing .col-9.left .page .details .alert-warning > span {
        background: #fff3cd;
        padding: 3px 5px 5px;
        min-height: 30px;
        max-height: 30px;
        font-size: calc(10px + 1px);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
    .order-details .listing .col-9.left .page-th .details .download, .order-details .listing .col-9.left .page .details .download {
      margin-top: 10px;
      font-size: 0.8rem;
      color: #222;
      font-family: "Open Sans", sans-serif; }
      .order-details .listing .col-9.left .page-th .details .download i, .order-details .listing .col-9.left .page .details .download i {
        font-size: 1rem;
        margin-right: 7px; }
      .order-details .listing .col-9.left .page-th .details .download > a, .order-details .listing .col-9.left .page .details .download > a {
        display: inline-flex;
        align-items: center;
        color: #222;
        font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .download > a span, .order-details .listing .col-9.left .page .details .download > a span {
          color: #666;
          text-decoration: underline;
          color: #222;
          margin-left: 7px;
          letter-spacing: 0.25px; }
          .order-details .listing .col-9.left .page-th .details .download > a span:hover, .order-details .listing .col-9.left .page .details .download > a span:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
        .order-details .listing .col-9.left .page-th .details .download > a img, .order-details .listing .col-9.left .page .details .download > a img {
          height: 1rem; }
        .order-details .listing .col-9.left .page-th .details .download > a i, .order-details .listing .col-9.left .page .details .download > a i {
          font-size: 1rem; }
      .order-details .listing .col-9.left .page-th .details .download #docModal .modal-dialog, .order-details .listing .col-9.left .page .details .download #docModal .modal-dialog {
        max-width: calc(320px * 2); }
      .order-details .listing .col-9.left .page-th .details .download .modal .modal-title, .order-details .listing .col-9.left .page .details .download .modal .modal-title {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0px 0px 15px; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-title .text, .order-details .listing .col-9.left .page .details .download .modal .modal-title .text {
          padding-left: 30px;
          max-width: 66.66%;
          flex: 0 0 66.66%; }
          .order-details .listing .col-9.left .page-th .details .download .modal .modal-title .text .sub-title, .order-details .listing .col-9.left .page .details .download .modal .modal-title .text .sub-title {
            line-height: normal; }
          .order-details .listing .col-9.left .page-th .details .download .modal .modal-title .text .title, .order-details .listing .col-9.left .page .details .download .modal .modal-title .text .title {
            margin: 0px; }
            .order-details .listing .col-9.left .page-th .details .download .modal .modal-title .text .title:after, .order-details .listing .col-9.left .page .details .download .modal .modal-title .text .title:after {
              background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
      .order-details .listing .col-9.left .page-th .details .download .modal .modal-body > div, .order-details .listing .col-9.left .page .details .download .modal .modal-body > div {
        display: flex;
        flex-wrap: wrap; }
      .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div, .order-details .listing .col-9.left .page .details .download .modal .modal-body div {
        padding: 7px 0px 10px;
        color: #222; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .doc:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          color: #222; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .doc:before {
          content: "\e964"; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before {
          content: "\e95b"; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
          content: "\e963"; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div span, .order-details .listing .col-9.left .page .details .download .modal .modal-body div span {
          display: block;
          color: #666;
          line-height: 1.1rem;
          margin-left: 1.25rem; }
          .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div span:before, .order-details .listing .col-9.left .page .details .download .modal .modal-body div span:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e946";
            color: #666;
            font-size: 0.8rem; }
          .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div span a, .order-details .listing .col-9.left .page .details .download .modal .modal-body div span a {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            color: #666;
            text-decoration: underline;
            color: #222; }
            .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div span a:hover, .order-details .listing .col-9.left .page .details .download .modal .modal-body div span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      .order-details .listing .col-9.left .page-th .details .download .modal .btn-secondary, .order-details .listing .col-9.left .page .details .download .modal .btn-secondary {
        color: #222;
        font-weight: 500;
        font-family: "Poppins", sans-serif; }
        .order-details .listing .col-9.left .page-th .details .download .modal .btn-secondary i, .order-details .listing .col-9.left .page .details .download .modal .btn-secondary i {
          margin-right: 5px; }
      @media (max-width: 767px) {
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-title, .order-details .listing .col-9.left .page .details .download .modal .modal-title {
          display: flex;
          flex-wrap: wrap; }
          .order-details .listing .col-9.left .page-th .details .download .modal .modal-title .text, .order-details .listing .col-9.left .page .details .download .modal .modal-title .text {
            padding: 10px 0px 0px;
            max-width: 100%;
            flex: 0 0 100%; }
        .order-details .listing .col-9.left .page-th .details .download .modal .modal-body div, .order-details .listing .col-9.left .page .details .download .modal .modal-body div {
          max-width: 100%;
          flex: 0 0 100%; } }
  @media (max-width: 1199px) {
    .order-details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 35px; } }
  @media (min-width: 992px) {
    .order-details .listing .col-9.left .page-th .details .col.total .saving, .order-details .listing .col-9.left .page .details .col.total .saving {
      margin-top: 5px; } }
  @media (max-width: 991px) {
    .order-details .listing .col-9.left .page-th .details .col.total .saving, .order-details .listing .col-9.left .page .details .col.total .saving {
      padding: 2px 0px 0px 15px; } }
  @media (max-width: 767px) {
    .order-details .listing .col-9.left .page-th .details .checkbox, .order-details .listing .col-9.left .page .details .checkbox {
      position: absolute;
      top: 75px; }
    .order-details .listing .col-9.left .page-th .details .col ._labels, .order-details .listing .col-9.left .page .details .col ._labels {
      display: block !important; }
    .order-details .listing .col-9.left .page-th .details .inventory ._labels, .order-details .listing .col-9.left .page .details .inventory ._labels {
      display: none !important; }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page .details .col.price {
      flex-wrap: wrap;
      min-height: auto; }
      .order-details .listing .col-9.left .page-th .details .col.price span, .order-details .listing .col-9.left .page .details .col.price span {
        display: flex;
        align-items: center; }
    .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
      max-width: 360px !important; }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .order-details .listing .col-9.left .page-th .details .col.total, .order-details .listing .col-9.left .page .details .col.total {
      flex-wrap: wrap; }
      .order-details .listing .col-9.left .page-th .details .col.total .saving, .order-details .listing .col-9.left .page .details .col.total .saving {
        padding: 0px;
        width: 100%;
        text-align: left; }
    .order-details .listing .col-9.left .page-th .details .add-to-cart, .order-details .listing .col-9.left .page .details .add-to-cart {
      position: inherit;
      margin-top: 10px; }
    .order-details .listing .col-9.left .page-th .details .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      position: absolute;
      bottom: -40px !important; } }
  .order-details .listing .col-9.left .page-th form, .order-details .listing .col-9.left .page form {
    width: 100%;
    padding: 15px 0px; }
  .order-details .listing .col-9.left .page-th .details, .order-details .listing .col-9.left .page .details {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row; }
    .order-details .listing .col-9.left .page-th .details .checkbox, .order-details .listing .col-9.left .page .details .checkbox {
      align-self: center; }
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page .details .col.pro-details {
      max-width: calc(50% - 20px);
      display: flex;
      flex-wrap: nowrap;
      padding-right: 20px; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .s-desc, .order-details .listing .col-9.left .page .details .col.pro-details .s-desc {
        font-size: 0.875rem;
        overflow: hidden;
        position: relative;
        max-height: 45px; }
        .order-details .listing .col-9.left .page-th .details .col.pro-details .s-desc:after, .order-details .listing .col-9.left .page .details .col.pro-details .s-desc:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          height: 20px;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page-th .details .col.total, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .col.total {
      text-align: right; }
    .order-details .listing .col-9.left .page-th .details .ordered .qty, .order-details .listing .col-9.left .page .details .ordered .qty {
      text-align: left; }
    .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
      position: static; }
      .order-details .listing .col-9.left .page-th .details .col.qty .uom + .supp, .order-details .listing .col-9.left .page .details .col.qty .uom + .supp {
        min-width: 100%;
        padding-right: 7px; }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 40px; }
    .order-details .listing .col-9.left .page-th .details .col.price .eco, .order-details .listing .col-9.left .page .details .col.price .eco {
      margin-top: 3px; }
    .order-details .listing .col-9.left .page-th .details .col.price:empty, .order-details .listing .col-9.left .page .details .col.price:empty {
      margin: 0px;
      padding: 0px;
      min-height: 0px; }
    .order-details .listing .col-9.left .page-th .details .sp-tags, .order-details .listing .col-9.left .page .details .sp-tags {
      justify-content: flex-end; }
    .order-details .listing .col-9.left .page-th .details .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      position: absolute;
      bottom: 0px;
      width: 200px;
      right: 0px; }
    .order-details .listing .col-9.left .page-th .details .remove, .order-details .listing .col-9.left .page .details .remove {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
      .order-details .listing .col-9.left .page-th .details .remove button, .order-details .listing .col-9.left .page .details .remove button {
        height: 30px;
        border: none;
        background: #fff;
        padding: 0px;
        height: auto;
        cursor: pointer; }
      .order-details .listing .col-9.left .page-th .details .remove button, .order-details .listing .col-9.left .page-th .details .remove a, .order-details .listing .col-9.left .page .details .remove button, .order-details .listing .col-9.left .page .details .remove a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        font-size: 0.875rem;
        color: #222;
        display: flex; }
        .order-details .listing .col-9.left .page-th .details .remove button:hover, .order-details .listing .col-9.left .page-th .details .remove a:hover, .order-details .listing .col-9.left .page .details .remove button:hover, .order-details .listing .col-9.left .page .details .remove a:hover {
          color: #214a8c;
          text-decoration: none; }
        .order-details .listing .col-9.left .page-th .details .remove button span, .order-details .listing .col-9.left .page-th .details .remove a span, .order-details .listing .col-9.left .page .details .remove button span, .order-details .listing .col-9.left .page .details .remove a span {
          margin-left: 3px; }
        .order-details .listing .col-9.left .page-th .details .remove button i, .order-details .listing .col-9.left .page-th .details .remove a i, .order-details .listing .col-9.left .page .details .remove button i, .order-details .listing .col-9.left .page .details .remove a i {
          font-size: 1.2rem;
          color: #222; }
        .order-details .listing .col-9.left .page-th .details .remove button:hover i, .order-details .listing .col-9.left .page-th .details .remove a:hover i, .order-details .listing .col-9.left .page .details .remove button:hover i, .order-details .listing .col-9.left .page .details .remove a:hover i {
          color: #214a8c; }
      .order-details .listing .col-9.left .page-th .details .remove button, .order-details .listing .col-9.left .page .details .remove button {
        background: none; }
    .order-details .listing .col-9.left .page-th .details .remove, .order-details .listing .col-9.left .page-th .details .pro-status, .order-details .listing .col-9.left .page .details .remove, .order-details .listing .col-9.left .page .details .pro-status {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
    .order-details .listing .col-9.left .page-th .details .pro-status, .order-details .listing .col-9.left .page .details .pro-status {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      padding: 3px 10px;
      border-radius: 4px;
      line-height: normal; }
      .order-details .listing .col-9.left .page-th .details .pro-status:before, .order-details .listing .col-9.left .page .details .pro-status:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        padding: 0px;
        margin-right: 7px;
        top: 2px; }
      .order-details .listing .col-9.left .page-th .details .pro-status.add, .order-details .listing .col-9.left .page .details .pro-status.add {
        color: #00950a;
        background: #c8f0c8; }
        .order-details .listing .col-9.left .page-th .details .pro-status.add:before, .order-details .listing .col-9.left .page .details .pro-status.add:before {
          content: "\e92c";
          color: #00950a; }
      .order-details .listing .col-9.left .page-th .details .pro-status.update, .order-details .listing .col-9.left .page .details .pro-status.update {
        color: #1b90e2;
        background: #c6e3f8; }
        .order-details .listing .col-9.left .page-th .details .pro-status.update:before, .order-details .listing .col-9.left .page .details .pro-status.update:before {
          content: "\e9ca";
          color: #1b90e2; }
      .order-details .listing .col-9.left .page-th .details .pro-status.remove, .order-details .listing .col-9.left .page .details .pro-status.remove {
        color: #dc3545;
        background: #fbdadc; }
        .order-details .listing .col-9.left .page-th .details .pro-status.remove:before, .order-details .listing .col-9.left .page .details .pro-status.remove:before {
          content: "\ea03";
          color: #dc3545; }
      .order-details .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .order-details .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
        bottom: 30px; }
      .order-details .listing .col-9.left .page-th .details .pro-status.note, .order-details .listing .col-9.left .page .details .pro-status.note {
        color: #de6e00;
        background: #fbe4b5; }
        .order-details .listing .col-9.left .page-th .details .pro-status.note:before, .order-details .listing .col-9.left .page .details .pro-status.note:before {
          content: "\e964";
          color: #de6e00; }
    .order-details .listing .col-9.left .page-th .details .quote-details, .order-details .listing .col-9.left .page .details .quote-details {
      padding-left: 100px; }
      .order-details .listing .col-9.left .page-th .details .quote-details .pro-note, .order-details .listing .col-9.left .page .details .quote-details .pro-note {
        padding: 0px;
        max-width: calc(66.66% - 30px - 2px);
        position: relative;
        margin-bottom: 15px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note label, .order-details .listing .col-9.left .page .details .quote-details .pro-note label {
          font-size: 0.8rem;
          text-align: left;
          font-family: "Open Sans", sans-serif;
          letter-spacing: normal;
          min-width: 110px;
          line-height: 1.2rem;
          display: flex; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note span.update, .order-details .listing .col-9.left .page .details .quote-details .pro-note span.update {
          margin-left: 10px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note input, .order-details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-details .listing .col-9.left .page .details .quote-details .pro-note input, .order-details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note input, .order-details .listing .col-9.left .page-th .details .quote-details .pro-note button, .order-details .listing .col-9.left .page .details .quote-details .pro-note input, .order-details .listing .col-9.left .page .details .quote-details .pro-note button {
          height: 30px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          height: 50px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note p, .order-details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-details .listing .col-9.left .page .details .quote-details .pro-note p, .order-details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          font-size: 0.75rem;
          color: #222;
          border-color: #ddd;
          margin-bottom: 0px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          height: 30px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .order-details .listing .col-9.left .page .details .quote-details .pro-note p.supp {
          color: #666; }
    .order-details .listing .col-9.left .page-th .details:hover .text .s-desc:before, .order-details .listing .col-9.left .page .details:hover .text .s-desc:before {
      background-color: #f7fbff; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .order-details .listing .col-9.left .page-th .details:not(.dnr), .order-details .listing .col-9.left .page .details:not(.dnr) {
      justify-content: space-between; }
    .order-details .listing .col-9.left .page-th .quote-details, .order-details .listing .col-9.left .page .quote-details {
      flex-direction: row; }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page .details .col.price {
      justify-content: flex-end;
      align-content: flex-start; }
      .order-details .listing .col-9.left .page-th .details .col.price .eco, .order-details .listing .col-9.left .page .details .col.price .eco {
        min-width: 100%; }
    .order-details .listing .col-9.left .page-th .details .sp-tags .tag, .order-details .listing .col-9.left .page .details .sp-tags .tag {
      margin-top: 7px; } }
  @media (max-width: 991px) {
    .order-details .listing .col-9.left .page-th .details .checkbox, .order-details .listing .col-9.left .page .details .checkbox {
      position: absolute; }
    .order-details .listing .col-9.left .page-th .details .col ._labels, .order-details .listing .col-9.left .page .details .col ._labels {
      display: block !important; }
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page-th .details .ordered, .order-details .listing .col-9.left .page-th .details .quote-details, .order-details .listing .col-9.left .page .details .col.pro-details, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .ordered, .order-details .listing .col-9.left .page .details .quote-details {
      max-width: 100%;
      flex: 0 0 100%;
      align-items: center;
      text-align: left; }
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page .details .col.pro-details {
      padding: 0px 0px 10px; }
    .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page-th .details .ordered, .order-details .listing .col-9.left .page-th .details .quote-details, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .col.qty, .order-details .listing .col-9.left .page .details .ordered, .order-details .listing .col-9.left .page .details .quote-details {
      padding-left: 160px;
      flex-wrap: wrap;
      min-height: 30px; }
    .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page .details .inventory {
      margin-top: 5px; }
      .order-details .listing .col-9.left .page-th .details .inventory .delivery .leadtime.supp, .order-details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .order-details .listing .col-9.left .page-th .details .inventory .inventory .pickup a, .order-details .listing .col-9.left .page .details .inventory .delivery .leadtime.supp, .order-details .listing .col-9.left .page .details .inventory .pickup .preferred, .order-details .listing .col-9.left .page .details .inventory .inventory .pickup a {
        display: inline-block; }
      .order-details .listing .col-9.left .page-th .details .inventory .pickup:before, .order-details .listing .col-9.left .page .details .inventory .pickup:before {
        height: 1.5rem; }
      .order-details .listing .col-9.left .page-th .details .inventory .pickup:after, .order-details .listing .col-9.left .page .details .inventory .pickup:after {
        bottom: -20px; }
    .order-details .listing .col-9.left .page-th .details .ordered span.supp, .order-details .listing .col-9.left .page .details .ordered span.supp {
      margin-left: 5px; }
      .order-details .listing .col-9.left .page-th .details .ordered span.supp:before, .order-details .listing .col-9.left .page .details .ordered span.supp:before {
        content: "(";
        padding-right: 1px; }
      .order-details .listing .col-9.left .page-th .details .ordered span.supp:after, .order-details .listing .col-9.left .page .details .ordered span.supp:after {
        content: ")";
        padding-left: 1px; }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page .details .col.price {
      min-height: 45px; }
      .order-details .listing .col-9.left .page-th .details .col.price .eco, .order-details .listing .col-9.left .page .details .col.price .eco {
        margin-top: 0px; }
    .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
      margin-left: 0px;
      max-width: 100%;
      flex: 0 0 100%;
      position: relative; }
      .order-details .listing .col-9.left .page-th .details .col.qty .uom + .supp, .order-details .listing .col-9.left .page .details .col.qty .uom + .supp {
        min-width: auto;
        padding-right: 7px; }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
        margin-top: calc(3px - 25px);
        margin-left: 25px; }
      .order-details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .order-details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .order-details .listing .col-9.left .page-th .details .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      position: inherit;
      width: 100%; }
    .order-details .listing .col-9.left .page-th .details .pro-status, .order-details .listing .col-9.left .page .details .pro-status {
      right: auto;
      bottom: -5px;
      left: 100px;
      font-size: 0.75rem; }
      .order-details .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .order-details .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
        bottom: -3px; }
    .order-details .listing .col-9.left .page-th .details .update + .note, .order-details .listing .col-9.left .page .details .update + .note {
      left: auto;
      right: 0px; }
    .order-details .listing .col-9.left .page-th .details .pro-status + .quote-details, .order-details .listing .col-9.left .page .details .pro-status + .quote-details {
      margin-bottom: 10px; }
    .order-details .listing .col-9.left .page-th .details .quote-details, .order-details .listing .col-9.left .page .details .quote-details {
      flex-wrap: wrap; }
      .order-details .listing .col-9.left .page-th .details .quote-details .pro-note, .order-details .listing .col-9.left .page .details .quote-details .pro-note {
        display: flex;
        max-width: 100%;
        flex: 0 0 100%; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note label, .order-details .listing .col-9.left .page-th .details .quote-details .pro-note .text, .order-details .listing .col-9.left .page .details .quote-details .pro-note label, .order-details .listing .col-9.left .page .details .quote-details .pro-note .text {
          margin-bottom: 0px;
          padding-left: 0px;
          width: auto; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .order-details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          margin-bottom: 25px; }
        .order-details .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .order-details .listing .col-9.left .page .details .quote-details .pro-note p.supp {
          bottom: 10px; } }
  @media (max-width: 767px) {
    .order-details .listing .col-9.left .page-th .details .col.pro-details, .order-details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; }
      .order-details .listing .col-9.left .page-th .details .col.pro-details .s-desc, .order-details .listing .col-9.left .page .details .col.pro-details .s-desc {
        max-height: 40px; }
    .order-details .listing .col-9.left .page-th .details .inventory, .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page-th .details .col.qty, .order-details .listing .col-9.left .page-th .details .ordered, .order-details .listing .col-9.left .page-th .details .quote-details, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .col.qty, .order-details .listing .col-9.left .page .details .ordered, .order-details .listing .col-9.left .page .details .quote-details {
      padding-left: 0px; }
    .order-details .listing .col-9.left .page-th .details .col.price, .order-details .listing .col-9.left .page .details .col.price {
      flex-wrap: wrap; }
    .order-details .listing .col-9.left .page-th .details .sp-tags, .order-details .listing .col-9.left .page .details .sp-tags {
      width: 100%; }
    .order-details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 50px - 5px);
      margin-left: auto; }
    .order-details .listing .col-9.left .page-th .details .sp-tags, .order-details .listing .col-9.left .page .details .sp-tags {
      justify-content: flex-start;
      margin-left: 0px; }
    .order-details .listing .col-9.left .page-th .details .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      position: absolute; }
    .order-details .listing .col-9.left .page-th .details .pro-status, .order-details .listing .col-9.left .page .details .pro-status {
      left: 0px; }
      .order-details .listing .col-9.left .page-th .details .pro-status:before, .order-details .listing .col-9.left .page .details .pro-status:before {
        display: none; } }
  .order-details .listing .col-9.left .page-th, .order-details .listing .col-9.left .page .details {
    /* -------------- REMOVE AFTERWARDS -------------- */ }
    .order-details .listing .col-9.left .page-th form, .order-details .listing .col-9.left .page .details form {
      border-bottom: none;
      padding: 0px; }
      .order-details .listing .col-9.left .page-th form:hover, .order-details .listing .col-9.left .page .details form:hover {
        background-color: transparent; }
    .order-details .listing .col-9.left .page-th .inventory, .order-details .listing .col-9.left .page-th .col.qty, .order-details .listing .col-9.left .page-th .col.total, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.qty, .order-details .listing .col-9.left .page .details .col.total {
      max-width: 16.666667%; }
    .order-details .listing .col-9.left .page-th .col.pro-details .product-img, .order-details .listing .col-9.left .page .details .col.pro-details .product-img {
      width: 100%;
      height: 100px;
      max-width: 100px; }
      .order-details .listing .col-9.left .page-th .col.pro-details .product-img img, .order-details .listing .col-9.left .page .details .col.pro-details .product-img img {
        max-height: 80px;
        max-width: 80px; }
    .order-details .listing .col-9.left .page-th .alert-warning, .order-details .listing .col-9.left .page .details .alert-warning {
      position: inherit; }
    .order-details .listing .col-9.left .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .order-details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .order-details .listing .col-9.left .page-th .col.price, .order-details .listing .col-9.left .page-th .inventory, .order-details .listing .col-9.left .page-th .col.qty, .order-details .listing .col-9.left .page-th .col.total, .order-details .listing .col-9.left .page-th .ordered, .order-details .listing .col-9.left .page-th .quote-details, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.qty, .order-details .listing .col-9.left .page .details .col.total, .order-details .listing .col-9.left .page .details .ordered, .order-details .listing .col-9.left .page .details .quote-details {
        padding-left: 100px;
        max-width: 100%; }
      .order-details .listing .col-9.left .page-th .col.qty input ~ span + span + input, .order-details .listing .col-9.left .page .details .col.qty input ~ span + span + input {
        margin-left: 110px;
        margin-top: 5px; }
      .order-details .listing .col-9.left .page-th .col.qty input ~ span + span + input + span, .order-details .listing .col-9.left .page .details .col.qty input ~ span + span + input + span {
        margin-top: 5px; }
      .order-details .listing .col-9.left .page-th .col.total, .order-details .listing .col-9.left .page .details .col.total {
        display: flex;
        align-items: center; } }
    @media (max-width: 767px) {
      .order-details .listing .col-9.left .page-th .col.price, .order-details .listing .col-9.left .page-th .inventory, .order-details .listing .col-9.left .page-th .col.qty, .order-details .listing .col-9.left .page-th .col.total, .order-details .listing .col-9.left .page-th .ordered, .order-details .listing .col-9.left .page-th .quote-details, .order-details .listing .col-9.left .page .details .col.price, .order-details .listing .col-9.left .page .details .inventory, .order-details .listing .col-9.left .page .details .col.qty, .order-details .listing .col-9.left .page .details .col.total, .order-details .listing .col-9.left .page .details .ordered, .order-details .listing .col-9.left .page .details .quote-details {
        padding-left: 0px;
        width: 100%; } }
    .order-details .listing .col-9.left .page-th .col.price, .order-details .listing .col-9.left .page .details .col.price {
      max-width: 16.666667%; }
    .order-details .listing .col-9.left .page-th .col.qty, .order-details .listing .col-9.left .page .details .col.qty {
      position: relative; }
      .order-details .listing .col-9.left .page-th .col.qty .cable-cuts, .order-details .listing .col-9.left .page .details .col.qty .cable-cuts {
        padding-right: 20px; }
      .order-details .listing .col-9.left .page-th .col.qty .pro-notes, .order-details .listing .col-9.left .page .details .col.qty .pro-notes {
        position: absolute;
        top: 70px;
        left: -170px; }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes .note, .order-details .listing .col-9.left .page .details .col.qty .pro-notes .note {
          display: flex;
          align-items: center; }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes .note + .note, .order-details .listing .col-9.left .page .details .col.qty .pro-notes .note + .note {
          margin-top: 5px; }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes .note:empty, .order-details .listing .col-9.left .page .details .col.qty .pro-notes .note:empty {
          height: 30px; }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes input, .order-details .listing .col-9.left .page .details .col.qty .pro-notes input {
          border: 1px dashed #aaa;
          max-width: 170px;
          font-size: 0.8rem;
          text-align: left; }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes input ~ i, .order-details .listing .col-9.left .page .details .col.qty .pro-notes input ~ i {
          color: #aaa; }
        @media (max-width: 1199px) {
          .order-details .listing .col-9.left .page-th .col.qty .pro-notes, .order-details .listing .col-9.left .page .details .col.qty .pro-notes {
            left: -240px; } }
        @media (max-width: 991px) {
          .order-details .listing .col-9.left .page-th .col.qty .pro-notes, .order-details .listing .col-9.left .page .details .col.qty .pro-notes {
            top: 40px;
            left: auto; } }
        .order-details .listing .col-9.left .page-th .col.qty .pro-notes input, .order-details .listing .col-9.left .page .details .col.qty .pro-notes input {
          color: #666;
          background: #fff !important;
          border-color: #666; }
    .order-details .listing .col-9.left .page-th.braid-avbl .col.qty, .order-details .listing .col-9.left .page .details.braid-avbl .col.qty {
      padding-bottom: 25px; }
      .order-details .listing .col-9.left .page-th.braid-avbl .col.qty .cable-cuts, .order-details .listing .col-9.left .page .details.braid-avbl .col.qty .cable-cuts {
        padding-right: 0px; }
    .order-details .listing .col-9.left .page-th.braid-avbl .xtra-cable, .order-details .listing .col-9.left .page .details.braid-avbl .xtra-cable {
      right: calc(15% - 25px); }
  @media (min-width: 768px) {
    .order-details .listing .col-9.left > .page-th {
      overflow: hidden;
      align-self: flex-start !important;
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px;
      z-index: 2; } }
  .order-details .listing .col-9.left .page .grp-connect.start:before, .order-details .listing .col-9.left .page .grp-connect.end:before {
    left: 25px; }
  .order-details .listing .col-9.left .page .grp-connect.start:after, .order-details .listing .col-9.left .page .grp-connect.end:after {
    left: 35px; }
  .order-details .listing .col-9.left .page .grp-connect.start + [class="grp-connect"]:before {
    left: 25px; }
  .order-details .listing .left > .title {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    width: 100%; }
    .order-details .listing .left > .title a:hover {
      color: #214a8c; }
  .order-details .listing .left > .details {
    padding: 25px 30px 15px;
    border: 1px solid #ccc; }
    .order-details .listing .left > .details .nav-tabs {
      padding: 0px;
      border: none;
      margin: 0px auto 15px; }
      .order-details .listing .left > .details .nav-tabs a.nav-item, .order-details .listing .left > .details .nav-tabs a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-color: #ddd;
        font-family: "Poppins", sans-serif;
        height: 40px;
        border-radius: 0px;
        color: #666;
        letter-spacing: 0.5px;
        line-height: 0.875rem;
        text-align: center; }
        .order-details .listing .left > .details .nav-tabs a.nav-item:before, .order-details .listing .left > .details .nav-tabs a.nav-link:before {
          font-family: "Feather";
          font-size: 1.2rem;
          padding-right: 5px;
          color: #222;
          vertical-align: sub;
          font-weight: 400; }
      .order-details .listing .left > .details .nav-tabs a.nav-item.active, .order-details .listing .left > .details .nav-tabs a.nav-link.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c;
        color: #222; }
      .order-details .listing .left > .details .nav-tabs a.nav-item {
        width: 50%; }
      .order-details .listing .left > .details .nav-tabs .nav-item + .nav-item a {
        border-left: 0px; }
      .order-details .listing .left > .details .nav-tabs a.nav-link {
        width: 100%; }
      .order-details .listing .left > .details .nav-tabs a.nav-link.disabled {
        pointer-events: none; }
      @media (max-width: 991px) {
        .order-details .listing .left > .details .nav-tabs .nav-item a.nav-link {
          display: table-cell !important;
          vertical-align: middle; }
        .order-details .listing .left > .details .nav-tabs > .nav-item {
          width: 33.333333%;
          display: table; } }
      .order-details .listing .left > .details .nav-tabs li {
        width: 50%; }
    .order-details .listing .left > .details .title:not(:nth-child(1)) {
      border-top: 1px solid #f1f1f1;
      padding-top: 25px;
      margin-top: 5px;
      position: relative;
      z-index: 1; }
    .order-details .listing .left > .details .e-row.td-8 {
      margin-right: 0px !important; }
    .order-details .listing .left > .details .e-row.checkbox {
      justify-content: flex-start; }
    .order-details .listing .left > .details .ship-bill ~ .ship-bill-true, .order-details .listing .left > .details .request-ship ~ .request-ship {
      display: none; }
    .order-details .listing .left > .details .add-new p {
      padding: 0px;
      color: #214a8c;
      font-weight: 600; }
      .order-details .listing .left > .details .add-new p i {
        display: inline-block;
        width: 20px; }
    .order-details .listing .left > .details .add-new input:checked ~ p i:before {
      font-size: 1.2rem;
      content: "\ea02";
      vertical-align: sub;
      color: #dc3545; }
    .order-details .listing .left > .details .collapse.show {
      display: flex; }
    .order-details .listing .left > .details .select-shipping .ship-where, .order-details .listing .left > .details .select-billing .ship-where {
      margin-bottom: 10px; }
    .order-details .listing .left > .details .sub-title {
      font-weight: 600; }
    .order-details .listing .left > .details .select-shipping + .ship-bill-true {
      margin-bottom: 10px; }
    .order-details .listing .left > .details .e-row textarea {
      height: 50px;
      font-size: 0.8rem; }
    .order-details .listing .left > .details .ship-where.checkbox {
      max-width: 100%;
      flex: 0 0 100%; }
    .order-details .listing .left > .details .new-address.hide {
      display: none; }
    .order-details .listing .left > .details .ship-where.td-8:nth-child(1) {
      margin-bottom: 20px; }
    .order-details .listing .left > .details .title + .note {
      margin: -10px 0px 15px;
      font-size: 0.75rem;
      color: #aaa; }
  .order-details .listing .left > .details.show, .order-details .listing .left > .details.collapsing {
    display: flex;
    flex-wrap: wrap; }
  .order-details .listing .left > .details + .actions:not(.d-flex) {
    display: none; }
  @media (min-width: 992px) {
    .order-details .listing .left > .details .e-group.row {
      margin: 0px; }
      .order-details .listing .left > .details .e-group.row .e-row {
        width: 100%; }
      .order-details .listing .left > .details .e-group.row .e-row.td-8 {
        width: calc(66.66% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row.td-6 {
        width: calc(50% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row.td-2 {
        width: calc(16.666667% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row {
        width: calc(33.333333% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row:nth-child(3n+1) {
        margin-right: 15px;
        margin-left: 0px; }
      .order-details .listing .left > .details .e-group.row .e-row:nth-child(3n+2) {
        margin-right: 15px;
        margin-left: 15px; }
      .order-details .listing .left > .details .e-group.row .e-row:nth-child(3n+3) {
        margin-right: 0px;
        margin-left: 15px; }
    .order-details .listing .left > .details .ship-when, .order-details .listing .left > .details .bill-method {
      display: flex;
      align-items: center; }
    .order-details .listing .left > .details .e-row.ship-when {
      padding-top: 25px; }
    .order-details .listing .left > .details .select-shipping .ship-where.td-8:nth-child(1), .order-details .listing .left > .details .select-billing .ship-where.td-8:nth-child(1) {
      flex-wrap: wrap; }
      .order-details .listing .left > .details .select-shipping .ship-where.td-8:nth-child(1) .sub-title, .order-details .listing .left > .details .select-billing .ship-where.td-8:nth-child(1) .sub-title {
        width: 100%; }
    .order-details .listing .left > .details .select-shipping .ship-where.td-8:nth-child(2), .order-details .listing .left > .details .select-billing .ship-where.td-8:nth-child(2) {
      margin-bottom: 10px;
      display: flex;
      align-items: center; }
      .order-details .listing .left > .details .select-shipping .ship-where.td-8:nth-child(2) .address, .order-details .listing .left > .details .select-billing .ship-where.td-8:nth-child(2) .address {
        padding-top: 30px; }
    .order-details .listing .left > .details .add-new {
      margin-bottom: 0px; }
      .order-details .listing .left > .details .add-new label {
        margin-bottom: 20px; }
    .order-details .listing .left > .details .password .e-row {
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .order-details .listing .left > .title {
      font-size: 0.875rem; }
    .order-details .listing .left > .details {
      padding: 15px; }
      .order-details .listing .left > .details .e-group.row .e-row {
        width: 100%; }
      .order-details .listing .left > .details .e-group.row .e-row.td-8 {
        width: calc(66.66% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row.td-6 {
        width: calc(50% - 20px); }
      .order-details .listing .left > .details .e-group.row .e-row.td-2 {
        width: calc(16.666667% - 20px); }
      .order-details .listing .left > .details ul.nav, .order-details .listing .left > .details .e-row {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-left: 0px; }
      .order-details .listing .left > .details .title:not(:nth-child(1)) {
        padding-top: 20px; }
      .order-details .listing .left > .details .custom-radiobox + .custom-radiobox {
        margin-left: 0px;
        width: 100%; }
      .order-details .listing .left > .details .ship-when.td-8, .order-details .listing .left > .details .bill-method.td-8 {
        margin: 0px; } }
  .order-details .listing .left .details {
    display: flex;
    flex-wrap: wrap; }
  .order-details .listing .sub-header {
    margin-top: 40px; }
  .order-details .print-page {
    max-width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px auto;
    font-family: "Open Sans", sans-serif; }
    .order-details .print-page div {
      padding: 0px; }
    .order-details .print-page .header {
      text-align: left;
      padding: 25px 0px 10px;
      margin-bottom: 0px;
      flex-wrap: wrap;
      position: relative; }
      .order-details .print-page .header .logo, .order-details .print-page .header .pg-.title {
        height: 40px; }
      .order-details .print-page .header .logo {
        position: absolute;
        left: 0px; }
        .order-details .print-page .header .logo img {
          max-height: 40px;
          width: auto; }
      .order-details .print-page .header .pg-title {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
      .order-details .print-page .header .details > div {
        font-size: 0.8rem; }
      .order-details .print-page .header .details > .col-4 {
        display: flex;
        font-weight: 600; }
        .order-details .print-page .header .details > .col-4 span {
          font-weight: 400;
          padding-left: 5px; }
      .order-details .print-page .header .details .sub-title {
        font-weight: 600; }
      .order-details .print-page .header .details > .col-6 {
        margin-bottom: 10px; }
      .order-details .print-page .header .details p {
        margin-bottom: 0px; }
      .order-details .print-page .header .details .active {
        color: #10a700; }
      .order-details .print-page .header .details {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ccc; }
        .order-details .print-page .header .details .job-name, .order-details .print-page .header .details .job-desc, .order-details .print-page .header .details .status, .order-details .print-page .header .details .mode, .order-details .print-page .header .details .branch, .order-details .print-page .header .details .ship-when, .order-details .print-page .header .details .bill-method, .order-details .print-page .header .details .bill-where {
          font-weight: 600; }
          .order-details .print-page .header .details .job-name span, .order-details .print-page .header .details .job-desc span, .order-details .print-page .header .details .status span, .order-details .print-page .header .details .mode span, .order-details .print-page .header .details .branch span, .order-details .print-page .header .details .ship-when span, .order-details .print-page .header .details .bill-method span, .order-details .print-page .header .details .bill-where span {
            font-weight: 400;
            margin-right: 5px; }
        .order-details .print-page .header .details .job-name span, .order-details .print-page .header .details .job-desc span, .order-details .print-page .header .details .status span {
          min-width: 120px;
          display: inline-block; }
        .order-details .print-page .header .details .branch {
          margin-left: 30px; }
    .order-details .print-page div.title {
      margin-bottom: 5px;
      font-size: 1rem;
      font-weight: 600; }
    .order-details .print-page table {
      border-spacing: 0px;
      width: 100%;
      border: 1px solid #222; }
      .order-details .print-page table th, .order-details .print-page table td {
        font-size: 0.8rem;
        font-weight: 400;
        min-height: 40px;
        padding: 7px;
        border: 1px solid #222;
        line-height: 0.875rem;
        color: #222; }
      .order-details .print-page table th {
        background: #f1f1f1;
        color: #666;
        width: 10%; }
      .order-details .print-page table .pro-details {
        width: 40%;
        color: #666; }
        .order-details .print-page table .pro-details span:first-of-type, .order-details .print-page table .pro-details .sub-title {
          text-transform: uppercase; }
        .order-details .print-page table .pro-details span {
          display: block;
          margin-bottom: 3px; }
        .order-details .print-page table .pro-details .title {
          color: #222; }
      .order-details .print-page table tr:last-of-type td {
        border-bottom-color: #222; }
      .order-details .print-page table td.price span, .order-details .print-page table td.qty span {
        display: block; }
      .order-details .print-page table td.qty .available {
        word-break: normal;
        font-size: 0.8rem; }
      .order-details .print-page table span.sale + span.price, .order-details .print-page table span.discount + span.price {
        text-decoration: line-through;
        color: #666; }
      .order-details .print-page table span.reel {
        float: left;
        color: #666; }
      .order-details .print-page table span.supp {
        color: #aaa; }
      .order-details .print-page table span.eco {
        color: #10a700; }
      .order-details .print-page table .inventory, .order-details .print-page table .price, .order-details .print-page table .qty, .order-details .print-page table .total {
        text-align: right; }
    .order-details .print-page .all-total, .order-details .print-page .summary {
      border-bottom: 3px double #222;
      font-size: 0.875rem;
      text-align: right;
      border-top: none; }
      .order-details .print-page .all-total span:not(.supp), .order-details .print-page .summary span:not(.supp) {
        color: #222;
        display: inline-block;
        min-width: 120px; }
      .order-details .print-page .all-total td, .order-details .print-page .summary td {
        border-top-color: #222;
        font-size: 0.875rem;
        padding: 20px 10px; }
      .order-details .print-page .all-total .cost-price, .order-details .print-page .summary .cost-price {
        width: 70%;
        font-size: 1rem; }
      .order-details .print-page .all-total .job-total, .order-details .print-page .summary .job-total {
        width: 30%;
        font-size: 1rem; }
      .order-details .print-page .all-total .items, .order-details .print-page .all-total .sub-total, .order-details .print-page .all-total .taxes, .order-details .print-page .all-total .eco, .order-details .print-page .all-total .discount, .order-details .print-page .all-total .shipping, .order-details .print-page .summary .items, .order-details .print-page .summary .sub-total, .order-details .print-page .summary .taxes, .order-details .print-page .summary .eco, .order-details .print-page .summary .discount, .order-details .print-page .summary .shipping {
        text-align: right;
        border: none; }
      .order-details .print-page .all-total .items, .order-details .print-page .summary .items {
        padding-bottom: 0px; }
      .order-details .print-page .all-total .items .right, .order-details .print-page .all-total .sub-total .right, .order-details .print-page .all-total .taxes .right, .order-details .print-page .summary .items .right, .order-details .print-page .summary .sub-total .right, .order-details .print-page .summary .taxes .right {
        font-weight: 600; }
      .order-details .print-page .all-total .sub-total, .order-details .print-page .all-total .taxes, .order-details .print-page .all-total .shipping, .order-details .print-page .all-total .eco, .order-details .print-page .all-total .discount, .order-details .print-page .summary .sub-total, .order-details .print-page .summary .taxes, .order-details .print-page .summary .shipping, .order-details .print-page .summary .eco, .order-details .print-page .summary .discount {
        padding-top: 10px;
        padding-bottom: 0px; }
      .order-details .print-page .all-total .discount .right, .order-details .print-page .summary .discount .right {
        color: #dc3545; }
        .order-details .print-page .all-total .discount .right:before, .order-details .print-page .summary .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 10px;
          color: #dc3545; }
      .order-details .print-page .all-total tr:nth-last-of-type(2) .taxes, .order-details .print-page .summary tr:nth-last-of-type(2) .taxes {
        padding-bottom: 20px; }
      .order-details .print-page .all-total tr:nth-last-of-type(1) td, .order-details .print-page .summary tr:nth-last-of-type(1) td {
        padding-bottom: 20px; }
      .order-details .print-page .all-total .total, .order-details .print-page .summary .total {
        border-top: 1px solid #222;
        font-size: 1rem;
        font-weight: 600; }
      .order-details .print-page .all-total .left, .order-details .print-page .summary .left {
        text-align: left; }
      .order-details .print-page .all-total .right, .order-details .print-page .summary .right {
        text-align: right; }
    .order-details .print-page .time-stamp {
      margin-top: 10px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .order-details .print-page table .product-img, .order-details .print-page table .sub-title, .order-details .print-page table .personal-code, .order-details .print-page table th.upc, .order-details .print-page table th.price, .order-details .print-page table .qty, .order-details .print-page table .total {
      width: 110px;
      word-break: break-all; }
    .order-details .print-page table td.product-img {
      text-align: center; }
      .order-details .print-page table td.product-img img {
        max-height: calc(100px - 5px);
        max-width: calc(100px - 5px); }
    .order-details .print-page table th.barcode {
      width: 200px; }
    .order-details .print-page table th.title {
      width: auto; }
    .order-details .print-page table td.barcode {
      text-align: center; }
      .order-details .print-page table td.barcode img {
        max-width: calc(200px - 20px); }
    .order-details .print-page .summary tr:last-of-type td {
      padding-bottom: 20px; }
    .order-details .print-page .header .details .branch {
      margin-left: 0px; }
    .order-details .print-page .header .col-12.details {
      display: flex;
      flex-wrap: wrap; }
    .order-details .print-page table .qty .available {
      display: block;
      margin-top: 10px; }

@media (max-width: 991px) {
  .order-details .header {
    margin-bottom: 15px; }

  .order-details .listing .left .details#shipping .col-6 {
    max-width: 100%;
    flex: 0 0 100%; }
  .order-details .listing .left .details#shipping .col-6, .order-details .listing .left .details#shipping .title, .order-details .listing .left .details#shipping .notes p {
    margin-bottom: 0px !important; }
  .order-details .listing .left .sub-header {
    margin-top: 20px; }
  .order-details .listing .col-9.left .actions .left a {
    display: none; }
  .order-details .listing .col-9.left .page-th .col.price, .order-details .listing .col-9.left .page .details .col.price {
    max-width: 100%; }
  .order-details .listing .page .details .col span._labels {
    display: block !important; } }
@media (min-width: 768px) {
  .order-details .listing .col-3.right .page > .details {
    margin-bottom: 20px; }
  .order-details .listing .col-3.right .page .proceed {
    border-top: 1px solid #ccc; } }
@media (max-width: 767px) {
  .order-details .listing > .actions .col-6 {
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0px; }
    .order-details .listing > .actions .col-6 div {
      width: 100%;
      margin: 0px; }

  .b2c .order-details .listing > .actions .col-6 {
    max-width: max-content;
    margin-left: auto; } }
.checkout {
  padding: 0px; }
  .checkout .header {
    margin-bottom: 20px;
    text-align: center; }
    .checkout .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .checkout .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .checkout .header.next-prev a.btn-sml:hover, .checkout .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .checkout .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .checkout .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .checkout .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .checkout section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .checkout section {
        margin: 15px auto; } }
  .checkout .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .checkout .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .checkout .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .checkout .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .checkout .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .checkout .header.next-prev .btn-sml i {
        font-size: 25px; }
      .checkout .header.next-prev .btn-sml span {
        display: none !important; }
    .checkout .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .checkout form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .checkout form .field-validation-error:not(.text-danger), .checkout form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .checkout form .field-validation-error:not(.text-danger) span, .checkout form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .checkout form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .checkout form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .checkout form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .checkout form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .checkout form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .checkout form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .checkout form .validation-summary-error ul li, .checkout form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .checkout form .validation-summary-error ul li:before, .checkout form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .checkout form .validation-summary-error ul li span, .checkout form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .checkout form .validation-summary-error ul li span + span:before, .checkout form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .checkout form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .checkout form .validation-summary-error ul li, .checkout form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .checkout form .validation-summary-error ul li, .checkout form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .checkout form .validation-summary-error ul li:before, .checkout form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .checkout form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .checkout form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .checkout form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .checkout form .validation-summary-success ul li, .checkout form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .checkout form .validation-summary-success ul li:before, .checkout form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .checkout form .validation-summary-success ul li span, .checkout form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .checkout form .validation-summary-success ul li span + span:before, .checkout form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .checkout form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .checkout form .validation-summary-success ul li, .checkout form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .checkout form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .checkout form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .checkout form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .checkout form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .checkout form .alert-success ul li, .checkout form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .checkout form .alert-success ul li:before, .checkout form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .checkout form .alert-success ul li span, .checkout form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .checkout form .alert-success ul li span + span:before, .checkout form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .checkout form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .checkout form .alert-success ul li, .checkout form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .checkout form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .checkout form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .checkout form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .checkout form .alert-success p {
            font-size: 0.8rem; }
          .checkout form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .checkout form .e-group {
      margin: 0px auto; }
    .checkout form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .checkout form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .checkout form .select {
      position: relative; }
      .checkout form .select label {
        display: inherit; }
        .checkout form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .checkout form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .checkout form input[type="number"], .checkout form input[type="number"]::-webkit-inner-spin-button, .checkout form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .checkout form select, .checkout form input, .checkout form button {
      height: 50px; }
    .checkout form select, .checkout form textarea, .checkout form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .checkout form select:focus, .checkout form textarea:focus, .checkout form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .checkout form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .checkout form p.center {
      text-align: center;
      line-height: 30px; }
    .checkout form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .checkout form p.mandatory, .checkout form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .checkout form p.mandatory span, .checkout form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .checkout form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .checkout form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .checkout form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .checkout form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .checkout form label.user:after {
      content: "\e9f1"; }
    .checkout form label.password:after {
      content: "\e987"; }
    .checkout form label.email:after {
      content: "\e98a"; }
    .checkout form label.search:after {
      content: "\e9c1"; }
    .checkout form label.box1:after {
      content: "\e9a2"; }
    .checkout form label.home:after {
      content: "\e979"; }
    .checkout form label.phone:after {
      content: "\e9a7"; }
    .checkout form label.mobile:after {
      content: "\e9d2"; }
    .checkout form label.flag:after {
      content: "\e967"; }
    .checkout form label.address:after {
      content: "\e98b"; }
    .checkout form label.postal:after {
      content: "\e98c"; }
    .checkout form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .checkout form label.doc1:after {
      content: "\e938"; }
    .checkout form label.hash:after {
      content: "\e975"; }
    .checkout form label.dollar:after {
      content: "\e954"; }
    .checkout form label.msg1:after {
      content: "\e990"; }
    .checkout form label.percent:after {
      content: "\e9a6"; }
    .checkout form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .checkout form .submit-btn:hover, .checkout form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .checkout form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .checkout form .submit-btn:focus {
        outline-style: none; }
    .checkout form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .checkout form .btn-sml:hover, .checkout form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .checkout form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .checkout form .btn-sml:focus {
        outline-style: none; }
    .checkout form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .checkout form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .checkout form .btn-red:hover, .checkout form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .checkout form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .checkout form .btn-dark:hover, .checkout form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .checkout form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .checkout form .btn-dark-bdr:hover, .checkout form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .checkout form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .checkout form .btn-darker-bdr:hover, .checkout form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .checkout form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .checkout form .btn-brand-bdr:hover, .checkout form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .checkout form input.disabled, .checkout form a.disabled, .checkout form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .checkout form input.input-validation-error, .checkout form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .checkout form .btn-sml.add-more {
      margin-left: 10px; }
      .checkout form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .checkout form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .checkout form .btn-sml.add-cart, .checkout form .btn-sml.add-more, .checkout form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .checkout form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .checkout form .add-more:hover, .checkout form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .checkout form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .checkout form .add-cart:hover, .checkout form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .checkout form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .checkout form .add-more.disabled, .checkout form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .checkout form .links {
      text-align: center; }
      .checkout form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .checkout form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .checkout form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .checkout form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .checkout form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .checkout form .e-row.deactive select, .checkout form .e-row.deactive textarea, .checkout form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .checkout form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .checkout form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .checkout form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .checkout form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .checkout form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .checkout form .duo input, .checkout form .duo a {
        margin: 0px; }
      .checkout form .duo input + a, .checkout form .duo input + input {
        margin-left: 20px; }
    .checkout form .uom-dpdn {
      position: relative; }
      .checkout form .uom-dpdn label {
        display: inherit; }
        .checkout form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .checkout form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .checkout form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .checkout form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .checkout form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .checkout form {
        margin: 10px auto; }
        .checkout form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .checkout form .e-row {
          margin-bottom: 20px; }
        .checkout form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .checkout form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .checkout form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .checkout form.search input, .checkout form.search button {
      border-radius: 0px;
      float: left; }
    .checkout form.search input:focus, .checkout form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .checkout form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .checkout form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .checkout form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .checkout form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .checkout form.search button {
        width: 40px; }
      .checkout form.search input, .checkout form.search button {
        height: 40px; }
      .checkout form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .checkout form.search input {
        width: calc(100% - 40px); } }
    .checkout form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .checkout form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .checkout form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .checkout form.search i {
        top: 7px; } }
  .checkout .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .checkout .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .checkout .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .checkout .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .checkout .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .checkout .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .checkout .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .checkout .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .checkout .custom-radiobox:hover p {
      color: #214a8c; }
    .checkout .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .checkout .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .checkout .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .checkout .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .checkout .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .checkout .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .checkout .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .checkout .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .checkout .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .checkout .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .checkout .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .checkout .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .checkout .custom-checkbox:hover p {
      color: #214a8c; }
    .checkout .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .checkout .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .checkout .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .checkout .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .checkout .custom-checkbox p span {
      line-height: 1.2; }
  .checkout a {
    color: #222; }
    .checkout a:hover {
      color: #214a8c !important; }
  .checkout .listing {
    clear: both;
    position: relative; }
    .checkout .listing .page-th > .col, .checkout .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .checkout .listing .page-th .price, .checkout .listing .page-th .qty, .checkout .listing .page .details .price, .checkout .listing .page .details .qty {
      text-align: right; }
    .checkout .listing .page-th .col.price, .checkout .listing .page-th .ordered, .checkout .listing .page .details .col.price, .checkout .listing .page .details .ordered {
      max-width: 13.33%; }
    .checkout .listing .page-th .inventory, .checkout .listing .page .details .inventory {
      max-width: 20%; }
    .checkout .listing .page-th .col.qty, .checkout .listing .page-th .col.total, .checkout .listing .page .details .col.qty, .checkout .listing .page .details .col.total {
      max-width: 16.666667%; }
    .checkout .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .checkout .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .checkout .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .checkout .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .checkout .listing .page > form {
      margin: 0px; }
    .checkout .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .checkout .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .checkout .listing .page .details .time, .checkout .listing .page .details .type {
        font-weight: 600; }
      .checkout .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .checkout .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .checkout .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .checkout .listing .page .details .submit input, .checkout .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .checkout .listing .page .details .submit input {
          padding: 3px 15px; }
        .checkout .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .checkout .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .checkout .listing .page .details + .actions a .fe-download, .checkout .listing .page .details + .actions a span, .checkout .listing .page .details + .sub-total .actions a .fe-download, .checkout .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .checkout .listing .summary .page-th > .col {
      text-align: left; }
    .checkout .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .checkout .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .checkout .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .checkout .listing .summary .page .details .eco .right {
        color: #10a700; }
      .checkout .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .checkout .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .checkout .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .checkout .listing .summary .page .details .total .left {
          font-weight: 600; }
        .checkout .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .checkout .listing .summary .page .details .sub-total .right, .checkout .listing .summary .page .details .items .right {
        color: #222; }
      .checkout .listing .summary .page .details .sub-total .right, .checkout .listing .summary .page .details .items .right, .checkout .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .checkout .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .checkout .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .checkout .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .checkout .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .checkout .listing .summary .page .details .e-row input[type="text"], .checkout .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .checkout .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .checkout .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .checkout .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .checkout .listing .summary .page .details .col.total {
        max-width: 100%; }
      .checkout .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .checkout .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .checkout .listing .summary .page .details.proceed .e-group, .checkout .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .checkout .listing .summary .page .details.proceed .e-group .add-cart, .checkout .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .checkout .listing .summary .page .details.proceed .e-group .add-more, .checkout .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .checkout .listing .summary .page .details.proceed .e-group .add-more i, .checkout .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .checkout .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .checkout .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .checkout .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .checkout .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .checkout .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .checkout .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .checkout .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .checkout .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .checkout .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .checkout .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .checkout .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .checkout .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .checkout .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .checkout .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .checkout .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .checkout .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .checkout .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .checkout .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .checkout .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .checkout .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .checkout .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .checkout .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .checkout .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .checkout .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .checkout .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .checkout .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .checkout .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .checkout .listing #accordion, .checkout .listing #braidAccordian {
      flex-wrap: wrap; }
      .checkout .listing #accordion .title-link, .checkout .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .checkout .listing #accordion .title-link .col, .checkout .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .checkout .listing #accordion .title-link.collapsed, .checkout .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .checkout .listing #accordion .title-link:after, .checkout .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .checkout .listing #accordion .title-link.collapsed:after, .checkout .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .checkout .listing #accordion .title-link + .collapse + .title-link, .checkout .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .checkout .listing #accordion .collapse:not(.show), .checkout .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .checkout .listing #accordion .details, .checkout .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .checkout .listing .td-1 {
      max-width: 8.33%; }
    .checkout .listing .td-2 {
      max-width: 16.666667%; }
    .checkout .listing .td-3 {
      max-width: 25%; }
    .checkout .listing .td-4 {
      max-width: 33.333333%; }
    .checkout .listing .td-5 {
      max-width: 41.666667%; }
    .checkout .listing .td-6 {
      max-width: 50%; }
    .checkout .listing .td-7 {
      max-width: 58.33%; }
    .checkout .listing .td-8 {
      max-width: 66.66%; }
    .checkout .listing .td-9 {
      max-width: 75%; }
    .checkout .listing .td-10 {
      max-width: 83.33333333%; }
    .checkout .listing .td-11 {
      max-width: 91.66666667%; }
    .checkout .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .checkout .listing .center {
      text-align: center; }
    .checkout .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .checkout .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .checkout .listing .col-9.left {
      padding-right: 20px; }
    .checkout .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .checkout .listing .actions .results {
        color: #222; }
        .checkout .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .checkout .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .checkout .listing .actions .search input, .checkout .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .checkout .listing .actions .search input:focus, .checkout .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .checkout .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .checkout .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .checkout .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .checkout .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .checkout .listing .actions .search button {
            width: 40px; }
          .checkout .listing .actions .search input, .checkout .listing .actions .search button {
            height: 40px; }
          .checkout .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .checkout .listing .actions .search input {
            width: calc(100% - 40px); } }
        .checkout .listing .actions .search input, .checkout .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .checkout .listing .actions .search input, .checkout .listing .actions .search button {
          height: 30px; }
        .checkout .listing .actions .search textarea {
          height: 50px; }
        .checkout .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .checkout .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .checkout .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .checkout .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .checkout .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .checkout .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .checkout .listing .actions .search:only-child {
        padding: 10px; }
      .checkout .listing .actions a.pdf-export, .checkout .listing .actions a.excel-export, .checkout .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .checkout .listing .actions a.pdf-export.active, .checkout .listing .actions a.excel-export.active, .checkout .listing .actions a.import-pro.active {
          color: #214a8c; }
          .checkout .listing .actions a.pdf-export.active:before, .checkout .listing .actions a.excel-export.active:before, .checkout .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .checkout .listing .actions #exportPdf, .checkout .listing .actions #exportExcel, .checkout .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .checkout .listing .actions #exportPdf form, .checkout .listing .actions #exportExcel form, .checkout .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .checkout .listing .actions #exportPdf form label, .checkout .listing .actions #exportExcel form label, .checkout .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .checkout .listing .actions #exportPdf form > div, .checkout .listing .actions #exportExcel form > div, .checkout .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .checkout .listing .actions #exportPdf form > div:not(.generate), .checkout .listing .actions #exportExcel form > div:not(.generate), .checkout .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .checkout .listing .actions #exportPdf form .left, .checkout .listing .actions #exportExcel form .left, .checkout .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .checkout .listing .actions #exportPdf form .right, .checkout .listing .actions #exportExcel form .right, .checkout .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .checkout .listing .actions #exportPdf form .attachment, .checkout .listing .actions #exportExcel form .attachment, .checkout .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .checkout .listing .actions #exportPdf form .attachment > div, .checkout .listing .actions #exportExcel form .attachment > div, .checkout .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .checkout .listing .actions #exportPdf form .attachment .col-3, .checkout .listing .actions #exportPdf form .attachment .col-9, .checkout .listing .actions #exportExcel form .attachment .col-3, .checkout .listing .actions #exportExcel form .attachment .col-9, .checkout .listing .actions #importPro form .attachment .col-3, .checkout .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .checkout .listing .actions #exportPdf form .attachment .col-3 > div, .checkout .listing .actions #exportPdf form .attachment .col-9 > div, .checkout .listing .actions #exportExcel form .attachment .col-3 > div, .checkout .listing .actions #exportExcel form .attachment .col-9 > div, .checkout .listing .actions #importPro form .attachment .col-3 > div, .checkout .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .checkout .listing .actions #exportPdf form .attachment .col-3 > label, .checkout .listing .actions #exportPdf form .attachment .col-9 > label, .checkout .listing .actions #exportExcel form .attachment .col-3 > label, .checkout .listing .actions #exportExcel form .attachment .col-9 > label, .checkout .listing .actions #importPro form .attachment .col-3 > label, .checkout .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .checkout .listing .actions #exportPdf form .attachment .col-3 p.supp, .checkout .listing .actions #exportPdf form .attachment .col-9 p.supp, .checkout .listing .actions #exportExcel form .attachment .col-3 p.supp, .checkout .listing .actions #exportExcel form .attachment .col-9 p.supp, .checkout .listing .actions #importPro form .attachment .col-3 p.supp, .checkout .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .checkout .listing .actions #exportPdf form .attachment .col-9, .checkout .listing .actions #exportExcel form .attachment .col-9, .checkout .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .checkout .listing .actions #exportPdf form .attachment .text, .checkout .listing .actions #exportPdf form .attachment .image, .checkout .listing .actions #exportExcel form .attachment .text, .checkout .listing .actions #exportExcel form .attachment .image, .checkout .listing .actions #importPro form .attachment .text, .checkout .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .checkout .listing .actions #exportPdf form .attachment .text p, .checkout .listing .actions #exportPdf form .attachment .image p, .checkout .listing .actions #exportExcel form .attachment .text p, .checkout .listing .actions #exportExcel form .attachment .image p, .checkout .listing .actions #importPro form .attachment .text p, .checkout .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .checkout .listing .actions #exportPdf form .attachment .image, .checkout .listing .actions #exportExcel form .attachment .image, .checkout .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .checkout .listing .actions #exportPdf form .attachment .image p, .checkout .listing .actions #exportExcel form .attachment .image p, .checkout .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .checkout .listing .actions #exportPdf form .attachment .image img, .checkout .listing .actions #exportExcel form .attachment .image img, .checkout .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .checkout .listing .actions #exportPdf form .attachment .btns, .checkout .listing .actions #exportExcel form .attachment .btns, .checkout .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .checkout .listing .actions #exportPdf form .attachment .btns i, .checkout .listing .actions #exportExcel form .attachment .btns i, .checkout .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .checkout .listing .actions #exportPdf form .attachment .btns a, .checkout .listing .actions #exportPdf form .attachment .btns input, .checkout .listing .actions #exportPdf form .attachment .btns button, .checkout .listing .actions #exportExcel form .attachment .btns a, .checkout .listing .actions #exportExcel form .attachment .btns input, .checkout .listing .actions #exportExcel form .attachment .btns button, .checkout .listing .actions #importPro form .attachment .btns a, .checkout .listing .actions #importPro form .attachment .btns input, .checkout .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .checkout .listing .actions #exportPdf form .attachment .btns a:focus, .checkout .listing .actions #exportPdf form .attachment .btns input:focus, .checkout .listing .actions #exportPdf form .attachment .btns button:focus, .checkout .listing .actions #exportExcel form .attachment .btns a:focus, .checkout .listing .actions #exportExcel form .attachment .btns input:focus, .checkout .listing .actions #exportExcel form .attachment .btns button:focus, .checkout .listing .actions #importPro form .attachment .btns a:focus, .checkout .listing .actions #importPro form .attachment .btns input:focus, .checkout .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .checkout .listing .actions #exportPdf form .attachment .btns a:hover, .checkout .listing .actions #exportPdf form .attachment .btns input:hover, .checkout .listing .actions #exportPdf form .attachment .btns button:hover, .checkout .listing .actions #exportExcel form .attachment .btns a:hover, .checkout .listing .actions #exportExcel form .attachment .btns input:hover, .checkout .listing .actions #exportExcel form .attachment .btns button:hover, .checkout .listing .actions #importPro form .attachment .btns a:hover, .checkout .listing .actions #importPro form .attachment .btns input:hover, .checkout .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .checkout .listing .actions #exportPdf form .attachment .btns button + button, .checkout .listing .actions #exportPdf form .attachment .btns a + a, .checkout .listing .actions #exportPdf form .attachment .btns input + input, .checkout .listing .actions #exportExcel form .attachment .btns button + button, .checkout .listing .actions #exportExcel form .attachment .btns a + a, .checkout .listing .actions #exportExcel form .attachment .btns input + input, .checkout .listing .actions #importPro form .attachment .btns button + button, .checkout .listing .actions #importPro form .attachment .btns a + a, .checkout .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .checkout .listing .actions #exportPdf form .attachment .btns .image, .checkout .listing .actions #exportExcel form .attachment .btns .image, .checkout .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .checkout .listing .actions #exportPdf form .attachment .btns .image > div, .checkout .listing .actions #exportExcel form .attachment .btns .image > div, .checkout .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .checkout .listing .actions #exportPdf form .address-list, .checkout .listing .actions #exportExcel form .address-list, .checkout .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .checkout .listing .actions #exportPdf form .address-list div, .checkout .listing .actions #exportExcel form .address-list div, .checkout .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .checkout .listing .actions #exportPdf form .address-list > div:not(.d-flex), .checkout .listing .actions #exportExcel form .address-list > div:not(.d-flex), .checkout .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .checkout .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .checkout .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .checkout .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .checkout .listing .actions #exportPdf form .address-list .btn-block, .checkout .listing .actions #exportExcel form .address-list .btn-block, .checkout .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .checkout .listing .actions #exportPdf form .address-list .btn-block a, .checkout .listing .actions #exportExcel form .address-list .btn-block a, .checkout .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .checkout .listing .actions #exportPdf form .attachment, .checkout .listing .actions #exportPdf form .address-list, .checkout .listing .actions #exportExcel form .attachment, .checkout .listing .actions #exportExcel form .address-list, .checkout .listing .actions #importPro form .attachment, .checkout .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .checkout .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .checkout .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .checkout .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .checkout .listing .actions #exportPdf form .generate, .checkout .listing .actions #exportExcel form .generate, .checkout .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .checkout .listing .actions #exportPdf form .generate .btn-sml, .checkout .listing .actions #exportExcel form .generate .btn-sml, .checkout .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .checkout .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .checkout .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .checkout .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .checkout .listing .actions #exportPdf form .img, .checkout .listing .actions #exportExcel form .img, .checkout .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .checkout .listing .actions #exportPdf form .img .text p, .checkout .listing .actions #exportExcel form .img .text p, .checkout .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .checkout .listing .actions #exportPdf form .img p.supp, .checkout .listing .actions #exportExcel form .img p.supp, .checkout .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .checkout .listing .actions #exportPdf form .img img, .checkout .listing .actions #exportExcel form .img img, .checkout .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .checkout .listing .actions #exportPdf:not(.show), .checkout .listing .actions #exportExcel:not(.show), .checkout .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .checkout .listing .actions #exportPdf form > div, .checkout .listing .actions #exportExcel form > div, .checkout .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .checkout .listing .actions #exportPdf form .custom-checkbox, .checkout .listing .actions #exportExcel form .custom-checkbox, .checkout .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .checkout .listing .actions #exportPdf form .left, .checkout .listing .actions #exportPdf form .right, .checkout .listing .actions #exportExcel form .left, .checkout .listing .actions #exportExcel form .right, .checkout .listing .actions #importPro form .left, .checkout .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .checkout .listing .actions #exportPdf form .left, .checkout .listing .actions #exportExcel form .left, .checkout .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .checkout .listing .actions #exportPdf form .address-list, .checkout .listing .actions #exportExcel form .address-list, .checkout .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .checkout .listing .actions #exportPdf form label, .checkout .listing .actions #exportExcel form label, .checkout .listing .actions #importPro form label {
          justify-content: flex-start; }
        .checkout .listing .actions #exportPdf form .right, .checkout .listing .actions #exportExcel form .right, .checkout .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .checkout .listing .actions #exportPdf form .attachment, .checkout .listing .actions #exportExcel form .attachment, .checkout .listing .actions #importPro form .attachment {
          padding: 10px; }
          .checkout .listing .actions #exportPdf form .attachment .col-3, .checkout .listing .actions #exportPdf form .attachment .col-9, .checkout .listing .actions #exportExcel form .attachment .col-3, .checkout .listing .actions #exportExcel form .attachment .col-9, .checkout .listing .actions #importPro form .attachment .col-3, .checkout .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .checkout .listing .actions #exportPdf form .attachment .col-3, .checkout .listing .actions #exportExcel form .attachment .col-3, .checkout .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .checkout .listing .actions #exportPdf form .attachment .col-3 label, .checkout .listing .actions #exportPdf form .attachment .col-3 .image, .checkout .listing .actions #exportExcel form .attachment .col-3 label, .checkout .listing .actions #exportExcel form .attachment .col-3 .image, .checkout .listing .actions #importPro form .attachment .col-3 label, .checkout .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .checkout .listing .actions #exportPdf form .attachment .col-9, .checkout .listing .actions #exportExcel form .attachment .col-9, .checkout .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .checkout .listing .actions #exportPdf form .attachment .col-9 p.supp, .checkout .listing .actions #exportExcel form .attachment .col-9 p.supp, .checkout .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .checkout .listing .actions #exportPdf form .address-list .col-3, .checkout .listing .actions #exportExcel form .address-list .col-3, .checkout .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .checkout .listing .actions #exportPdf form .address-list .col-9, .checkout .listing .actions #exportExcel form .address-list .col-9, .checkout .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .checkout .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .checkout .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .checkout .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .checkout .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .checkout .listing .actions #importPro form .address-list > div:nth-of-type(1), .checkout .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .checkout .listing .actions #exportPdf form .img img, .checkout .listing .actions #exportExcel form .img img, .checkout .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .checkout .listing .actions #exportPdf .custom-checkbox .custom-check, .checkout .listing .actions #exportExcel .custom-checkbox .custom-check, .checkout .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .checkout .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .checkout .listing .actions form {
        margin: 0px; }
      .checkout .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .checkout .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .checkout .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .checkout .listing .actions .shared .email {
          display: flex; }
          .checkout .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .checkout .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .checkout .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .checkout .listing .actions .left, .checkout .listing .actions > .center, .checkout .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .checkout .listing .actions .right {
        margin-left: auto; }
      .checkout .listing .actions .action-link, .checkout .listing .actions .left > a, .checkout .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .checkout .listing .actions .action-link:hover, .checkout .listing .actions .left > a:hover, .checkout .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .checkout .listing .actions .action-link span, .checkout .listing .actions .left > a span, .checkout .listing .actions .right > a span {
          margin-left: 5px; }
        .checkout .listing .actions .action-link span:empty, .checkout .listing .actions .left > a span:empty, .checkout .listing .actions .right > a span:empty {
          display: none; }
      .checkout .listing .actions .action-link, .checkout .listing .actions a + a, .checkout .listing .actions .checkbox + a {
        margin-left: 20px; }
      .checkout .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .checkout .listing .actions .custom-checkbox p {
        color: #222; }
      .checkout .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .checkout .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .checkout .listing > .actions, .checkout .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .checkout .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .checkout .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .checkout .listing .actions {
        font-size: 0.8rem; }
        .checkout .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .checkout .listing .actions .left .action-link i {
          font-size: 1rem; }
        .checkout .listing .actions .left a.action-link, .checkout .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .checkout .listing .actions {
        justify-content: center; }
        .checkout .listing .actions .shared {
          top: calc(10px - 150px); }
        .checkout .listing .actions .action-link, .checkout .listing .actions a + a, .checkout .listing .actions .checkbox + a {
          margin-left: 15px; }
        .checkout .listing .actions > .right {
          justify-content: center; }
        .checkout .listing .actions .search + .right {
          margin-left: 0px; } }
    .checkout .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .checkout .listing .add-more[aria-expanded="true"]:hover, .checkout .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .checkout .listing .add-more[aria-expanded="true"]:hover i, .checkout .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .checkout .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .checkout .listing .add-more[aria-expanded="false"], .checkout .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .checkout .listing .add-more[aria-expanded="false"]:hover, .checkout .listing .add-more[aria-expanded="false"]:focus, .checkout .listing .add-more.collapsed:hover, .checkout .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .checkout .listing .add-more[aria-expanded="false"]:hover, .checkout .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .checkout .listing .add-more[aria-expanded="false"]:hover i, .checkout .listing .add-more.collapsed:hover i {
          color: #fff; }
    .checkout .listing .add-more.cancel:before {
      display: none; }
    .checkout .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .checkout .listing button.links, .checkout .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .checkout .listing button.links:hover, .checkout .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .checkout .listing a.plus i {
      font-size: 1rem; }
    .checkout .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .checkout .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .checkout .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .checkout .listing .custom-radiobox:not(:last-of-type), .checkout .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .checkout .listing .ship-when > p, .checkout .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .checkout .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .checkout .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .checkout .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .checkout .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .checkout .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .checkout .listing .day-time span {
      font-weight: 600; }
    .checkout .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .checkout .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .checkout .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .checkout .listing .sub-total.btm > div, .checkout .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .checkout .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .checkout .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .checkout .listing .sub-header {
      clear: both;
      padding: 0px; }
      .checkout .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .checkout .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .checkout .listing .sub-header .title {
        margin-bottom: 0px; }
        .checkout .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .checkout .listing .page + .sub-header {
      margin-top: 40px; }
      .checkout .listing .page + .sub-header .title {
        flex-basis: content; }
    .checkout .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .checkout .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .checkout .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .checkout .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .checkout .listing div.alert-warning p {
            font-size: 0.8rem; }
          .checkout .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .checkout .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .checkout .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .checkout .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .checkout .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .checkout .listing div.alert-danger p {
            font-size: 0.8rem; }
          .checkout .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .checkout .listing .col-9 > .page {
        min-height: 500px; }
      .checkout .listing .page .details .submit input:hover, .checkout .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .checkout .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .checkout .listing .page .details .submit button {
          width: 25px; }
      .checkout .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .checkout .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .checkout .listing .col-9.left .page-th {
          display: none !important; }
        .checkout .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .checkout .listing .sub-header {
        flex-wrap: wrap; }
        .checkout .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .checkout .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .checkout .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .checkout .listing > .d-flex {
        flex-wrap: wrap; }
      .checkout .listing .col-12.left .page-th, .checkout .listing .col-9.left .page-th {
        display: none !important; }
      .checkout .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .checkout .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .checkout .listing .page .details .time, .checkout .listing .page .details .type {
        color: #666; }
      .checkout .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .checkout .listing .col-12.left, .checkout .listing .col-3.right, .checkout .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .checkout .listing .summary {
        margin-top: 15px; }
        .checkout .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .checkout .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .checkout .listing .left form {
      margin-bottom: 0px; }
    .checkout .listing .sub-header form {
      margin: 0px; }
    .checkout .listing .page .details {
      min-height: 50px; }
      .checkout .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .checkout .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .checkout .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .checkout .listing .page .details .icon a, .checkout .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .checkout .listing .page .details .icon a:hover, .checkout .listing .page .details .icon button:hover {
          color: #214a8c; }
      .checkout .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .checkout .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .checkout .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .checkout .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .checkout .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .checkout .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .checkout .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .checkout .address-manually + .forms .td-6, .checkout .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .checkout .address-manually + .forms .td-2, .checkout .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .checkout .address-manually + .forms .td-2 ~ .e-row, .checkout .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .checkout .address-manually + .forms .td-2 ~ .dynamic, .checkout .address-manually + .forms .td-2 ~ .manual-add, .checkout .forms .new-address .td-2 ~ .dynamic, .checkout .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .checkout .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .checkout .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .checkout .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .checkout .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .checkout .address-manually + .forms .e-row.manual-add, .checkout .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .checkout .address-manually + .forms .td-6, .checkout .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .checkout .address-manually + .forms .td-2, .checkout .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .checkout .address-manually + .forms .td-2 ~ .e-row, .checkout .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .checkout .address-manually + .forms .td-2 ~ .dynamic, .checkout .address-manually + .forms .td-2 ~ .manual-add, .checkout .forms .new-address .td-2 ~ .dynamic, .checkout .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .checkout .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .checkout .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .checkout .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .checkout .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .checkout .address-manually + .forms .td-2 ~ .dynamic, .checkout .address-manually + .forms .td-2 ~ .manual-add, .checkout .forms .new-address .td-2 ~ .dynamic, .checkout .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .checkout .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .checkout .listing .page .details .icon a, .checkout .listing .page .details .icon button {
      display: flex; }
    .checkout .listing .btn-block {
      justify-content: center; } }
  .checkout .pg-title {
    text-align: center; }
    .checkout .pg-title span {
      margin-left: 5px;
      color: #214a8c;
      font-weight: 400; }
  .checkout form {
    margin: 0px auto;
    text-align: left; }
    .checkout form > .block {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      clear: both;
      margin-top: 0px;
      margin-bottom: 20px;
      border-left: none;
      border-right: none; }
      .checkout form > .block .cols {
        text-align: left;
        font-family: "Poppins", sans-serif;
        letter-spacing: 0.5px;
        font-size: 0.875rem;
        padding: 15px;
        flex: 1; }
        .checkout form > .block .cols span {
          color: #222;
          margin-left: 3px; }
      .checkout form > .block .cols:not(:nth-child(1)) {
        border-left: 1px solid #ccc; }
    .checkout form .validation-summary-error.validation-summary-valid {
      width: 480px;
      max-width: 100%;
      flex: 0 0 100%;
      margin: 0px auto;
      padding: 0px; }
  .checkout .custom-radiobox {
    justify-content: flex-start; }
  .checkout .steps-all {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    margin: 0px auto;
    position: relative; }
    .checkout .steps-all .step {
      display: flex;
      align-items: center;
      flex-flow: column;
      font-family: "Poppins", sans-serif;
      padding: 0px; }
      .checkout .steps-all .step a {
        padding: 0px;
        display: flex;
        align-items: center;
        flex-direction: column;
        display: inline-flex;
        cursor: default;
        pointer-events: none; }
        .checkout .steps-all .step a .num {
          width: 50px;
          height: 50px;
          font-size: 1.25rem;
          border: 1px solid #ccc;
          border-radius: 50%;
          color: #ccc;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
        .checkout .steps-all .step a span {
          color: #ccc;
          margin-top: 5px;
          text-align: center;
          line-height: 1rem; }
    .checkout .steps-all .step.link a {
      cursor: pointer;
      pointer-events: all; }
      .checkout .steps-all .step.link a .num {
        color: #214a8c;
        background: #fff;
        border-color: #214a8c; }
      .checkout .steps-all .step.link a span {
        color: #666;
        text-decoration: underline;
        color: #214a8c; }
        .checkout .steps-all .step.link a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
        .checkout .steps-all .step.link a span:hover {
          color: #08285c; }
    .checkout .steps-all .step.active .num {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
    .checkout .steps-all .step.active span {
      color: #214a8c; }
    .checkout .steps-all .step.deactive .num {
      color: #fff;
      background: #fff;
      border-color: #214a8c; }
    .checkout .steps-all .step.deactive .num:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92b";
      font-size: 1.75rem;
      left: 5px;
      color: #214a8c;
      padding: 0px; }
    .checkout .steps-all .step.deactive span {
      color: #214a8c; }
    .checkout .steps-all:before {
      background: #214a8c;
      content: "";
      width: 75%;
      height: 1px;
      left: 12.5%;
      position: absolute;
      top: 25px; }
    @media (min-width: 992px) {
      .checkout .steps-all {
        max-width: 75%; } }
    @media (max-width: 991px) {
      .checkout .steps-all {
        max-width: 100%; }
        .checkout .steps-all .step span {
          min-height: 35px; } }
    @media (max-width: 767px) {
      .checkout .steps-all .step {
        font-family: "Open Sans", sans-serif; }
        .checkout .steps-all .step a .num {
          width: 40px;
          height: 40px;
          font-size: 1rem; }
        .checkout .steps-all .step a span {
          font-size: 0.75rem;
          font-weight: 400; }
      .checkout .steps-all:before {
        top: 20px; } }
    .checkout .steps-all:before {
      background: #ccc; }
  .checkout .listing {
    padding-top: 20px; }
    .checkout .listing .actions .left div {
      font-family: "Poppins", sans-serif;
      color: #222; }
      .checkout .listing .actions .left div span {
        color: #666; }
    @media (min-width: 768px) {
      .checkout .listing .actions .left div + div {
        margin-left: 30px; } }
    .checkout .listing .actions .left div span {
      margin-left: 5px; }
    .checkout .listing p.note {
      color: #de6e00;
      margin-bottom: 0px;
      margin-left: auto;
      text-align: left;
      font-size: 0.875rem;
      max-width: calc(500px + 0px); }
      .checkout .listing p.note i {
        font-size: 1rem;
        margin-right: 5px; }
    .checkout .listing .left .details.col-12 {
      background: #fff;
      padding: 25px 30px 15px;
      justify-content: space-between; }
      .checkout .listing .left .details.col-12 ul.nav {
        max-width: calc(500px + 40px);
        margin: 0px auto 15px;
        padding: 0px; }
        .checkout .listing .left .details.col-12 ul.nav li {
          width: 50%; }
      .checkout .listing .left .details.col-12 .nav-tabs {
        padding: 0px;
        border: none; }
        .checkout .listing .left .details.col-12 .nav-tabs a.nav-item, .checkout .listing .left .details.col-12 .nav-tabs a.nav-link {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px;
          border-color: #ddd;
          font-family: "Poppins", sans-serif;
          height: 40px;
          border-radius: 0px;
          color: #666;
          letter-spacing: 0.5px;
          line-height: 0.875rem;
          text-align: center; }
          .checkout .listing .left .details.col-12 .nav-tabs a.nav-item:before, .checkout .listing .left .details.col-12 .nav-tabs a.nav-link:before {
            font-family: "Feather";
            font-size: 1.2rem;
            padding-right: 5px;
            color: #222;
            vertical-align: sub;
            font-weight: 400; }
        .checkout .listing .left .details.col-12 .nav-tabs a.nav-item.active, .checkout .listing .left .details.col-12 .nav-tabs a.nav-link.active {
          border-left-width: thin;
          border-color: #ddd;
          border-bottom: 2px solid #214a8c;
          color: #222; }
        .checkout .listing .left .details.col-12 .nav-tabs a.nav-item {
          width: 50%; }
        .checkout .listing .left .details.col-12 .nav-tabs .nav-item + .nav-item a {
          border-left: 0px; }
        .checkout .listing .left .details.col-12 .nav-tabs a.nav-link {
          width: 100%; }
        .checkout .listing .left .details.col-12 .nav-tabs a.nav-link.disabled {
          pointer-events: none; }
        @media (max-width: 991px) {
          .checkout .listing .left .details.col-12 .nav-tabs .nav-item a.nav-link {
            display: table-cell !important;
            vertical-align: middle; }
          .checkout .listing .left .details.col-12 .nav-tabs > .nav-item {
            width: 33.333333%;
            display: table; } }
      .checkout .listing .left .details.col-12 .col-3, .checkout .listing .left .details.col-12 .col-4, .checkout .listing .left .details.col-12 .col-8, .checkout .listing .left .details.col-12 .col-12, .checkout .listing .left .details.col-12 .col-6 {
        padding: 0px; }
      .checkout .listing .left .details.col-12 .contact-details .address {
        margin-top: 10px; }
      .checkout .listing .left .details.col-12 .sub-title {
        font-weight: 600; }
      .checkout .listing .left .details.col-12 .delivery-date + .custom-radiobox {
        margin-top: 10px; }
      .checkout .listing .left .details.col-12 .ship-when > p, .checkout .listing .left .details.col-12 .bill-method > p {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-weight: normal;
        font-size: 0.875rem;
        text-transform: none; }
      .checkout .listing .left .details.col-12 .ship-when .delivery-date div {
        margin-top: 2px;
        width: 100%; }
        .checkout .listing .left .details.col-12 .ship-when .delivery-date div input {
          font-family: "Open Sans", sans-serif; }
      .checkout .listing .left .details.col-12 .sms .checkbox {
        padding-top: 20px; }
        .checkout .listing .left .details.col-12 .sms .checkbox p {
          font-family: "Open Sans", sans-serif;
          font-size: 0.875rem; }
      .checkout .listing .left .details.col-12 .instructions {
        margin-bottom: 0px; }
      .checkout .listing .left .details.col-12 p.note {
        margin: 40px 0px 0px; }
      .checkout .listing .left .details.col-12 .col-3 {
        max-width: calc(25% - 20px); }
      .checkout .listing .left .details.col-12 .col-4 {
        max-width: calc(33.333333% - 20px); }
      .checkout .listing .left .details.col-12 .col-6:not(.nav) {
        max-width: calc(50% - 15px); }
      .checkout .listing .left .details.col-12 .col-8 {
        max-width: calc(66.66% - 10px); }
      .checkout .listing .left .details.col-12 .tab-content {
        padding: 0px; }
        .checkout .listing .left .details.col-12 .tab-content .tab-pane {
          padding: 0px;
          max-width: 100%;
          flex: 0 0 100%; }
          .checkout .listing .left .details.col-12 .tab-content .tab-pane form {
            margin: 0px; }
        .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms {
          display: block; }
          .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
            margin: 40px 0px 0px;
            padding: 30px 0px 0px;
            border-top: 1px solid #666;
            justify-content: space-between; }
            .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .delivery-date, .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex .instructions {
              margin-top: 0px; }
      .checkout .listing .left .details.col-12 .bill-method {
        max-width: calc(50% - 15px); }
    .checkout .listing .left .details.show, .checkout .listing .left .details.collapsing {
      display: flex;
      flex-wrap: wrap; }
    .checkout .listing .left .details + .actions:not(.d-flex) {
      display: none; }
    .checkout .listing .left .title {
      color: #222;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.5rem;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: 1.2rem;
      text-transform: none;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      width: 100%;
      padding: 0px; }
      .checkout .listing .left .title a:hover {
        color: #214a8c; }
    @media (min-width: 992px) {
      .checkout .listing .left .details.col-12 .bill-method:nth-child(3):not(:nth-last-child(2)) {
        max-width: 100%;
        flex: 0 0 100%; }
      .checkout .listing .left .details.col-12 .col-3:last-child {
        max-width: calc(50% - 15px);
        flex: 0 0 auto; } }
    @media (max-width: 991px) {
      .checkout .listing .left .details.col-12 {
        padding: 15px; }
        .checkout .listing .left .details.col-12 ul.nav {
          max-width: 100%;
          flex: 0 0 100%; }
        .checkout .listing .left .details.col-12 .col-3, .checkout .listing .left .details.col-12 .col-4, .checkout .listing .left .details.col-12 .col-8, .checkout .listing .left .details.col-12 .col-12, .checkout .listing .left .details.col-12 .col-6 {
          max-width: 100%;
          flex: 0 0 100%; }
        .checkout .listing .left .details.col-12 .ship-when {
          margin: 15px 0px; }
        .checkout .listing .left .details.col-12 .sms .checkbox {
          padding-top: 10px;
          margin-bottom: 10px; }
        .checkout .listing .left .details.col-12 .instructions {
          margin-bottom: 20px; }
        .checkout .listing .left .details.col-12 p.note {
          margin: 0px; }
        .checkout .listing .left .details.col-12 .col-6:not(:last-of-type) {
          margin-bottom: 15px;
          margin-top: 0px; }
        .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .e-group .e-row {
          max-width: 100%;
          flex: 0 0 100%;
          margin-right: 0px;
          margin-left: 0px; }
        .checkout .listing .left .details.col-12 .tab-content .tab-pane:nth-child(2) form.forms .col-12.d-flex {
          flex-wrap: wrap; }
      .checkout .listing .left .title {
        font-size: 0.875rem; } }
  .checkout .listing:not(._new) .left form.forms, .checkout .listing:not(._new) .left .bill-method {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .checkout .listing:not(._new) .left .custom-radiobox {
    margin-left: 0px;
    margin-right: 10px; }
  .checkout .listing._new .left > .title {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    width: 100%; }
    .checkout .listing._new .left > .title a:hover {
      color: #214a8c; }
  .checkout .listing._new .left > .details {
    padding: 25px 30px 15px;
    border: 1px solid #ccc; }
    .checkout .listing._new .left > .details .nav-tabs {
      padding: 0px;
      border: none;
      margin: 0px auto 15px; }
      .checkout .listing._new .left > .details .nav-tabs a.nav-item, .checkout .listing._new .left > .details .nav-tabs a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-color: #ddd;
        font-family: "Poppins", sans-serif;
        height: 40px;
        border-radius: 0px;
        color: #666;
        letter-spacing: 0.5px;
        line-height: 0.875rem;
        text-align: center; }
        .checkout .listing._new .left > .details .nav-tabs a.nav-item:before, .checkout .listing._new .left > .details .nav-tabs a.nav-link:before {
          font-family: "Feather";
          font-size: 1.2rem;
          padding-right: 5px;
          color: #222;
          vertical-align: sub;
          font-weight: 400; }
      .checkout .listing._new .left > .details .nav-tabs a.nav-item.active, .checkout .listing._new .left > .details .nav-tabs a.nav-link.active {
        border-left-width: thin;
        border-color: #ddd;
        border-bottom: 2px solid #214a8c;
        color: #222; }
      .checkout .listing._new .left > .details .nav-tabs a.nav-item {
        width: 50%; }
      .checkout .listing._new .left > .details .nav-tabs .nav-item + .nav-item a {
        border-left: 0px; }
      .checkout .listing._new .left > .details .nav-tabs a.nav-link {
        width: 100%; }
      .checkout .listing._new .left > .details .nav-tabs a.nav-link.disabled {
        pointer-events: none; }
      @media (max-width: 991px) {
        .checkout .listing._new .left > .details .nav-tabs .nav-item a.nav-link {
          display: table-cell !important;
          vertical-align: middle; }
        .checkout .listing._new .left > .details .nav-tabs > .nav-item {
          width: 33.333333%;
          display: table; } }
      .checkout .listing._new .left > .details .nav-tabs li {
        width: 50%; }
    .checkout .listing._new .left > .details .title:not(:nth-child(1)) {
      border-top: 1px solid #f1f1f1;
      padding-top: 25px;
      margin-top: 5px;
      position: relative;
      z-index: 1; }
    .checkout .listing._new .left > .details .e-row.td-8 {
      margin-right: 0px !important; }
    .checkout .listing._new .left > .details .e-row.checkbox {
      justify-content: flex-start; }
    .checkout .listing._new .left > .details .ship-bill ~ .ship-bill-true, .checkout .listing._new .left > .details .request-ship ~ .request-ship {
      display: none; }
    .checkout .listing._new .left > .details .add-new p {
      padding: 0px;
      color: #214a8c;
      font-weight: 600; }
      .checkout .listing._new .left > .details .add-new p i {
        display: inline-block;
        width: 20px; }
    .checkout .listing._new .left > .details .add-new input:checked ~ p i:before {
      font-size: 1.2rem;
      content: "\ea02";
      vertical-align: sub;
      color: #dc3545; }
    .checkout .listing._new .left > .details .collapse.show {
      display: flex; }
    .checkout .listing._new .left > .details .select-shipping .ship-where, .checkout .listing._new .left > .details .select-billing .ship-where {
      margin-bottom: 10px; }
    .checkout .listing._new .left > .details .sub-title {
      font-weight: 600; }
    .checkout .listing._new .left > .details .select-shipping + .ship-bill-true {
      margin-bottom: 10px; }
    .checkout .listing._new .left > .details .e-row textarea {
      height: 50px;
      font-size: 0.8rem; }
    .checkout .listing._new .left > .details .ship-where.checkbox {
      max-width: 100%;
      flex: 0 0 100%; }
    .checkout .listing._new .left > .details .new-address.hide {
      display: none; }
    .checkout .listing._new .left > .details .ship-where.td-8:nth-child(1) {
      margin-bottom: 20px; }
    .checkout .listing._new .left > .details .title + .note {
      margin: -10px 0px 15px;
      font-size: 0.75rem;
      color: #aaa; }
  .checkout .listing._new .left > .details.show, .checkout .listing._new .left > .details.collapsing {
    display: flex;
    flex-wrap: wrap; }
  .checkout .listing._new .left > .details + .actions:not(.d-flex) {
    display: none; }
  @media (min-width: 992px) {
    .checkout .listing._new .left > .details .e-group.row {
      margin: 0px; }
      .checkout .listing._new .left > .details .e-group.row .e-row {
        width: 100%; }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-8 {
        width: calc(66.66% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-6 {
        width: calc(50% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-2 {
        width: calc(16.666667% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row {
        width: calc(33.333333% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row:nth-child(3n+1) {
        margin-right: 15px;
        margin-left: 0px; }
      .checkout .listing._new .left > .details .e-group.row .e-row:nth-child(3n+2) {
        margin-right: 15px;
        margin-left: 15px; }
      .checkout .listing._new .left > .details .e-group.row .e-row:nth-child(3n+3) {
        margin-right: 0px;
        margin-left: 15px; }
    .checkout .listing._new .left > .details .ship-when, .checkout .listing._new .left > .details .bill-method {
      display: flex;
      align-items: center; }
    .checkout .listing._new .left > .details .e-row.ship-when {
      padding-top: 25px; }
    .checkout .listing._new .left > .details .select-shipping .ship-where.td-8:nth-child(1), .checkout .listing._new .left > .details .select-billing .ship-where.td-8:nth-child(1) {
      flex-wrap: wrap; }
      .checkout .listing._new .left > .details .select-shipping .ship-where.td-8:nth-child(1) .sub-title, .checkout .listing._new .left > .details .select-billing .ship-where.td-8:nth-child(1) .sub-title {
        width: 100%; }
    .checkout .listing._new .left > .details .select-shipping .ship-where.td-8:nth-child(2), .checkout .listing._new .left > .details .select-billing .ship-where.td-8:nth-child(2) {
      margin-bottom: 10px;
      display: flex;
      align-items: center; }
      .checkout .listing._new .left > .details .select-shipping .ship-where.td-8:nth-child(2) .address, .checkout .listing._new .left > .details .select-billing .ship-where.td-8:nth-child(2) .address {
        padding-top: 30px; }
    .checkout .listing._new .left > .details .add-new {
      margin-bottom: 0px; }
      .checkout .listing._new .left > .details .add-new label {
        margin-bottom: 20px; }
    .checkout .listing._new .left > .details .password .e-row {
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .checkout .listing._new .left > .title {
      font-size: 0.875rem; }
    .checkout .listing._new .left > .details {
      padding: 15px; }
      .checkout .listing._new .left > .details .e-group.row .e-row {
        width: 100%; }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-8 {
        width: calc(66.66% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-6 {
        width: calc(50% - 20px); }
      .checkout .listing._new .left > .details .e-group.row .e-row.td-2 {
        width: calc(16.666667% - 20px); }
      .checkout .listing._new .left > .details ul.nav, .checkout .listing._new .left > .details .e-row {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-left: 0px; }
      .checkout .listing._new .left > .details .title:not(:nth-child(1)) {
        padding-top: 20px; }
      .checkout .listing._new .left > .details .custom-radiobox + .custom-radiobox {
        margin-left: 0px;
        width: 100%; }
      .checkout .listing._new .left > .details .ship-when.td-8, .checkout .listing._new .left > .details .bill-method.td-8 {
        margin: 0px; } }
  @media screen and (min-width: 1441px) {
    .checkout .listing p.note {
      max-width: calc(500px + 240px); } }
  @media (min-width: 992px) {
    .checkout .listing .new-address {
      position: relative; }
      .checkout .listing .new-address .address-manually {
        position: absolute;
        z-index: 1;
        right: 0px;
        margin-top: -2rem;
        margin-bottom: 0px; }
    .checkout .listing .new-address.collapse .address-manually, .checkout .listing .ship-bill-true .address-manually {
      margin-top: -40px; } }
  @media (max-width: 991px) {
    .checkout form .validation-summary-error.validation-summary-valid {
      width: 320px; }
    .checkout .listing p.note {
      margin-left: 0px;
      font-size: 0.8rem; }
    .checkout .listing .forms .new-address .td-2 ~ .dynamic, .checkout .listing .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .checkout .listing > .actions .col-6 {
      flex-wrap: wrap;
      max-width: 100%; }
      .checkout .listing > .actions .col-6 div {
        width: 100%;
        margin: 0px; } }

.checkout.review .steps-all {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin: 0px auto;
  position: relative; }
  .checkout.review .steps-all .step {
    display: flex;
    align-items: center;
    flex-flow: column;
    font-family: "Poppins", sans-serif;
    padding: 0px; }
    .checkout.review .steps-all .step a {
      padding: 0px;
      display: flex;
      align-items: center;
      flex-direction: column;
      display: inline-flex;
      cursor: default;
      pointer-events: none; }
      .checkout.review .steps-all .step a .num {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
        border: 1px solid #ccc;
        border-radius: 50%;
        color: #ccc;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
      .checkout.review .steps-all .step a span {
        color: #ccc;
        margin-top: 5px;
        text-align: center;
        line-height: 1rem; }
  .checkout.review .steps-all .step.link a {
    cursor: pointer;
    pointer-events: all; }
    .checkout.review .steps-all .step.link a .num {
      color: #214a8c;
      background: #fff;
      border-color: #214a8c; }
    .checkout.review .steps-all .step.link a span {
      color: #666;
      text-decoration: underline;
      color: #214a8c; }
      .checkout.review .steps-all .step.link a span:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .checkout.review .steps-all .step.link a span:hover {
        color: #08285c; }
  .checkout.review .steps-all .step.active .num {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
  .checkout.review .steps-all .step.active span {
    color: #214a8c; }
  .checkout.review .steps-all .step.deactive .num {
    color: #fff;
    background: #fff;
    border-color: #214a8c; }
  .checkout.review .steps-all .step.deactive .num:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92b";
    font-size: 1.75rem;
    left: 5px;
    color: #214a8c;
    padding: 0px; }
  .checkout.review .steps-all .step.deactive span {
    color: #214a8c; }
  .checkout.review .steps-all:before {
    background: #214a8c;
    content: "";
    width: 75%;
    height: 1px;
    left: 12.5%;
    position: absolute;
    top: 25px; }
  @media (min-width: 992px) {
    .checkout.review .steps-all {
      max-width: 75%; } }
  @media (max-width: 991px) {
    .checkout.review .steps-all {
      max-width: 100%; }
      .checkout.review .steps-all .step span {
        min-height: 35px; } }
  @media (max-width: 767px) {
    .checkout.review .steps-all .step {
      font-family: "Open Sans", sans-serif; }
      .checkout.review .steps-all .step a .num {
        width: 40px;
        height: 40px;
        font-size: 1rem; }
      .checkout.review .steps-all .step a span {
        font-size: 0.75rem;
        font-weight: 400; }
    .checkout.review .steps-all:before {
      top: 20px; } }
  .checkout.review .steps-all:before {
    background: linear-gradient(90deg, #214a8c 0%, #214a8c 50%, #ccc 50.05%, #ccc 100%);
    content: ""; }
.checkout.review .listing .left > .page {
  min-height: auto; }
  .checkout.review .listing .left > .page .grp-connect.end {
    border-bottom: 1px solid #ddd; }
  .checkout.review .listing .left > .page .grp-connect .braid-avbl {
    padding-bottom: 15px; }
    .checkout.review .listing .left > .page .grp-connect .braid-avbl .col.qty .cable-cuts {
      padding-right: 0px; }
    .checkout.review .listing .left > .page .grp-connect .braid-avbl .xtra-cable {
      right: calc(15% - 25px); }
.checkout.review .listing .left .page-th form, .checkout.review .listing .left .page form {
  border-bottom: 1px solid #ddd; }
  .checkout.review .listing .left .page-th form:hover, .checkout.review .listing .left .page form:hover {
    background-color: #f7fbff; }
.checkout.review .listing .left .page-th .details, .checkout.review .listing .left .page .details {
  padding: 0px; }
  .checkout.review .listing .left .page-th .details > .col, .checkout.review .listing .left .page .details > .col {
    text-align: left;
    padding: 0px; }
    .checkout.review .listing .left .page-th .details > .col .eco, .checkout.review .listing .left .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .checkout.review .listing .left .page-th .details .col.checkbox, .checkout.review .listing .left .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .checkout.review .listing .left .page-th .details .supp, .checkout.review .listing .left .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .checkout.review .listing .left .page-th .details .col.pro-details .text, .checkout.review .listing .left .page .details .col.pro-details .text {
      width: 100%; }
    .checkout.review .listing .left .page-th .details .col.pro-details .product-img, .checkout.review .listing .left .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .checkout.review .listing .left .page-th .details .col.pro-details .product-img img, .checkout.review .listing .left .page .details .col.pro-details .product-img img {
        width: auto; }
      .checkout.review .listing .left .page-th .details .col.pro-details .product-img img, .checkout.review .listing .left .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .checkout.review .listing .left .page-th .details .col.pro-details .sub-title, .checkout.review .listing .left .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .checkout.review .listing .left .page-th .details .col.pro-details .sub-title a, .checkout.review .listing .left .page .details .col.pro-details .sub-title a {
        color: #666; }
        .checkout.review .listing .left .page-th .details .col.pro-details .sub-title a:hover, .checkout.review .listing .left .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .checkout.review .listing .left .page-th .details .col.pro-details .title, .checkout.review .listing .left .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .checkout.review .listing .left .page-th .details .col.pro-details .title a, .checkout.review .listing .left .page .details .col.pro-details .title a {
        color: #222; }
        .checkout.review .listing .left .page-th .details .col.pro-details .title a:hover, .checkout.review .listing .left .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .checkout.review .listing .left .page-th .details .col.pro-details .title:after, .checkout.review .listing .left .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .checkout.review .listing .left .page-th .details .col.pro-details .mfg, .checkout.review .listing .left .page-th .details .col.pro-details .upc, .checkout.review .listing .left .page-th .details .col.pro-details .co-label, .checkout.review .listing .left .page .details .col.pro-details .mfg, .checkout.review .listing .left .page .details .col.pro-details .upc, .checkout.review .listing .left .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .checkout.review .listing .left .page-th .details .col.pro-details .mfg span, .checkout.review .listing .left .page-th .details .col.pro-details .upc span, .checkout.review .listing .left .page-th .details .col.pro-details .co-label span, .checkout.review .listing .left .page .details .col.pro-details .mfg span, .checkout.review .listing .left .page .details .col.pro-details .upc span, .checkout.review .listing .left .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .col.pro-details .mfg span:last-of-type, .checkout.review .listing .left .page-th .details .col.pro-details .upc span:last-of-type, .checkout.review .listing .left .page-th .details .col.pro-details .co-label span:last-of-type, .checkout.review .listing .left .page .details .col.pro-details .mfg span:last-of-type, .checkout.review .listing .left .page .details .col.pro-details .upc span:last-of-type, .checkout.review .listing .left .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .checkout.review .listing .left .page-th .details .col.pro-details .mfg span:first-of-type, .checkout.review .listing .left .page-th .details .col.pro-details .upc span:first-of-type, .checkout.review .listing .left .page-th .details .col.pro-details .co-label span:first-of-type, .checkout.review .listing .left .page-th .details .col.pro-details .personal-code span:first-of-type, .checkout.review .listing .left .page .details .col.pro-details .mfg span:first-of-type, .checkout.review .listing .left .page .details .col.pro-details .upc span:first-of-type, .checkout.review .listing .left .page .details .col.pro-details .co-label span:first-of-type, .checkout.review .listing .left .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .checkout.review .listing .left .page-th .details .col.pro-details .personal-code, .checkout.review .listing .left .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .col.pro-details .personal-code a, .checkout.review .listing .left .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .checkout.review .listing .left .page-th .details .col.pro-details .change-code, .checkout.review .listing .left .page .details .col.pro-details .change-code {
      display: flex; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code input, .checkout.review .listing .left .page-th .details .col.pro-details .change-code textarea, .checkout.review .listing .left .page .details .col.pro-details .change-code input, .checkout.review .listing .left .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code input, .checkout.review .listing .left .page-th .details .col.pro-details .change-code button, .checkout.review .listing .left .page .details .col.pro-details .change-code input, .checkout.review .listing .left .page .details .col.pro-details .change-code button {
        height: 30px; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code textarea, .checkout.review .listing .left .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code input, .checkout.review .listing .left .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code button.img, .checkout.review .listing .left .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .checkout.review .listing .left .page-th .details .col.pro-details .change-code input[type="image"], .checkout.review .listing .left .page-th .details .col.pro-details .change-code img, .checkout.review .listing .left .page .details .col.pro-details .change-code input[type="image"], .checkout.review .listing .left .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .checkout.review .listing .left .page-th .details .col.pro-details .change-code.collapse:not(.show), .checkout.review .listing .left .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .checkout.review .listing .left .page-th .details .col.pro-details .change-code.show, .checkout.review .listing .left .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .checkout.review .listing .left .page-th .details .col.pro-details .mfg, .checkout.review .listing .left .page-th .details .col.pro-details .upc, .checkout.review .listing .left .page-th .details .col.pro-details .co-label, .checkout.review .listing .left .page .details .col.pro-details .mfg, .checkout.review .listing .left .page .details .col.pro-details .upc, .checkout.review .listing .left .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .checkout.review .listing .left .page-th .details .inventory .supp, .checkout.review .listing .left .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .checkout.review .listing .left .page-th .details .inventory .in-stock, .checkout.review .listing .left .page-th .details .inventory .out-stock, .checkout.review .listing .left .page .details .inventory .in-stock, .checkout.review .listing .left .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .checkout.review .listing .left .page-th .details .inventory .in-stock:before, .checkout.review .listing .left .page-th .details .inventory .out-stock:before, .checkout.review .listing .left .page .details .inventory .in-stock:before, .checkout.review .listing .left .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .checkout.review .listing .left .page-th .details .inventory .in-stock, .checkout.review .listing .left .page .details .inventory .in-stock {
      color: #10a700; }
      .checkout.review .listing .left .page-th .details .inventory .in-stock:before, .checkout.review .listing .left .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .checkout.review .listing .left .page-th .details .inventory .out-stock, .checkout.review .listing .left .page .details .inventory .out-stock {
      color: #dc3545; }
      .checkout.review .listing .left .page-th .details .inventory .out-stock:before, .checkout.review .listing .left .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .checkout.review .listing .left .page-th .details .inventory .delivery, .checkout.review .listing .left .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .checkout.review .listing .left .page-th .details .inventory .delivery .in-stock:before, .checkout.review .listing .left .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .checkout.review .listing .left .page-th .details .inventory .pickup .in-stock:before, .checkout.review .listing .left .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .checkout.review .listing .left .page-th .details .inventory .pickup, .checkout.review .listing .left .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .checkout.review .listing .left .page-th .details .inventory .pickup:before, .checkout.review .listing .left .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .checkout.review .listing .left .page-th .details .inventory .pickup:after, .checkout.review .listing .left .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .checkout.review .listing .left .page-th .details .inventory .nonstock .out-stock, .checkout.review .listing .left .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .checkout.review .listing .left .page-th .details .inventory .nonstock .out-stock:before, .checkout.review .listing .left .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .checkout.review .listing .left .page-th .details .inventory .nonstock .supp, .checkout.review .listing .left .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .checkout.review .listing .left .page-th .details .inventory .leadtime span, .checkout.review .listing .left .page .details .inventory .leadtime span {
      color: #10a700; }
    .checkout.review .listing .left .page-th .details .inventory .leadtime.supp, .checkout.review .listing .left .page-th .details .inventory .pickup .preferred, .checkout.review .listing .left .page .details .inventory .leadtime.supp, .checkout.review .listing .left .page .details .inventory .pickup .preferred {
      display: block; }
    .checkout.review .listing .left .page-th .details .inventory .preferred, .checkout.review .listing .left .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .checkout.review .listing .left .page-th .details .inventory .out-stock ~ .preferred, .checkout.review .listing .left .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .checkout.review .listing .left .page-th .details .inventory .backorder .in-stock, .checkout.review .listing .left .page-th .details .inventory .nonstock .in-stock, .checkout.review .listing .left .page .details .inventory .backorder .in-stock, .checkout.review .listing .left .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .checkout.review .listing .left .page-th .details .inventory .backorder .in-stock:before, .checkout.review .listing .left .page-th .details .inventory .nonstock .in-stock:before, .checkout.review .listing .left .page .details .inventory .backorder .in-stock:before, .checkout.review .listing .left .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .checkout.review .listing .left .page-th .details .inventory ._labels, .checkout.review .listing .left .page .details .inventory ._labels {
      display: none !important; }
    .checkout.review .listing .left .page-th .details .inventory .text, .checkout.review .listing .left .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .checkout.review .listing .left .page-th .details .inventory .text span, .checkout.review .listing .left .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .checkout.review .listing .left .page-th .details .inventory .text span:before, .checkout.review .listing .left .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .checkout.review .listing .left .page-th .details .inventory .text span:after, .checkout.review .listing .left .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .checkout.review .listing .left .page-th .details .inventory .text span a, .checkout.review .listing .left .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .checkout.review .listing .left .page-th .details .inventory .text span a:hover, .checkout.review .listing .left .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page .details .inventory {
        margin-bottom: 5px; }
        .checkout.review .listing .left .page-th .details .inventory .pickup:before, .checkout.review .listing .left .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .checkout.review .listing .left .page-th .details .inventory .pickup:after, .checkout.review .listing .left .page .details .inventory .pickup:after {
          bottom: -20px; }
        .checkout.review .listing .left .page-th .details .inventory .pickup:last-child:before, .checkout.review .listing .left .page-th .details .inventory .pickup:last-child:after, .checkout.review .listing .left .page .details .inventory .pickup:last-child:before, .checkout.review .listing .left .page .details .inventory .pickup:last-child:after {
          display: none; }
        .checkout.review .listing .left .page-th .details .inventory .leadtime.supp, .checkout.review .listing .left .page-th .details .inventory .pickup .preferred, .checkout.review .listing .left .page .details .inventory .leadtime.supp, .checkout.review .listing .left .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .checkout.review .listing .left .page-th .details .inventory .leadtime.supp, .checkout.review .listing .left .page-th .details .inventory .pickup .preferred, .checkout.review .listing .left .page .details .inventory .leadtime.supp, .checkout.review .listing .left .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .checkout.review .listing .left .page-th .details .pickup, .checkout.review .listing .left .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .checkout.review .listing .left .page-th .details .branch, .checkout.review .listing .left .page .details .branch {
    margin-left: 25px; }
    .checkout.review .listing .left .page-th .details .branch button, .checkout.review .listing .left .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .branch button:focus, .checkout.review .listing .left .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .checkout.review .listing .left .page-th .details .branch .dropdown-menu, .checkout.review .listing .left .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .checkout.review .listing .left .page-th .details .branch .dropdown-menu li, .checkout.review .listing .left .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .checkout.review .listing .left .page-th .details .branch .dropdown-menu li:after, .checkout.review .listing .left .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .checkout.review .listing .left .page-th .details .branch .dropdown-menu li span, .checkout.review .listing .left .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .checkout.review .listing .left .page-th .details .branch .dropdown-menu li.available:after, .checkout.review .listing .left .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .checkout.review .listing .left .page-th .details .branch .dropdown-menu li.available span, .checkout.review .listing .left .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .checkout.review .listing .left .page-th .details .col.price .sale, .checkout.review .listing .left .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .checkout.review .listing .left .page-th .details .col.price .price, .checkout.review .listing .left .page .details .col.price .price {
      color: #222; }
    .checkout.review .listing .left .page-th .details .col.price .discount, .checkout.review .listing .left .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .checkout.review .listing .left .page-th .details .col.price .sale + .price, .checkout.review .listing .left .page-th .details .col.price .discount + .price, .checkout.review .listing .left .page .details .col.price .sale + .price, .checkout.review .listing .left .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .checkout.review .listing .left .page-th .details .col.price .supp, .checkout.review .listing .left .page .details .col.price .supp {
      margin-left: 5px; }
    .checkout.review .listing .left .page-th .details .col.price .eco, .checkout.review .listing .left .page .details .col.price .eco {
      color: #10a700; }
    .checkout.review .listing .left .page-th .details .col.price > span:nth-of-type(2), .checkout.review .listing .left .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .checkout.review .listing .left .page-th .details .col.price .supp:not(:last-child), .checkout.review .listing .left .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .checkout.review .listing .left .page-th .details .col.qty input, .checkout.review .listing .left .page-th .details .col.qty textarea, .checkout.review .listing .left .page .details .col.qty input, .checkout.review .listing .left .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .checkout.review .listing .left .page-th .details .col.qty input, .checkout.review .listing .left .page-th .details .col.qty button, .checkout.review .listing .left .page .details .col.qty input, .checkout.review .listing .left .page .details .col.qty button {
      height: 30px; }
    .checkout.review .listing .left .page-th .details .col.qty textarea, .checkout.review .listing .left .page .details .col.qty textarea {
      height: 50px; }
    .checkout.review .listing .left .page-th .details .col.qty input, .checkout.review .listing .left .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .checkout.review .listing .left .page-th .details .col.qty input.disabled, .checkout.review .listing .left .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .checkout.review .listing .left .page-th .details .col.qty input.input-validation-error, .checkout.review .listing .left .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .checkout.review .listing .left .page-th .details .col.qty span.margin + input, .checkout.review .listing .left .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .checkout.review .listing .left .page-th .details .col.qty span.uom, .checkout.review .listing .left .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .checkout.review .listing .left .page-th .details .col.qty > span.supp, .checkout.review .listing .left .page-th .details .col.qty .available, .checkout.review .listing .left .page .details .col.qty > span.supp, .checkout.review .listing .left .page .details .col.qty .available {
      line-height: 30px; }
    .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .cut, .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .cut, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button i, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .checkout.review .listing .left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .checkout.review .listing .left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .checkout.review .listing .left .page-th .details .col.qty .cable-cuts, .checkout.review .listing .left .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .checkout.review .listing .left .page-th .details .col.total .saving, .checkout.review .listing .left .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .checkout.review .listing .left .page-th .details .add-to-cart, .checkout.review .listing .left .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart, .checkout.review .listing .left .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart:hover, .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart:focus, .checkout.review .listing .left .page .details .add-to-cart button.add-cart:hover, .checkout.review .listing .left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart a, .checkout.review .listing .left .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart:focus, .checkout.review .listing .left .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart:hover, .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart:focus, .checkout.review .listing .left .page .details .add-to-cart button.add-cart:hover, .checkout.review .listing .left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart.disabled, .checkout.review .listing .left .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .checkout.review .listing .left .page-th .details .add-to-cart button.add-cart, .checkout.review .listing .left .page-th .details .add-to-cart .btn-sml, .checkout.review .listing .left .page .details .add-to-cart button.add-cart, .checkout.review .listing .left .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .checkout.review .listing .left .page-th .details .add-to-cart .text, .checkout.review .listing .left .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .checkout.review .listing .left .page-th .details .add-to-cart .text:before, .checkout.review .listing .left .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .checkout.review .listing .left .page-th .details .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .checkout.review .listing .left .page-th .details .alert-warning > span, .checkout.review .listing .left .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .checkout.review .listing .left .page-th .details .download, .checkout.review .listing .left .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .checkout.review .listing .left .page-th .details .download i, .checkout.review .listing .left .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .checkout.review .listing .left .page-th .details .download > a, .checkout.review .listing .left .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .download > a span, .checkout.review .listing .left .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .checkout.review .listing .left .page-th .details .download > a span:hover, .checkout.review .listing .left .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .checkout.review .listing .left .page-th .details .download > a img, .checkout.review .listing .left .page .details .download > a img {
        height: 1rem; }
      .checkout.review .listing .left .page-th .details .download > a i, .checkout.review .listing .left .page .details .download > a i {
        font-size: 1rem; }
    .checkout.review .listing .left .page-th .details .download #docModal .modal-dialog, .checkout.review .listing .left .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .checkout.review .listing .left .page-th .details .download .modal .modal-title, .checkout.review .listing .left .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-title .text, .checkout.review .listing .left .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .checkout.review .listing .left .page-th .details .download .modal .modal-title .text .sub-title, .checkout.review .listing .left .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .checkout.review .listing .left .page-th .details .download .modal .modal-title .text .title, .checkout.review .listing .left .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .checkout.review .listing .left .page-th .details .download .modal .modal-title .text .title:after, .checkout.review .listing .left .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .checkout.review .listing .left .page-th .details .download .modal .modal-body > div, .checkout.review .listing .left .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .checkout.review .listing .left .page-th .details .download .modal .modal-body div, .checkout.review .listing .left .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div .doc:before, .checkout.review .listing .left .page-th .details .download .modal .modal-body div .xLink:before, .checkout.review .listing .left .page-th .details .download .modal .modal-body div .xDocs:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .doc:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .xLink:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div .doc:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div .xLink:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div .xDocs:before, .checkout.review .listing .left .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div span, .checkout.review .listing .left .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .checkout.review .listing .left .page-th .details .download .modal .modal-body div span:before, .checkout.review .listing .left .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .checkout.review .listing .left .page-th .details .download .modal .modal-body div span a, .checkout.review .listing .left .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .checkout.review .listing .left .page-th .details .download .modal .modal-body div span a:hover, .checkout.review .listing .left .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .checkout.review .listing .left .page-th .details .download .modal .btn-secondary, .checkout.review .listing .left .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .checkout.review .listing .left .page-th .details .download .modal .btn-secondary i, .checkout.review .listing .left .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .checkout.review .listing .left .page-th .details .download .modal .modal-title, .checkout.review .listing .left .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .checkout.review .listing .left .page-th .details .download .modal .modal-title .text, .checkout.review .listing .left .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .checkout.review .listing .left .page-th .details .download .modal .modal-body div, .checkout.review .listing .left .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .checkout.review .listing .left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .checkout.review .listing .left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .checkout.review .listing .left .page-th .details .col.total .saving, .checkout.review .listing .left .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .checkout.review .listing .left .page-th .details .col.total .saving, .checkout.review .listing .left .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .checkout.review .listing .left .page-th .details .checkbox, .checkout.review .listing .left .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .checkout.review .listing .left .page-th .details .col ._labels, .checkout.review .listing .left .page .details .col ._labels {
    display: block !important; }
  .checkout.review .listing .left .page-th .details .inventory ._labels, .checkout.review .listing .left .page .details .inventory ._labels {
    display: none !important; }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .checkout.review .listing .left .page-th .details .col.price span, .checkout.review .listing .left .page .details .col.price span {
      display: flex;
      align-items: center; }
  .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page .details .col.qty {
    max-width: 360px !important; }
    .checkout.review .listing .left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .checkout.review .listing .left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .checkout.review .listing .left .page-th .details .col.total, .checkout.review .listing .left .page .details .col.total {
    flex-wrap: wrap; }
    .checkout.review .listing .left .page-th .details .col.total .saving, .checkout.review .listing .left .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .checkout.review .listing .left .page-th .details .add-to-cart, .checkout.review .listing .left .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .checkout.review .listing .left .page-th .details .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.checkout.review .listing .left .page-th form, .checkout.review .listing .left .page form {
  width: 100%;
  padding: 15px 0px; }
.checkout.review .listing .left .page-th .details, .checkout.review .listing .left .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .checkout.review .listing .left .page-th .details .checkbox, .checkout.review .listing .left .page .details .checkbox {
    align-self: center; }
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .checkout.review .listing .left .page-th .details .col.pro-details .s-desc, .checkout.review .listing .left .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .checkout.review .listing .left .page-th .details .col.pro-details .s-desc:after, .checkout.review .listing .left .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page-th .details .col.total, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .col.total {
    text-align: right; }
  .checkout.review .listing .left .page-th .details .ordered .qty, .checkout.review .listing .left .page .details .ordered .qty {
    text-align: left; }
  .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page .details .col.qty {
    position: static; }
    .checkout.review .listing .left .page-th .details .col.qty .uom + .supp, .checkout.review .listing .left .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .checkout.review .listing .left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .checkout.review .listing .left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .checkout.review .listing .left .page-th .details .col.price .eco, .checkout.review .listing .left .page .details .col.price .eco {
    margin-top: 3px; }
  .checkout.review .listing .left .page-th .details .col.price:empty, .checkout.review .listing .left .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .checkout.review .listing .left .page-th .details .sp-tags, .checkout.review .listing .left .page .details .sp-tags {
    justify-content: flex-end; }
  .checkout.review .listing .left .page-th .details .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .checkout.review .listing .left .page-th .details .remove, .checkout.review .listing .left .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .checkout.review .listing .left .page-th .details .remove button, .checkout.review .listing .left .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .checkout.review .listing .left .page-th .details .remove button, .checkout.review .listing .left .page-th .details .remove a, .checkout.review .listing .left .page .details .remove button, .checkout.review .listing .left .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .checkout.review .listing .left .page-th .details .remove button:hover, .checkout.review .listing .left .page-th .details .remove a:hover, .checkout.review .listing .left .page .details .remove button:hover, .checkout.review .listing .left .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .checkout.review .listing .left .page-th .details .remove button span, .checkout.review .listing .left .page-th .details .remove a span, .checkout.review .listing .left .page .details .remove button span, .checkout.review .listing .left .page .details .remove a span {
        margin-left: 3px; }
      .checkout.review .listing .left .page-th .details .remove button i, .checkout.review .listing .left .page-th .details .remove a i, .checkout.review .listing .left .page .details .remove button i, .checkout.review .listing .left .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .checkout.review .listing .left .page-th .details .remove button:hover i, .checkout.review .listing .left .page-th .details .remove a:hover i, .checkout.review .listing .left .page .details .remove button:hover i, .checkout.review .listing .left .page .details .remove a:hover i {
        color: #214a8c; }
    .checkout.review .listing .left .page-th .details .remove button, .checkout.review .listing .left .page .details .remove button {
      background: none; }
  .checkout.review .listing .left .page-th .details .remove, .checkout.review .listing .left .page-th .details .pro-status, .checkout.review .listing .left .page .details .remove, .checkout.review .listing .left .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .checkout.review .listing .left .page-th .details .pro-status, .checkout.review .listing .left .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .checkout.review .listing .left .page-th .details .pro-status:before, .checkout.review .listing .left .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .checkout.review .listing .left .page-th .details .pro-status.add, .checkout.review .listing .left .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .checkout.review .listing .left .page-th .details .pro-status.add:before, .checkout.review .listing .left .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .checkout.review .listing .left .page-th .details .pro-status.update, .checkout.review .listing .left .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .checkout.review .listing .left .page-th .details .pro-status.update:before, .checkout.review .listing .left .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .checkout.review .listing .left .page-th .details .pro-status.remove, .checkout.review .listing .left .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .checkout.review .listing .left .page-th .details .pro-status.remove:before, .checkout.review .listing .left .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .checkout.review .listing .left .page-th .details .pro-status.update:nth-last-child(4), .checkout.review .listing .left .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .checkout.review .listing .left .page-th .details .pro-status.note, .checkout.review .listing .left .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .checkout.review .listing .left .page-th .details .pro-status.note:before, .checkout.review .listing .left .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .checkout.review .listing .left .page-th .details .quote-details, .checkout.review .listing .left .page .details .quote-details {
    padding-left: 100px; }
    .checkout.review .listing .left .page-th .details .quote-details .pro-note, .checkout.review .listing .left .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note label, .checkout.review .listing .left .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note span.update, .checkout.review .listing .left .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note input, .checkout.review .listing .left .page-th .details .quote-details .pro-note textarea, .checkout.review .listing .left .page .details .quote-details .pro-note input, .checkout.review .listing .left .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note input, .checkout.review .listing .left .page-th .details .quote-details .pro-note button, .checkout.review .listing .left .page .details .quote-details .pro-note input, .checkout.review .listing .left .page .details .quote-details .pro-note button {
        height: 30px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note textarea, .checkout.review .listing .left .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note p, .checkout.review .listing .left .page-th .details .quote-details .pro-note textarea, .checkout.review .listing .left .page .details .quote-details .pro-note p, .checkout.review .listing .left .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note textarea, .checkout.review .listing .left .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note p.supp, .checkout.review .listing .left .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .checkout.review .listing .left .page-th .details:hover .text .s-desc:before, .checkout.review .listing .left .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .checkout.review .listing .left .page-th .details:not(.dnr), .checkout.review .listing .left .page .details:not(.dnr) {
    justify-content: space-between; }
  .checkout.review .listing .left .page-th .quote-details, .checkout.review .listing .left .page .quote-details {
    flex-direction: row; }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .checkout.review .listing .left .page-th .details .col.price .eco, .checkout.review .listing .left .page .details .col.price .eco {
      min-width: 100%; }
  .checkout.review .listing .left .page-th .details .sp-tags .tag, .checkout.review .listing .left .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .checkout.review .listing .left .page-th .details .checkbox, .checkout.review .listing .left .page .details .checkbox {
    position: absolute; }
  .checkout.review .listing .left .page-th .details .col ._labels, .checkout.review .listing .left .page .details .col ._labels {
    display: block !important; }
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page-th .details .ordered, .checkout.review .listing .left .page-th .details .quote-details, .checkout.review .listing .left .page .details .col.pro-details, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .ordered, .checkout.review .listing .left .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page-th .details .ordered, .checkout.review .listing .left .page-th .details .quote-details, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .col.qty, .checkout.review .listing .left .page .details .ordered, .checkout.review .listing .left .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page .details .inventory {
    margin-top: 5px; }
    .checkout.review .listing .left .page-th .details .inventory .delivery .leadtime.supp, .checkout.review .listing .left .page-th .details .inventory .pickup .preferred, .checkout.review .listing .left .page-th .details .inventory .inventory .pickup a, .checkout.review .listing .left .page .details .inventory .delivery .leadtime.supp, .checkout.review .listing .left .page .details .inventory .pickup .preferred, .checkout.review .listing .left .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .checkout.review .listing .left .page-th .details .inventory .pickup:before, .checkout.review .listing .left .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .checkout.review .listing .left .page-th .details .inventory .pickup:after, .checkout.review .listing .left .page .details .inventory .pickup:after {
      bottom: -20px; }
  .checkout.review .listing .left .page-th .details .ordered span.supp, .checkout.review .listing .left .page .details .ordered span.supp {
    margin-left: 5px; }
    .checkout.review .listing .left .page-th .details .ordered span.supp:before, .checkout.review .listing .left .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .checkout.review .listing .left .page-th .details .ordered span.supp:after, .checkout.review .listing .left .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page .details .col.price {
    min-height: 45px; }
    .checkout.review .listing .left .page-th .details .col.price .eco, .checkout.review .listing .left .page .details .col.price .eco {
      margin-top: 0px; }
  .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .checkout.review .listing .left .page-th .details .col.qty .uom + .supp, .checkout.review .listing .left .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .checkout.review .listing .left .page-th .details .col.qty .cable-cuts, .checkout.review .listing .left .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .checkout.review .listing .left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .checkout.review .listing .left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .checkout.review .listing .left .page-th .details .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .checkout.review .listing .left .page-th .details .pro-status, .checkout.review .listing .left .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .checkout.review .listing .left .page-th .details .pro-status.update:nth-last-child(4), .checkout.review .listing .left .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .checkout.review .listing .left .page-th .details .update + .note, .checkout.review .listing .left .page .details .update + .note {
    left: auto;
    right: 0px; }
  .checkout.review .listing .left .page-th .details .pro-status + .quote-details, .checkout.review .listing .left .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .checkout.review .listing .left .page-th .details .quote-details, .checkout.review .listing .left .page .details .quote-details {
    flex-wrap: wrap; }
    .checkout.review .listing .left .page-th .details .quote-details .pro-note, .checkout.review .listing .left .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note label, .checkout.review .listing .left .page-th .details .quote-details .pro-note .text, .checkout.review .listing .left .page .details .quote-details .pro-note label, .checkout.review .listing .left .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note textarea, .checkout.review .listing .left .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .checkout.review .listing .left .page-th .details .quote-details .pro-note p.supp, .checkout.review .listing .left .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .checkout.review .listing .left .page-th .details .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .checkout.review .listing .left .page-th .details .col.pro-details .s-desc, .checkout.review .listing .left .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .checkout.review .listing .left .page-th .details .inventory, .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page-th .details .col.qty, .checkout.review .listing .left .page-th .details .ordered, .checkout.review .listing .left .page-th .details .quote-details, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .col.qty, .checkout.review .listing .left .page .details .ordered, .checkout.review .listing .left .page .details .quote-details {
    padding-left: 0px; }
  .checkout.review .listing .left .page-th .details .col.price, .checkout.review .listing .left .page .details .col.price {
    flex-wrap: wrap; }
  .checkout.review .listing .left .page-th .details .sp-tags, .checkout.review .listing .left .page .details .sp-tags {
    width: 100%; }
  .checkout.review .listing .left .page-th .details .col.qty .cable-cuts, .checkout.review .listing .left .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .checkout.review .listing .left .page-th .details .sp-tags, .checkout.review .listing .left .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .checkout.review .listing .left .page-th .details .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    position: absolute; }
  .checkout.review .listing .left .page-th .details .pro-status, .checkout.review .listing .left .page .details .pro-status {
    left: 0px; }
    .checkout.review .listing .left .page-th .details .pro-status:before, .checkout.review .listing .left .page .details .pro-status:before {
      display: none; } }
.checkout.review .listing .left .page-th, .checkout.review .listing .left .page .details {
  /* -------------- REMOVE AFTERWARDS -------------- */ }
  .checkout.review .listing .left .page-th form, .checkout.review .listing .left .page .details form {
    border-bottom: none;
    padding: 0px; }
    .checkout.review .listing .left .page-th form:hover, .checkout.review .listing .left .page .details form:hover {
      background-color: transparent; }
  .checkout.review .listing .left .page-th .inventory, .checkout.review .listing .left .page-th .col.qty, .checkout.review .listing .left .page-th .col.total, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.qty, .checkout.review .listing .left .page .details .col.total {
    max-width: 16.666667%; }
  .checkout.review .listing .left .page-th .col.pro-details .product-img, .checkout.review .listing .left .page .details .col.pro-details .product-img {
    width: 100%;
    height: 100px;
    max-width: 100px; }
    .checkout.review .listing .left .page-th .col.pro-details .product-img img, .checkout.review .listing .left .page .details .col.pro-details .product-img img {
      max-height: 80px;
      max-width: 80px; }
  .checkout.review .listing .left .page-th .alert-warning, .checkout.review .listing .left .page .details .alert-warning {
    position: inherit; }
  .checkout.review .listing .left .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .checkout.review .listing .left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 0px; }
  @media (max-width: 991px) {
    .checkout.review .listing .left .page-th .col.price, .checkout.review .listing .left .page-th .inventory, .checkout.review .listing .left .page-th .col.qty, .checkout.review .listing .left .page-th .col.total, .checkout.review .listing .left .page-th .ordered, .checkout.review .listing .left .page-th .quote-details, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.qty, .checkout.review .listing .left .page .details .col.total, .checkout.review .listing .left .page .details .ordered, .checkout.review .listing .left .page .details .quote-details {
      padding-left: 100px;
      max-width: 100%; }
    .checkout.review .listing .left .page-th .col.qty input ~ span + span + input, .checkout.review .listing .left .page .details .col.qty input ~ span + span + input {
      margin-left: 110px;
      margin-top: 5px; }
    .checkout.review .listing .left .page-th .col.qty input ~ span + span + input + span, .checkout.review .listing .left .page .details .col.qty input ~ span + span + input + span {
      margin-top: 5px; }
    .checkout.review .listing .left .page-th .col.total, .checkout.review .listing .left .page .details .col.total {
      display: flex;
      align-items: center; } }
  @media (max-width: 767px) {
    .checkout.review .listing .left .page-th .col.price, .checkout.review .listing .left .page-th .inventory, .checkout.review .listing .left .page-th .col.qty, .checkout.review .listing .left .page-th .col.total, .checkout.review .listing .left .page-th .ordered, .checkout.review .listing .left .page-th .quote-details, .checkout.review .listing .left .page .details .col.price, .checkout.review .listing .left .page .details .inventory, .checkout.review .listing .left .page .details .col.qty, .checkout.review .listing .left .page .details .col.total, .checkout.review .listing .left .page .details .ordered, .checkout.review .listing .left .page .details .quote-details {
      padding-left: 0px;
      width: 100%; } }
  .checkout.review .listing .left .page-th .checkbox, .checkout.review .listing .left .page .details .checkbox {
    display: none; }
  .checkout.review .listing .left .page-th .col.pro-details, .checkout.review .listing .left .page .details .col.pro-details {
    max-width: 50%; }
  .checkout.review .listing .left .page-th .col.price, .checkout.review .listing .left .page .details .col.price {
    max-width: 16.666667%; }
  .checkout.review .listing .left .page-th .col.qty, .checkout.review .listing .left .page .details .col.qty {
    position: relative; }
    .checkout.review .listing .left .page-th .col.qty .cable-cuts, .checkout.review .listing .left .page .details .col.qty .cable-cuts {
      padding-right: 20px; }
    .checkout.review .listing .left .page-th .col.qty .pro-notes, .checkout.review .listing .left .page .details .col.qty .pro-notes {
      position: absolute;
      top: 70px;
      left: -170px; }
      .checkout.review .listing .left .page-th .col.qty .pro-notes .note, .checkout.review .listing .left .page .details .col.qty .pro-notes .note {
        display: flex;
        align-items: center; }
      .checkout.review .listing .left .page-th .col.qty .pro-notes .note + .note, .checkout.review .listing .left .page .details .col.qty .pro-notes .note + .note {
        margin-top: 5px; }
      .checkout.review .listing .left .page-th .col.qty .pro-notes .note:empty, .checkout.review .listing .left .page .details .col.qty .pro-notes .note:empty {
        height: 30px; }
      .checkout.review .listing .left .page-th .col.qty .pro-notes input, .checkout.review .listing .left .page .details .col.qty .pro-notes input {
        border: 1px dashed #aaa;
        max-width: 170px;
        font-size: 0.8rem;
        text-align: left; }
      .checkout.review .listing .left .page-th .col.qty .pro-notes input ~ i, .checkout.review .listing .left .page .details .col.qty .pro-notes input ~ i {
        color: #aaa; }
      @media (max-width: 1199px) {
        .checkout.review .listing .left .page-th .col.qty .pro-notes, .checkout.review .listing .left .page .details .col.qty .pro-notes {
          left: -240px; } }
      @media (max-width: 991px) {
        .checkout.review .listing .left .page-th .col.qty .pro-notes, .checkout.review .listing .left .page .details .col.qty .pro-notes {
          top: 40px;
          left: auto; } }
      .checkout.review .listing .left .page-th .col.qty .pro-notes input, .checkout.review .listing .left .page .details .col.qty .pro-notes input {
        color: #666;
        background: #fff !important;
        border-color: #666; }
@media (min-width: 768px) {
  .checkout.review .listing .left > .page-th {
    overflow: hidden;
    align-self: flex-start !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0px;
    z-index: 2; } }
.checkout.review .listing .left .actions > div {
  max-width: 100%;
  flex: 0 0 100%; }
.checkout.review .listing._new .left .details {
  display: flex;
  flex-wrap: wrap; }
  .checkout.review .listing._new .left .details .day-time:last-of-type {
    margin-bottom: 15px; }
.checkout.review .listing._new .left .sub-header {
  margin-top: 40px; }
.checkout.review .col-3.right .page .details.proceed .checkout {
  background: #214a8c !important;
  color: #fff; }
  .checkout.review .col-3.right .page .details.proceed .checkout:hover, .checkout.review .col-3.right .page .details.proceed .checkout:focus {
    background: #08285c !important;
    border: none; }
.checkout.review .col-3.right .page .details.proceed .submit-btn.disabled {
  background: #eee !important;
  cursor: default;
  pointer-events: none; }
@media (max-width: 991px) {
  .checkout.review .listing .left .actions a {
    display: none !important; }
  .checkout.review .listing .left .page-th .col span._labels, .checkout.review .listing .left .page .details .col span._labels {
    display: block !important; }
  .checkout.review .listing .left .page-th .col.pro-details, .checkout.review .listing .left .page-th .col.price, .checkout.review .listing .left .page .details .col.pro-details, .checkout.review .listing .left .page .details .col.price {
    max-width: 100%; } }
@media (max-width: 767px) {
  .checkout.review .listing .actions {
    padding: 0px 0px 5px; }
    .checkout.review .listing .actions div {
      margin: 0px; } }

.checkout.confirmation .steps-all {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin: 0px auto;
  position: relative; }
  .checkout.confirmation .steps-all .step {
    display: flex;
    align-items: center;
    flex-flow: column;
    font-family: "Poppins", sans-serif;
    padding: 0px; }
    .checkout.confirmation .steps-all .step a {
      padding: 0px;
      display: flex;
      align-items: center;
      flex-direction: column;
      display: inline-flex;
      cursor: default;
      pointer-events: none; }
      .checkout.confirmation .steps-all .step a .num {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
        border: 1px solid #ccc;
        border-radius: 50%;
        color: #ccc;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
      .checkout.confirmation .steps-all .step a span {
        color: #ccc;
        margin-top: 5px;
        text-align: center;
        line-height: 1rem; }
  .checkout.confirmation .steps-all .step.link a {
    cursor: pointer;
    pointer-events: all; }
    .checkout.confirmation .steps-all .step.link a .num {
      color: #214a8c;
      background: #fff;
      border-color: #214a8c; }
    .checkout.confirmation .steps-all .step.link a span {
      color: #666;
      text-decoration: underline;
      color: #214a8c; }
      .checkout.confirmation .steps-all .step.link a span:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .checkout.confirmation .steps-all .step.link a span:hover {
        color: #08285c; }
  .checkout.confirmation .steps-all .step.active .num {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
  .checkout.confirmation .steps-all .step.active span {
    color: #214a8c; }
  .checkout.confirmation .steps-all .step.deactive .num {
    color: #fff;
    background: #fff;
    border-color: #214a8c; }
  .checkout.confirmation .steps-all .step.deactive .num:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92b";
    font-size: 1.75rem;
    left: 5px;
    color: #214a8c;
    padding: 0px; }
  .checkout.confirmation .steps-all .step.deactive span {
    color: #214a8c; }
  .checkout.confirmation .steps-all:before {
    background: #214a8c;
    content: "";
    width: 75%;
    height: 1px;
    left: 12.5%;
    position: absolute;
    top: 25px; }
  @media (min-width: 992px) {
    .checkout.confirmation .steps-all {
      max-width: 75%; } }
  @media (max-width: 991px) {
    .checkout.confirmation .steps-all {
      max-width: 100%; }
      .checkout.confirmation .steps-all .step span {
        min-height: 35px; } }
  @media (max-width: 767px) {
    .checkout.confirmation .steps-all .step {
      font-family: "Open Sans", sans-serif; }
      .checkout.confirmation .steps-all .step a .num {
        width: 40px;
        height: 40px;
        font-size: 1rem; }
      .checkout.confirmation .steps-all .step a span {
        font-size: 0.75rem;
        font-weight: 400; }
    .checkout.confirmation .steps-all:before {
      top: 20px; } }
.checkout.confirmation .steps-all + form .listing {
  padding-top: 40px; }
.checkout.confirmation .listing .col-12.left > div {
  border: 1px solid #666; }
.checkout.confirmation .listing .col-12.left .message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px; }
  .checkout.confirmation .listing .col-12.left .message .submit-btn {
    margin: 20px auto 0px; }
.checkout.confirmation .listing .col-12.left p.note {
  margin-left: 0px;
  max-width: 100%;
  text-align: center; }
.checkout.confirmation .listing .col-12.left p.links {
  margin-top: 20px;
  font-weight: 600; }
  .checkout.confirmation .listing .col-12.left p.links span:first-child {
    color: #222; }
  .checkout.confirmation .listing .col-12.left p.links span:last-child {
    color: #214a8c; }
.checkout.confirmation .listing .col-12.left .details {
  flex-wrap: wrap;
  border-top: none;
  padding: 25px 30px; }
  .checkout.confirmation .listing .col-12.left .details > div {
    padding: 0px; }
  .checkout.confirmation .listing .col-12.left .details .sub-title {
    font-weight: 600; }
  .checkout.confirmation .listing .col-12.left .details .actions {
    margin-top: 15px;
    border: none; }
    .checkout.confirmation .listing .col-12.left .details .actions div {
      font-family: "Poppins", sans-serif;
      color: #222; }
      .checkout.confirmation .listing .col-12.left .details .actions div span {
        color: #666; }
    @media (min-width: 768px) {
      .checkout.confirmation .listing .col-12.left .details .actions div + div {
        margin-left: 30px; } }
    .checkout.confirmation .listing .col-12.left .details .actions div span {
      margin-left: 5px; }
  .checkout.confirmation .listing .col-12.left .details .col-6:only-of-type {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center; }
@media (max-width: 991px) {
  .checkout.confirmation .steps-all + form .listing {
    padding-top: 20px; }
  .checkout.confirmation .listing .col-12.left .message {
    min-height: auto;
    padding: 15px; } }
@media (max-width: 767px) {
  .checkout.confirmation .listing .col-12.left .details {
    padding: 15px; }
    .checkout.confirmation .listing .col-12.left .details > .col-6 {
      max-width: 100%;
      flex: 0 0 100%; }
      .checkout.confirmation .listing .col-12.left .details > .col-6 .title {
        margin-bottom: 0px; }
    .checkout.confirmation .listing .col-12.left .details .col-6 + .col-6 {
      margin-top: 15px; }
    .checkout.confirmation .listing .col-12.left .details .actions {
      justify-content: flex-start; } }

.checkout.review.moneris .steps-all {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin: 0px auto;
  position: relative; }
  .checkout.review.moneris .steps-all .step {
    display: flex;
    align-items: center;
    flex-flow: column;
    font-family: "Poppins", sans-serif;
    padding: 0px; }
    .checkout.review.moneris .steps-all .step a {
      padding: 0px;
      display: flex;
      align-items: center;
      flex-direction: column;
      display: inline-flex;
      cursor: default;
      pointer-events: none; }
      .checkout.review.moneris .steps-all .step a .num {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
        border: 1px solid #ccc;
        border-radius: 50%;
        color: #ccc;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
      .checkout.review.moneris .steps-all .step a span {
        color: #ccc;
        margin-top: 5px;
        text-align: center;
        line-height: 1rem; }
  .checkout.review.moneris .steps-all .step.link a {
    cursor: pointer;
    pointer-events: all; }
    .checkout.review.moneris .steps-all .step.link a .num {
      color: #214a8c;
      background: #fff;
      border-color: #214a8c; }
    .checkout.review.moneris .steps-all .step.link a span {
      color: #666;
      text-decoration: underline;
      color: #214a8c; }
      .checkout.review.moneris .steps-all .step.link a span:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .checkout.review.moneris .steps-all .step.link a span:hover {
        color: #08285c; }
  .checkout.review.moneris .steps-all .step.active .num {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
  .checkout.review.moneris .steps-all .step.active span {
    color: #214a8c; }
  .checkout.review.moneris .steps-all .step.deactive .num {
    color: #fff;
    background: #fff;
    border-color: #214a8c; }
  .checkout.review.moneris .steps-all .step.deactive .num:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92b";
    font-size: 1.75rem;
    left: 5px;
    color: #214a8c;
    padding: 0px; }
  .checkout.review.moneris .steps-all .step.deactive span {
    color: #214a8c; }
  .checkout.review.moneris .steps-all:before {
    background: #214a8c;
    content: "";
    width: 75%;
    height: 1px;
    left: 12.5%;
    position: absolute;
    top: 25px; }
  @media (min-width: 992px) {
    .checkout.review.moneris .steps-all {
      max-width: 75%; } }
  @media (max-width: 991px) {
    .checkout.review.moneris .steps-all {
      max-width: 100%; }
      .checkout.review.moneris .steps-all .step span {
        min-height: 35px; } }
  @media (max-width: 767px) {
    .checkout.review.moneris .steps-all .step {
      font-family: "Open Sans", sans-serif; }
      .checkout.review.moneris .steps-all .step a .num {
        width: 40px;
        height: 40px;
        font-size: 1rem; }
      .checkout.review.moneris .steps-all .step a span {
        font-size: 0.75rem;
        font-weight: 400; }
    .checkout.review.moneris .steps-all:before {
      top: 20px; } }
  .checkout.review.moneris .steps-all:before {
    background: linear-gradient(90deg, #214a8c 0%, #214a8c 33%, #ccc 33.05%, #ccc 100%);
    content: "";
    width: 75%;
    left: 12.5%; }

.checkout.moneris .steps-all {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin: 0px auto;
  position: relative; }
  .checkout.moneris .steps-all .step {
    display: flex;
    align-items: center;
    flex-flow: column;
    font-family: "Poppins", sans-serif;
    padding: 0px; }
    .checkout.moneris .steps-all .step a {
      padding: 0px;
      display: flex;
      align-items: center;
      flex-direction: column;
      display: inline-flex;
      cursor: default;
      pointer-events: none; }
      .checkout.moneris .steps-all .step a .num {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
        border: 1px solid #ccc;
        border-radius: 50%;
        color: #ccc;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
      .checkout.moneris .steps-all .step a span {
        color: #ccc;
        margin-top: 5px;
        text-align: center;
        line-height: 1rem; }
  .checkout.moneris .steps-all .step.link a {
    cursor: pointer;
    pointer-events: all; }
    .checkout.moneris .steps-all .step.link a .num {
      color: #214a8c;
      background: #fff;
      border-color: #214a8c; }
    .checkout.moneris .steps-all .step.link a span {
      color: #666;
      text-decoration: underline;
      color: #214a8c; }
      .checkout.moneris .steps-all .step.link a span:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
      .checkout.moneris .steps-all .step.link a span:hover {
        color: #08285c; }
  .checkout.moneris .steps-all .step.active .num {
    color: #fff;
    background: #214a8c;
    border-color: #214a8c; }
  .checkout.moneris .steps-all .step.active span {
    color: #214a8c; }
  .checkout.moneris .steps-all .step.deactive .num {
    color: #fff;
    background: #fff;
    border-color: #214a8c; }
  .checkout.moneris .steps-all .step.deactive .num:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92b";
    font-size: 1.75rem;
    left: 5px;
    color: #214a8c;
    padding: 0px; }
  .checkout.moneris .steps-all .step.deactive span {
    color: #214a8c; }
  .checkout.moneris .steps-all:before {
    background: #214a8c;
    content: "";
    width: 75%;
    height: 1px;
    left: 12.5%;
    position: absolute;
    top: 25px; }
  @media (min-width: 992px) {
    .checkout.moneris .steps-all {
      max-width: 75%; } }
  @media (max-width: 991px) {
    .checkout.moneris .steps-all {
      max-width: 100%; }
      .checkout.moneris .steps-all .step span {
        min-height: 35px; } }
  @media (max-width: 767px) {
    .checkout.moneris .steps-all .step {
      font-family: "Open Sans", sans-serif; }
      .checkout.moneris .steps-all .step a .num {
        width: 40px;
        height: 40px;
        font-size: 1rem; }
      .checkout.moneris .steps-all .step a span {
        font-size: 0.75rem;
        font-weight: 400; }
    .checkout.moneris .steps-all:before {
      top: 20px; } }
  .checkout.moneris .steps-all:before {
    background: linear-gradient(90deg, #214a8c 0%, #214a8c 33%, #ccc 33.05%, #ccc 100%);
    content: "";
    width: 75%;
    left: 12.5%; }
  .checkout.moneris .steps-all:before {
    background: linear-gradient(90deg, #214a8c 0%, #214a8c 66%, #ccc 66.05%, #ccc 100%); }
.checkout.moneris .listing .col-12.left .page-th > .col {
  text-align: left; }
.checkout.moneris .listing .col-12.left .page {
  border: 1px solid #666; }
.checkout.moneris .listing .col-12.left .i-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(500px + 100px - 10px) !important; }
  .checkout.moneris .listing .col-12.left .i-frame iframe {
    width: 100%;
    border: none; }
  @media (max-width: 991px) {
    .checkout.moneris .listing .col-12.left .i-frame {
      height: calc(500px + 200px) !important; } }

.checkout.confirmation.moneris .steps-all:before {
  background: #214a8c; }

.b2b .checkout .listing._new .left .details .e-group.row .pick-where.td-8 {
  width: calc(33.333333% - 20px);
  margin-bottom: 20px;
  margin-right: 15px !important; }

.tariffsca > span.left::before, .tariffsus > span.left::before {
  font-family: "Feather";
  color: #214a8c;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1;
  font-size: 1.1rem;
  padding-right: 5px;
  right: 0px;
  font-weight: 400;
  content: "\e904";
  font-family: "Feather";
  font-weight: 900;
  color: #de6e00;
  display: inline-block; }

@media (max-width: 991px) {
  .checkout.review .listing._new .left .details#shipping .col-6 {
    max-width: 100%;
    flex: 0 0 100%; }
  .checkout.review .listing._new .left .details#shipping .col-6, .checkout.review .listing._new .left .details#shipping .title, .checkout.review .listing._new .left .details#shipping div:last-of-type p {
    margin-bottom: 0px; }
  .checkout.review .listing._new .left .sub-header {
    margin-top: 20px; } }
@media (min-width: 768px) {
  .checkout.moneris .listing .col-12.left .page {
    border-top: none; } }
.job-builder {
  padding: 0px; }
  .job-builder .header {
    margin-bottom: 20px;
    text-align: center; }
    .job-builder .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .job-builder .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .job-builder .header.next-prev a.btn-sml:hover, .job-builder .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .job-builder .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .job-builder .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .job-builder .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .job-builder section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .job-builder section {
        margin: 15px auto; } }
  .job-builder .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .job-builder .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .job-builder .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .job-builder .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .job-builder .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .job-builder .header.next-prev .btn-sml i {
        font-size: 25px; }
      .job-builder .header.next-prev .btn-sml span {
        display: none !important; }
    .job-builder .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .job-builder form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .job-builder form .field-validation-error:not(.text-danger), .job-builder form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .job-builder form .field-validation-error:not(.text-danger) span, .job-builder form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .job-builder form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .job-builder form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .job-builder form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .job-builder form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .job-builder form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .job-builder form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .validation-summary-error ul li:before, .job-builder form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .validation-summary-error ul li span, .job-builder form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .validation-summary-error ul li span + span:before, .job-builder form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .job-builder form .validation-summary-error ul li:before, .job-builder form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .job-builder form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .job-builder form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .job-builder form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .validation-summary-success ul li, .job-builder form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .validation-summary-success ul li:before, .job-builder form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .validation-summary-success ul li span, .job-builder form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .validation-summary-success ul li span + span:before, .job-builder form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .validation-summary-success ul li, .job-builder form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .job-builder form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .job-builder form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .job-builder form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .alert-success ul li, .job-builder form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .alert-success ul li:before, .job-builder form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .alert-success ul li span, .job-builder form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .alert-success ul li span + span:before, .job-builder form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .alert-success ul li, .job-builder form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .job-builder form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .job-builder form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .job-builder form .alert-success p {
            font-size: 0.8rem; }
          .job-builder form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .job-builder form .e-group {
      margin: 0px auto; }
    .job-builder form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .job-builder form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .job-builder form .select {
      position: relative; }
      .job-builder form .select label {
        display: inherit; }
        .job-builder form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .job-builder form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .job-builder form input[type="number"], .job-builder form input[type="number"]::-webkit-inner-spin-button, .job-builder form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .job-builder form select, .job-builder form input, .job-builder form button {
      height: 50px; }
    .job-builder form select, .job-builder form textarea, .job-builder form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .job-builder form select:focus, .job-builder form textarea:focus, .job-builder form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .job-builder form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .job-builder form p.center {
      text-align: center;
      line-height: 30px; }
    .job-builder form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .job-builder form p.mandatory, .job-builder form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .job-builder form p.mandatory span, .job-builder form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .job-builder form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .job-builder form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .job-builder form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .job-builder form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .job-builder form label.user:after {
      content: "\e9f1"; }
    .job-builder form label.password:after {
      content: "\e987"; }
    .job-builder form label.email:after {
      content: "\e98a"; }
    .job-builder form label.search:after {
      content: "\e9c1"; }
    .job-builder form label.box1:after {
      content: "\e9a2"; }
    .job-builder form label.home:after {
      content: "\e979"; }
    .job-builder form label.phone:after {
      content: "\e9a7"; }
    .job-builder form label.mobile:after {
      content: "\e9d2"; }
    .job-builder form label.flag:after {
      content: "\e967"; }
    .job-builder form label.address:after {
      content: "\e98b"; }
    .job-builder form label.postal:after {
      content: "\e98c"; }
    .job-builder form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .job-builder form label.doc1:after {
      content: "\e938"; }
    .job-builder form label.hash:after {
      content: "\e975"; }
    .job-builder form label.dollar:after {
      content: "\e954"; }
    .job-builder form label.msg1:after {
      content: "\e990"; }
    .job-builder form label.percent:after {
      content: "\e9a6"; }
    .job-builder form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .job-builder form .submit-btn:hover, .job-builder form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .job-builder form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .job-builder form .submit-btn:focus {
        outline-style: none; }
    .job-builder form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .job-builder form .btn-sml:hover, .job-builder form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .job-builder form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .job-builder form .btn-sml:focus {
        outline-style: none; }
    .job-builder form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .job-builder form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .job-builder form .btn-red:hover, .job-builder form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .job-builder form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .job-builder form .btn-dark:hover, .job-builder form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .job-builder form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .job-builder form .btn-dark-bdr:hover, .job-builder form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .job-builder form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .job-builder form .btn-darker-bdr:hover, .job-builder form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .job-builder form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .job-builder form .btn-brand-bdr:hover, .job-builder form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .job-builder form input.disabled, .job-builder form a.disabled, .job-builder form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder form input.input-validation-error, .job-builder form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .job-builder form .btn-sml.add-more {
      margin-left: 10px; }
      .job-builder form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .job-builder form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .job-builder form .btn-sml.add-cart, .job-builder form .btn-sml.add-more, .job-builder form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .job-builder form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .job-builder form .add-more:hover, .job-builder form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .job-builder form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .job-builder form .add-cart:hover, .job-builder form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .job-builder form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder form .add-more.disabled, .job-builder form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .job-builder form .links {
      text-align: center; }
      .job-builder form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .job-builder form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .job-builder form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .job-builder form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .job-builder form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .job-builder form .e-row.deactive select, .job-builder form .e-row.deactive textarea, .job-builder form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .job-builder form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .job-builder form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .job-builder form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .job-builder form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .job-builder form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .job-builder form .duo input, .job-builder form .duo a {
        margin: 0px; }
      .job-builder form .duo input + a, .job-builder form .duo input + input {
        margin-left: 20px; }
    .job-builder form .uom-dpdn {
      position: relative; }
      .job-builder form .uom-dpdn label {
        display: inherit; }
        .job-builder form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .job-builder form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .job-builder form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .job-builder form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .job-builder form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .job-builder form {
        margin: 10px auto; }
        .job-builder form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .job-builder form .e-row {
          margin-bottom: 20px; }
        .job-builder form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .job-builder form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .job-builder form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .job-builder form.search input, .job-builder form.search button {
      border-radius: 0px;
      float: left; }
    .job-builder form.search input:focus, .job-builder form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .job-builder form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .job-builder form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .job-builder form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .job-builder form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .job-builder form.search button {
        width: 40px; }
      .job-builder form.search input, .job-builder form.search button {
        height: 40px; }
      .job-builder form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .job-builder form.search input {
        width: calc(100% - 40px); } }
    .job-builder form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .job-builder form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .job-builder form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .job-builder form.search i {
        top: 7px; } }
  .job-builder .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .job-builder .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .job-builder .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .job-builder .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .job-builder .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .job-builder .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .job-builder .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .job-builder .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .job-builder .custom-radiobox:hover p {
      color: #214a8c; }
    .job-builder .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .job-builder .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .job-builder .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .job-builder .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .job-builder .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .job-builder .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .job-builder .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .job-builder .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .job-builder .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .job-builder .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .job-builder .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .job-builder .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .job-builder .custom-checkbox:hover p {
      color: #214a8c; }
    .job-builder .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .job-builder .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .job-builder .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .job-builder .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .job-builder .custom-checkbox p span {
      line-height: 1.2; }
  .job-builder a {
    color: #222; }
    .job-builder a:hover {
      color: #214a8c !important; }
  .job-builder .listing {
    clear: both;
    position: relative; }
    .job-builder .listing .page-th > .col, .job-builder .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .job-builder .listing .page-th .price, .job-builder .listing .page-th .qty, .job-builder .listing .page .details .price, .job-builder .listing .page .details .qty {
      text-align: right; }
    .job-builder .listing .page-th .col.price, .job-builder .listing .page-th .ordered, .job-builder .listing .page .details .col.price, .job-builder .listing .page .details .ordered {
      max-width: 13.33%; }
    .job-builder .listing .page-th .inventory, .job-builder .listing .page .details .inventory {
      max-width: 20%; }
    .job-builder .listing .page-th .col.qty, .job-builder .listing .page-th .col.total, .job-builder .listing .page .details .col.qty, .job-builder .listing .page .details .col.total {
      max-width: 16.666667%; }
    .job-builder .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .job-builder .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .job-builder .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .job-builder .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .job-builder .listing .page > form {
      margin: 0px; }
    .job-builder .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .job-builder .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .job-builder .listing .page .details .time, .job-builder .listing .page .details .type {
        font-weight: 600; }
      .job-builder .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .job-builder .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .job-builder .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .job-builder .listing .page .details .submit input, .job-builder .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .job-builder .listing .page .details .submit input {
          padding: 3px 15px; }
        .job-builder .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .job-builder .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .job-builder .listing .page .details + .actions a .fe-download, .job-builder .listing .page .details + .actions a span, .job-builder .listing .page .details + .sub-total .actions a .fe-download, .job-builder .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .job-builder .listing .summary .page-th > .col {
      text-align: left; }
    .job-builder .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .job-builder .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .job-builder .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .job-builder .listing .summary .page .details .eco .right {
        color: #10a700; }
      .job-builder .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .job-builder .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .job-builder .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .job-builder .listing .summary .page .details .total .left {
          font-weight: 600; }
        .job-builder .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .job-builder .listing .summary .page .details .sub-total .right, .job-builder .listing .summary .page .details .items .right {
        color: #222; }
      .job-builder .listing .summary .page .details .sub-total .right, .job-builder .listing .summary .page .details .items .right, .job-builder .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .job-builder .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .job-builder .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .job-builder .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .job-builder .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .job-builder .listing .summary .page .details .e-row input[type="text"], .job-builder .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .job-builder .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .job-builder .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .job-builder .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .job-builder .listing .summary .page .details .col.total {
        max-width: 100%; }
      .job-builder .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .job-builder .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .job-builder .listing .summary .page .details.proceed .e-group, .job-builder .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .job-builder .listing .summary .page .details.proceed .e-group .add-cart, .job-builder .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .job-builder .listing .summary .page .details.proceed .e-group .add-more, .job-builder .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .job-builder .listing .summary .page .details.proceed .e-group .add-more i, .job-builder .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .job-builder .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .job-builder .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .job-builder .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .job-builder .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .job-builder .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .job-builder .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .job-builder .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .job-builder .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .job-builder .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .job-builder .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .job-builder .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .job-builder .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .job-builder .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .job-builder .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .job-builder .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .job-builder .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .job-builder .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .job-builder .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .job-builder .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .job-builder .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .job-builder .listing #accordion, .job-builder .listing #braidAccordian {
      flex-wrap: wrap; }
      .job-builder .listing #accordion .title-link, .job-builder .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .job-builder .listing #accordion .title-link .col, .job-builder .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .job-builder .listing #accordion .title-link.collapsed, .job-builder .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .job-builder .listing #accordion .title-link:after, .job-builder .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .job-builder .listing #accordion .title-link.collapsed:after, .job-builder .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .job-builder .listing #accordion .title-link + .collapse + .title-link, .job-builder .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .job-builder .listing #accordion .collapse:not(.show), .job-builder .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .job-builder .listing #accordion .details, .job-builder .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .job-builder .listing .td-1 {
      max-width: 8.33%; }
    .job-builder .listing .td-2 {
      max-width: 16.666667%; }
    .job-builder .listing .td-3 {
      max-width: 25%; }
    .job-builder .listing .td-4 {
      max-width: 33.333333%; }
    .job-builder .listing .td-5 {
      max-width: 41.666667%; }
    .job-builder .listing .td-6 {
      max-width: 50%; }
    .job-builder .listing .td-7 {
      max-width: 58.33%; }
    .job-builder .listing .td-8 {
      max-width: 66.66%; }
    .job-builder .listing .td-9 {
      max-width: 75%; }
    .job-builder .listing .td-10 {
      max-width: 83.33333333%; }
    .job-builder .listing .td-11 {
      max-width: 91.66666667%; }
    .job-builder .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .job-builder .listing .center {
      text-align: center; }
    .job-builder .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .job-builder .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .job-builder .listing .col-9.left {
      padding-right: 20px; }
    .job-builder .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .job-builder .listing .actions .results {
        color: #222; }
        .job-builder .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .job-builder .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .job-builder .listing .actions .search input, .job-builder .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .job-builder .listing .actions .search input:focus, .job-builder .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .job-builder .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .job-builder .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .job-builder .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .job-builder .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .job-builder .listing .actions .search button {
            width: 40px; }
          .job-builder .listing .actions .search input, .job-builder .listing .actions .search button {
            height: 40px; }
          .job-builder .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .job-builder .listing .actions .search input {
            width: calc(100% - 40px); } }
        .job-builder .listing .actions .search input, .job-builder .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .job-builder .listing .actions .search input, .job-builder .listing .actions .search button {
          height: 30px; }
        .job-builder .listing .actions .search textarea {
          height: 50px; }
        .job-builder .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .job-builder .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .job-builder .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .job-builder .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .job-builder .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .job-builder .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .job-builder .listing .actions .search:only-child {
        padding: 10px; }
      .job-builder .listing .actions a.pdf-export, .job-builder .listing .actions a.excel-export, .job-builder .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .job-builder .listing .actions a.pdf-export.active, .job-builder .listing .actions a.excel-export.active, .job-builder .listing .actions a.import-pro.active {
          color: #214a8c; }
          .job-builder .listing .actions a.pdf-export.active:before, .job-builder .listing .actions a.excel-export.active:before, .job-builder .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .job-builder .listing .actions #exportPdf, .job-builder .listing .actions #exportExcel, .job-builder .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .job-builder .listing .actions #exportPdf form, .job-builder .listing .actions #exportExcel form, .job-builder .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .job-builder .listing .actions #exportPdf form label, .job-builder .listing .actions #exportExcel form label, .job-builder .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .job-builder .listing .actions #exportPdf form > div, .job-builder .listing .actions #exportExcel form > div, .job-builder .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .job-builder .listing .actions #exportPdf form > div:not(.generate), .job-builder .listing .actions #exportExcel form > div:not(.generate), .job-builder .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .job-builder .listing .actions #exportPdf form .left, .job-builder .listing .actions #exportExcel form .left, .job-builder .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .job-builder .listing .actions #exportPdf form .right, .job-builder .listing .actions #exportExcel form .right, .job-builder .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .job-builder .listing .actions #exportPdf form .attachment, .job-builder .listing .actions #exportExcel form .attachment, .job-builder .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .job-builder .listing .actions #exportPdf form .attachment > div, .job-builder .listing .actions #exportExcel form .attachment > div, .job-builder .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .job-builder .listing .actions #exportPdf form .attachment .col-3, .job-builder .listing .actions #exportPdf form .attachment .col-9, .job-builder .listing .actions #exportExcel form .attachment .col-3, .job-builder .listing .actions #exportExcel form .attachment .col-9, .job-builder .listing .actions #importPro form .attachment .col-3, .job-builder .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .job-builder .listing .actions #exportPdf form .attachment .col-3 > div, .job-builder .listing .actions #exportPdf form .attachment .col-9 > div, .job-builder .listing .actions #exportExcel form .attachment .col-3 > div, .job-builder .listing .actions #exportExcel form .attachment .col-9 > div, .job-builder .listing .actions #importPro form .attachment .col-3 > div, .job-builder .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .job-builder .listing .actions #exportPdf form .attachment .col-3 > label, .job-builder .listing .actions #exportPdf form .attachment .col-9 > label, .job-builder .listing .actions #exportExcel form .attachment .col-3 > label, .job-builder .listing .actions #exportExcel form .attachment .col-9 > label, .job-builder .listing .actions #importPro form .attachment .col-3 > label, .job-builder .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .job-builder .listing .actions #exportPdf form .attachment .col-3 p.supp, .job-builder .listing .actions #exportPdf form .attachment .col-9 p.supp, .job-builder .listing .actions #exportExcel form .attachment .col-3 p.supp, .job-builder .listing .actions #exportExcel form .attachment .col-9 p.supp, .job-builder .listing .actions #importPro form .attachment .col-3 p.supp, .job-builder .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .job-builder .listing .actions #exportPdf form .attachment .col-9, .job-builder .listing .actions #exportExcel form .attachment .col-9, .job-builder .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .job-builder .listing .actions #exportPdf form .attachment .text, .job-builder .listing .actions #exportPdf form .attachment .image, .job-builder .listing .actions #exportExcel form .attachment .text, .job-builder .listing .actions #exportExcel form .attachment .image, .job-builder .listing .actions #importPro form .attachment .text, .job-builder .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .job-builder .listing .actions #exportPdf form .attachment .text p, .job-builder .listing .actions #exportPdf form .attachment .image p, .job-builder .listing .actions #exportExcel form .attachment .text p, .job-builder .listing .actions #exportExcel form .attachment .image p, .job-builder .listing .actions #importPro form .attachment .text p, .job-builder .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .job-builder .listing .actions #exportPdf form .attachment .image, .job-builder .listing .actions #exportExcel form .attachment .image, .job-builder .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .job-builder .listing .actions #exportPdf form .attachment .image p, .job-builder .listing .actions #exportExcel form .attachment .image p, .job-builder .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .job-builder .listing .actions #exportPdf form .attachment .image img, .job-builder .listing .actions #exportExcel form .attachment .image img, .job-builder .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .job-builder .listing .actions #exportPdf form .attachment .btns, .job-builder .listing .actions #exportExcel form .attachment .btns, .job-builder .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .job-builder .listing .actions #exportPdf form .attachment .btns i, .job-builder .listing .actions #exportExcel form .attachment .btns i, .job-builder .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .job-builder .listing .actions #exportPdf form .attachment .btns a, .job-builder .listing .actions #exportPdf form .attachment .btns input, .job-builder .listing .actions #exportPdf form .attachment .btns button, .job-builder .listing .actions #exportExcel form .attachment .btns a, .job-builder .listing .actions #exportExcel form .attachment .btns input, .job-builder .listing .actions #exportExcel form .attachment .btns button, .job-builder .listing .actions #importPro form .attachment .btns a, .job-builder .listing .actions #importPro form .attachment .btns input, .job-builder .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .job-builder .listing .actions #exportPdf form .attachment .btns a:focus, .job-builder .listing .actions #exportPdf form .attachment .btns input:focus, .job-builder .listing .actions #exportPdf form .attachment .btns button:focus, .job-builder .listing .actions #exportExcel form .attachment .btns a:focus, .job-builder .listing .actions #exportExcel form .attachment .btns input:focus, .job-builder .listing .actions #exportExcel form .attachment .btns button:focus, .job-builder .listing .actions #importPro form .attachment .btns a:focus, .job-builder .listing .actions #importPro form .attachment .btns input:focus, .job-builder .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .job-builder .listing .actions #exportPdf form .attachment .btns a:hover, .job-builder .listing .actions #exportPdf form .attachment .btns input:hover, .job-builder .listing .actions #exportPdf form .attachment .btns button:hover, .job-builder .listing .actions #exportExcel form .attachment .btns a:hover, .job-builder .listing .actions #exportExcel form .attachment .btns input:hover, .job-builder .listing .actions #exportExcel form .attachment .btns button:hover, .job-builder .listing .actions #importPro form .attachment .btns a:hover, .job-builder .listing .actions #importPro form .attachment .btns input:hover, .job-builder .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .job-builder .listing .actions #exportPdf form .attachment .btns button + button, .job-builder .listing .actions #exportPdf form .attachment .btns a + a, .job-builder .listing .actions #exportPdf form .attachment .btns input + input, .job-builder .listing .actions #exportExcel form .attachment .btns button + button, .job-builder .listing .actions #exportExcel form .attachment .btns a + a, .job-builder .listing .actions #exportExcel form .attachment .btns input + input, .job-builder .listing .actions #importPro form .attachment .btns button + button, .job-builder .listing .actions #importPro form .attachment .btns a + a, .job-builder .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .job-builder .listing .actions #exportPdf form .attachment .btns .image, .job-builder .listing .actions #exportExcel form .attachment .btns .image, .job-builder .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .job-builder .listing .actions #exportPdf form .attachment .btns .image > div, .job-builder .listing .actions #exportExcel form .attachment .btns .image > div, .job-builder .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .job-builder .listing .actions #exportPdf form .address-list, .job-builder .listing .actions #exportExcel form .address-list, .job-builder .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .job-builder .listing .actions #exportPdf form .address-list div, .job-builder .listing .actions #exportExcel form .address-list div, .job-builder .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .job-builder .listing .actions #exportPdf form .address-list > div:not(.d-flex), .job-builder .listing .actions #exportExcel form .address-list > div:not(.d-flex), .job-builder .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .job-builder .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .job-builder .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .job-builder .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .job-builder .listing .actions #exportPdf form .address-list .btn-block, .job-builder .listing .actions #exportExcel form .address-list .btn-block, .job-builder .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .job-builder .listing .actions #exportPdf form .address-list .btn-block a, .job-builder .listing .actions #exportExcel form .address-list .btn-block a, .job-builder .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .job-builder .listing .actions #exportPdf form .attachment, .job-builder .listing .actions #exportPdf form .address-list, .job-builder .listing .actions #exportExcel form .attachment, .job-builder .listing .actions #exportExcel form .address-list, .job-builder .listing .actions #importPro form .attachment, .job-builder .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .job-builder .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .job-builder .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .job-builder .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .job-builder .listing .actions #exportPdf form .generate, .job-builder .listing .actions #exportExcel form .generate, .job-builder .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .job-builder .listing .actions #exportPdf form .generate .btn-sml, .job-builder .listing .actions #exportExcel form .generate .btn-sml, .job-builder .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .job-builder .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .job-builder .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .job-builder .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .job-builder .listing .actions #exportPdf form .img, .job-builder .listing .actions #exportExcel form .img, .job-builder .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .job-builder .listing .actions #exportPdf form .img .text p, .job-builder .listing .actions #exportExcel form .img .text p, .job-builder .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .job-builder .listing .actions #exportPdf form .img p.supp, .job-builder .listing .actions #exportExcel form .img p.supp, .job-builder .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .job-builder .listing .actions #exportPdf form .img img, .job-builder .listing .actions #exportExcel form .img img, .job-builder .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .job-builder .listing .actions #exportPdf:not(.show), .job-builder .listing .actions #exportExcel:not(.show), .job-builder .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .job-builder .listing .actions #exportPdf form > div, .job-builder .listing .actions #exportExcel form > div, .job-builder .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .job-builder .listing .actions #exportPdf form .custom-checkbox, .job-builder .listing .actions #exportExcel form .custom-checkbox, .job-builder .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .job-builder .listing .actions #exportPdf form .left, .job-builder .listing .actions #exportPdf form .right, .job-builder .listing .actions #exportExcel form .left, .job-builder .listing .actions #exportExcel form .right, .job-builder .listing .actions #importPro form .left, .job-builder .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .job-builder .listing .actions #exportPdf form .left, .job-builder .listing .actions #exportExcel form .left, .job-builder .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .job-builder .listing .actions #exportPdf form .address-list, .job-builder .listing .actions #exportExcel form .address-list, .job-builder .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .job-builder .listing .actions #exportPdf form label, .job-builder .listing .actions #exportExcel form label, .job-builder .listing .actions #importPro form label {
          justify-content: flex-start; }
        .job-builder .listing .actions #exportPdf form .right, .job-builder .listing .actions #exportExcel form .right, .job-builder .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .job-builder .listing .actions #exportPdf form .attachment, .job-builder .listing .actions #exportExcel form .attachment, .job-builder .listing .actions #importPro form .attachment {
          padding: 10px; }
          .job-builder .listing .actions #exportPdf form .attachment .col-3, .job-builder .listing .actions #exportPdf form .attachment .col-9, .job-builder .listing .actions #exportExcel form .attachment .col-3, .job-builder .listing .actions #exportExcel form .attachment .col-9, .job-builder .listing .actions #importPro form .attachment .col-3, .job-builder .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .job-builder .listing .actions #exportPdf form .attachment .col-3, .job-builder .listing .actions #exportExcel form .attachment .col-3, .job-builder .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .job-builder .listing .actions #exportPdf form .attachment .col-3 label, .job-builder .listing .actions #exportPdf form .attachment .col-3 .image, .job-builder .listing .actions #exportExcel form .attachment .col-3 label, .job-builder .listing .actions #exportExcel form .attachment .col-3 .image, .job-builder .listing .actions #importPro form .attachment .col-3 label, .job-builder .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .job-builder .listing .actions #exportPdf form .attachment .col-9, .job-builder .listing .actions #exportExcel form .attachment .col-9, .job-builder .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .job-builder .listing .actions #exportPdf form .attachment .col-9 p.supp, .job-builder .listing .actions #exportExcel form .attachment .col-9 p.supp, .job-builder .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .job-builder .listing .actions #exportPdf form .address-list .col-3, .job-builder .listing .actions #exportExcel form .address-list .col-3, .job-builder .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .job-builder .listing .actions #exportPdf form .address-list .col-9, .job-builder .listing .actions #exportExcel form .address-list .col-9, .job-builder .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .job-builder .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .job-builder .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .job-builder .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .job-builder .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .job-builder .listing .actions #importPro form .address-list > div:nth-of-type(1), .job-builder .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .job-builder .listing .actions #exportPdf form .img img, .job-builder .listing .actions #exportExcel form .img img, .job-builder .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .job-builder .listing .actions #exportPdf .custom-checkbox .custom-check, .job-builder .listing .actions #exportExcel .custom-checkbox .custom-check, .job-builder .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .job-builder .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .job-builder .listing .actions form {
        margin: 0px; }
      .job-builder .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .job-builder .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .job-builder .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .job-builder .listing .actions .shared .email {
          display: flex; }
          .job-builder .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .job-builder .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .job-builder .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .job-builder .listing .actions .left, .job-builder .listing .actions > .center, .job-builder .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .job-builder .listing .actions .right {
        margin-left: auto; }
      .job-builder .listing .actions .action-link, .job-builder .listing .actions .left > a, .job-builder .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .job-builder .listing .actions .action-link:hover, .job-builder .listing .actions .left > a:hover, .job-builder .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .job-builder .listing .actions .action-link span, .job-builder .listing .actions .left > a span, .job-builder .listing .actions .right > a span {
          margin-left: 5px; }
        .job-builder .listing .actions .action-link span:empty, .job-builder .listing .actions .left > a span:empty, .job-builder .listing .actions .right > a span:empty {
          display: none; }
      .job-builder .listing .actions .action-link, .job-builder .listing .actions a + a, .job-builder .listing .actions .checkbox + a {
        margin-left: 20px; }
      .job-builder .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .job-builder .listing .actions .custom-checkbox p {
        color: #222; }
      .job-builder .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .job-builder .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .job-builder .listing > .actions, .job-builder .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .job-builder .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .job-builder .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .job-builder .listing .actions {
        font-size: 0.8rem; }
        .job-builder .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .job-builder .listing .actions .left .action-link i {
          font-size: 1rem; }
        .job-builder .listing .actions .left a.action-link, .job-builder .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .job-builder .listing .actions {
        justify-content: center; }
        .job-builder .listing .actions .shared {
          top: calc(10px - 150px); }
        .job-builder .listing .actions .action-link, .job-builder .listing .actions a + a, .job-builder .listing .actions .checkbox + a {
          margin-left: 15px; }
        .job-builder .listing .actions > .right {
          justify-content: center; }
        .job-builder .listing .actions .search + .right {
          margin-left: 0px; } }
    .job-builder .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .job-builder .listing .add-more[aria-expanded="true"]:hover, .job-builder .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .job-builder .listing .add-more[aria-expanded="true"]:hover i, .job-builder .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .job-builder .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .job-builder .listing .add-more[aria-expanded="false"], .job-builder .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .job-builder .listing .add-more[aria-expanded="false"]:hover, .job-builder .listing .add-more[aria-expanded="false"]:focus, .job-builder .listing .add-more.collapsed:hover, .job-builder .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .job-builder .listing .add-more[aria-expanded="false"]:hover, .job-builder .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .job-builder .listing .add-more[aria-expanded="false"]:hover i, .job-builder .listing .add-more.collapsed:hover i {
          color: #fff; }
    .job-builder .listing .add-more.cancel:before {
      display: none; }
    .job-builder .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .job-builder .listing button.links, .job-builder .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .job-builder .listing button.links:hover, .job-builder .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .job-builder .listing a.plus i {
      font-size: 1rem; }
    .job-builder .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .job-builder .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .job-builder .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .job-builder .listing .custom-radiobox:not(:last-of-type), .job-builder .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .job-builder .listing .ship-when > p, .job-builder .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .job-builder .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .job-builder .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .job-builder .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .job-builder .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .job-builder .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .job-builder .listing .day-time span {
      font-weight: 600; }
    .job-builder .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .job-builder .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .job-builder .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .job-builder .listing .sub-total.btm > div, .job-builder .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .job-builder .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .job-builder .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .job-builder .listing .sub-header {
      clear: both;
      padding: 0px; }
      .job-builder .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .job-builder .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .job-builder .listing .sub-header .title {
        margin-bottom: 0px; }
        .job-builder .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .job-builder .listing .page + .sub-header {
      margin-top: 40px; }
      .job-builder .listing .page + .sub-header .title {
        flex-basis: content; }
    .job-builder .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .job-builder .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .job-builder .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .job-builder .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .job-builder .listing div.alert-warning p {
            font-size: 0.8rem; }
          .job-builder .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .job-builder .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .job-builder .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .job-builder .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .job-builder .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .job-builder .listing div.alert-danger p {
            font-size: 0.8rem; }
          .job-builder .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .job-builder .listing .col-9 > .page {
        min-height: 500px; }
      .job-builder .listing .page .details .submit input:hover, .job-builder .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .job-builder .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .job-builder .listing .page .details .submit button {
          width: 25px; }
      .job-builder .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .job-builder .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .job-builder .listing .col-9.left .page-th {
          display: none !important; }
        .job-builder .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .job-builder .listing .sub-header {
        flex-wrap: wrap; }
        .job-builder .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .job-builder .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .job-builder .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .job-builder .listing > .d-flex {
        flex-wrap: wrap; }
      .job-builder .listing .col-12.left .page-th, .job-builder .listing .col-9.left .page-th {
        display: none !important; }
      .job-builder .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .job-builder .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .job-builder .listing .page .details .time, .job-builder .listing .page .details .type {
        color: #666; }
      .job-builder .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .job-builder .listing .col-12.left, .job-builder .listing .col-3.right, .job-builder .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .job-builder .listing .summary {
        margin-top: 15px; }
        .job-builder .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .job-builder .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .job-builder .listing .left form {
      margin-bottom: 0px; }
    .job-builder .listing .sub-header form {
      margin: 0px; }
    .job-builder .listing .page .details {
      min-height: 50px; }
      .job-builder .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .job-builder .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .job-builder .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .job-builder .listing .page .details .icon a, .job-builder .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .job-builder .listing .page .details .icon a:hover, .job-builder .listing .page .details .icon button:hover {
          color: #214a8c; }
      .job-builder .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .job-builder .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .job-builder .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .job-builder .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .job-builder .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .job-builder .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .job-builder .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .job-builder .address-manually + .forms .td-6, .job-builder .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .job-builder .address-manually + .forms .td-2, .job-builder .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .job-builder .address-manually + .forms .td-2 ~ .e-row, .job-builder .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .job-builder .address-manually + .forms .td-2 ~ .dynamic, .job-builder .address-manually + .forms .td-2 ~ .manual-add, .job-builder .forms .new-address .td-2 ~ .dynamic, .job-builder .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .job-builder .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .job-builder .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .job-builder .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .job-builder .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .job-builder .address-manually + .forms .e-row.manual-add, .job-builder .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .job-builder .address-manually + .forms .td-6, .job-builder .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .job-builder .address-manually + .forms .td-2, .job-builder .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .job-builder .address-manually + .forms .td-2 ~ .e-row, .job-builder .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .job-builder .address-manually + .forms .td-2 ~ .dynamic, .job-builder .address-manually + .forms .td-2 ~ .manual-add, .job-builder .forms .new-address .td-2 ~ .dynamic, .job-builder .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .job-builder .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .job-builder .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .job-builder .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .job-builder .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .job-builder .address-manually + .forms .td-2 ~ .dynamic, .job-builder .address-manually + .forms .td-2 ~ .manual-add, .job-builder .forms .new-address .td-2 ~ .dynamic, .job-builder .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .job-builder .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .job-builder .listing .page .details .icon a, .job-builder .listing .page .details .icon button {
      display: flex; }
    .job-builder .listing .btn-block {
      justify-content: center; } }
  .job-builder .mode-selection {
    margin: 0px auto;
    margin-bottom: 20px; }
    .job-builder .mode-selection .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .job-builder .mode-selection .mode + .mode {
      border-left: none; }
    .job-builder .mode-selection .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .job-builder .mode-selection .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .job-builder .mode-selection .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .job-builder .mode-selection .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .job-builder .mode-selection {
        flex-wrap: wrap;
        min-width: 100%; }
        .job-builder .mode-selection .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .job-builder .mode-selection .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .job-builder .mode-selection .mode {
      min-width: calc(170px + 10px); }
  .job-builder form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */
    margin-top: 0px; }
    .job-builder form .field-validation-error:not(.text-danger), .job-builder form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .job-builder form .field-validation-error:not(.text-danger) span, .job-builder form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .job-builder form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .job-builder form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .job-builder form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .job-builder form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .job-builder form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .job-builder form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .validation-summary-error ul li:before, .job-builder form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .validation-summary-error ul li span, .job-builder form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .validation-summary-error ul li span + span:before, .job-builder form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .validation-summary-error ul li, .job-builder form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .job-builder form .validation-summary-error ul li:before, .job-builder form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .job-builder form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .job-builder form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .job-builder form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .validation-summary-success ul li, .job-builder form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .validation-summary-success ul li:before, .job-builder form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .validation-summary-success ul li span, .job-builder form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .validation-summary-success ul li span + span:before, .job-builder form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .validation-summary-success ul li, .job-builder form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .job-builder form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .job-builder form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .job-builder form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .job-builder form .alert-success ul li, .job-builder form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .job-builder form .alert-success ul li:before, .job-builder form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .job-builder form .alert-success ul li span, .job-builder form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .job-builder form .alert-success ul li span + span:before, .job-builder form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .job-builder form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .job-builder form .alert-success ul li, .job-builder form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .job-builder form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .job-builder form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .job-builder form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .job-builder form .alert-success p {
            font-size: 0.8rem; }
          .job-builder form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .job-builder form .e-group {
      margin: 0px auto; }
    .job-builder form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .job-builder form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .job-builder form .select {
      position: relative; }
      .job-builder form .select label {
        display: inherit; }
        .job-builder form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .job-builder form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .job-builder form input[type="number"], .job-builder form input[type="number"]::-webkit-inner-spin-button, .job-builder form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .job-builder form select, .job-builder form input, .job-builder form button {
      height: 50px; }
    .job-builder form select, .job-builder form textarea, .job-builder form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .job-builder form select:focus, .job-builder form textarea:focus, .job-builder form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .job-builder form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .job-builder form p.center {
      text-align: center;
      line-height: 30px; }
    .job-builder form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .job-builder form p.mandatory, .job-builder form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .job-builder form p.mandatory span, .job-builder form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .job-builder form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .job-builder form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .job-builder form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .job-builder form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .job-builder form label.user:after {
      content: "\e9f1"; }
    .job-builder form label.password:after {
      content: "\e987"; }
    .job-builder form label.email:after {
      content: "\e98a"; }
    .job-builder form label.search:after {
      content: "\e9c1"; }
    .job-builder form label.box1:after {
      content: "\e9a2"; }
    .job-builder form label.home:after {
      content: "\e979"; }
    .job-builder form label.phone:after {
      content: "\e9a7"; }
    .job-builder form label.mobile:after {
      content: "\e9d2"; }
    .job-builder form label.flag:after {
      content: "\e967"; }
    .job-builder form label.address:after {
      content: "\e98b"; }
    .job-builder form label.postal:after {
      content: "\e98c"; }
    .job-builder form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .job-builder form label.doc1:after {
      content: "\e938"; }
    .job-builder form label.hash:after {
      content: "\e975"; }
    .job-builder form label.dollar:after {
      content: "\e954"; }
    .job-builder form label.msg1:after {
      content: "\e990"; }
    .job-builder form label.percent:after {
      content: "\e9a6"; }
    .job-builder form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .job-builder form .submit-btn:hover, .job-builder form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .job-builder form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .job-builder form .submit-btn:focus {
        outline-style: none; }
    .job-builder form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .job-builder form .btn-sml:hover, .job-builder form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .job-builder form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .job-builder form .btn-sml:focus {
        outline-style: none; }
    .job-builder form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .job-builder form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .job-builder form .btn-red:hover, .job-builder form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .job-builder form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .job-builder form .btn-dark:hover, .job-builder form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .job-builder form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .job-builder form .btn-dark-bdr:hover, .job-builder form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .job-builder form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .job-builder form .btn-darker-bdr:hover, .job-builder form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .job-builder form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .job-builder form .btn-brand-bdr:hover, .job-builder form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .job-builder form input.disabled, .job-builder form a.disabled, .job-builder form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder form input.input-validation-error, .job-builder form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .job-builder form .btn-sml.add-more {
      margin-left: 10px; }
      .job-builder form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .job-builder form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .job-builder form .btn-sml.add-cart, .job-builder form .btn-sml.add-more, .job-builder form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .job-builder form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .job-builder form .add-more:hover, .job-builder form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .job-builder form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .job-builder form .add-cart:hover, .job-builder form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .job-builder form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder form .add-more.disabled, .job-builder form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .job-builder form .links {
      text-align: center; }
      .job-builder form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .job-builder form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .job-builder form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .job-builder form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .job-builder form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .job-builder form .e-row.deactive select, .job-builder form .e-row.deactive textarea, .job-builder form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .job-builder form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .job-builder form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .job-builder form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .job-builder form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .job-builder form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .job-builder form .duo input, .job-builder form .duo a {
        margin: 0px; }
      .job-builder form .duo input + a, .job-builder form .duo input + input {
        margin-left: 20px; }
    .job-builder form .uom-dpdn {
      position: relative; }
      .job-builder form .uom-dpdn label {
        display: inherit; }
        .job-builder form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .job-builder form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .job-builder form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .job-builder form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .job-builder form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .job-builder form {
        margin: 10px auto; }
        .job-builder form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .job-builder form .e-row {
          margin-bottom: 20px; }
        .job-builder form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .job-builder form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }

.job-builder:not(.details) .print-page {
  max-width: 1140px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 20px auto;
  font-family: "Open Sans", sans-serif; }
  .job-builder:not(.details) .print-page div {
    padding: 0px; }
  .job-builder:not(.details) .print-page .header {
    text-align: left;
    padding: 25px 0px 10px;
    margin-bottom: 0px;
    flex-wrap: wrap;
    position: relative; }
    .job-builder:not(.details) .print-page .header .logo, .job-builder:not(.details) .print-page .header .pg-.title {
      height: 40px; }
    .job-builder:not(.details) .print-page .header .logo {
      position: absolute;
      left: 0px; }
      .job-builder:not(.details) .print-page .header .logo img {
        max-height: 40px;
        width: auto; }
    .job-builder:not(.details) .print-page .header .pg-title {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .job-builder:not(.details) .print-page .header .details > div {
      font-size: 0.8rem; }
    .job-builder:not(.details) .print-page .header .details > .col-4 {
      display: flex;
      font-weight: 600; }
      .job-builder:not(.details) .print-page .header .details > .col-4 span {
        font-weight: 400;
        padding-left: 5px; }
    .job-builder:not(.details) .print-page .header .details .sub-title {
      font-weight: 600; }
    .job-builder:not(.details) .print-page .header .details > .col-6 {
      margin-bottom: 10px; }
    .job-builder:not(.details) .print-page .header .details p {
      margin-bottom: 0px; }
    .job-builder:not(.details) .print-page .header .details .active {
      color: #10a700; }
    .job-builder:not(.details) .print-page .header .details {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #ccc; }
      .job-builder:not(.details) .print-page .header .details .job-name, .job-builder:not(.details) .print-page .header .details .job-desc, .job-builder:not(.details) .print-page .header .details .status, .job-builder:not(.details) .print-page .header .details .mode, .job-builder:not(.details) .print-page .header .details .branch, .job-builder:not(.details) .print-page .header .details .ship-when, .job-builder:not(.details) .print-page .header .details .bill-method, .job-builder:not(.details) .print-page .header .details .bill-where {
        font-weight: 600; }
        .job-builder:not(.details) .print-page .header .details .job-name span, .job-builder:not(.details) .print-page .header .details .job-desc span, .job-builder:not(.details) .print-page .header .details .status span, .job-builder:not(.details) .print-page .header .details .mode span, .job-builder:not(.details) .print-page .header .details .branch span, .job-builder:not(.details) .print-page .header .details .ship-when span, .job-builder:not(.details) .print-page .header .details .bill-method span, .job-builder:not(.details) .print-page .header .details .bill-where span {
          font-weight: 400;
          margin-right: 5px; }
      .job-builder:not(.details) .print-page .header .details .job-name span, .job-builder:not(.details) .print-page .header .details .job-desc span, .job-builder:not(.details) .print-page .header .details .status span {
        min-width: 120px;
        display: inline-block; }
      .job-builder:not(.details) .print-page .header .details .branch {
        margin-left: 30px; }
  .job-builder:not(.details) .print-page div.title {
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600; }
  .job-builder:not(.details) .print-page table {
    border-spacing: 0px;
    width: 100%;
    border: 1px solid #222; }
    .job-builder:not(.details) .print-page table th, .job-builder:not(.details) .print-page table td {
      font-size: 0.8rem;
      font-weight: 400;
      min-height: 40px;
      padding: 7px;
      border: 1px solid #222;
      line-height: 0.875rem;
      color: #222; }
    .job-builder:not(.details) .print-page table th {
      background: #f1f1f1;
      color: #666;
      width: 10%; }
    .job-builder:not(.details) .print-page table .pro-details {
      width: 40%;
      color: #666; }
      .job-builder:not(.details) .print-page table .pro-details span:first-of-type, .job-builder:not(.details) .print-page table .pro-details .sub-title {
        text-transform: uppercase; }
      .job-builder:not(.details) .print-page table .pro-details span {
        display: block;
        margin-bottom: 3px; }
      .job-builder:not(.details) .print-page table .pro-details .title {
        color: #222; }
    .job-builder:not(.details) .print-page table tr:last-of-type td {
      border-bottom-color: #222; }
    .job-builder:not(.details) .print-page table td.price span, .job-builder:not(.details) .print-page table td.qty span {
      display: block; }
    .job-builder:not(.details) .print-page table td.qty .available {
      word-break: normal;
      font-size: 0.8rem; }
    .job-builder:not(.details) .print-page table span.sale + span.price, .job-builder:not(.details) .print-page table span.discount + span.price {
      text-decoration: line-through;
      color: #666; }
    .job-builder:not(.details) .print-page table span.reel {
      float: left;
      color: #666; }
    .job-builder:not(.details) .print-page table span.supp {
      color: #aaa; }
    .job-builder:not(.details) .print-page table span.eco {
      color: #10a700; }
    .job-builder:not(.details) .print-page table .inventory, .job-builder:not(.details) .print-page table .price, .job-builder:not(.details) .print-page table .qty, .job-builder:not(.details) .print-page table .total {
      text-align: right; }
  .job-builder:not(.details) .print-page .all-total, .job-builder:not(.details) .print-page .summary {
    border-bottom: 3px double #222;
    font-size: 0.875rem;
    text-align: right;
    border-top: none; }
    .job-builder:not(.details) .print-page .all-total span:not(.supp), .job-builder:not(.details) .print-page .summary span:not(.supp) {
      color: #222;
      display: inline-block;
      min-width: 120px; }
    .job-builder:not(.details) .print-page .all-total td, .job-builder:not(.details) .print-page .summary td {
      border-top-color: #222;
      font-size: 0.875rem;
      padding: 20px 10px; }
    .job-builder:not(.details) .print-page .all-total .cost-price, .job-builder:not(.details) .print-page .summary .cost-price {
      width: 70%;
      font-size: 1rem; }
    .job-builder:not(.details) .print-page .all-total .job-total, .job-builder:not(.details) .print-page .summary .job-total {
      width: 30%;
      font-size: 1rem; }
    .job-builder:not(.details) .print-page .all-total .items, .job-builder:not(.details) .print-page .all-total .sub-total, .job-builder:not(.details) .print-page .all-total .taxes, .job-builder:not(.details) .print-page .all-total .eco, .job-builder:not(.details) .print-page .all-total .discount, .job-builder:not(.details) .print-page .all-total .shipping, .job-builder:not(.details) .print-page .summary .items, .job-builder:not(.details) .print-page .summary .sub-total, .job-builder:not(.details) .print-page .summary .taxes, .job-builder:not(.details) .print-page .summary .eco, .job-builder:not(.details) .print-page .summary .discount, .job-builder:not(.details) .print-page .summary .shipping {
      text-align: right;
      border: none; }
    .job-builder:not(.details) .print-page .all-total .items, .job-builder:not(.details) .print-page .summary .items {
      padding-bottom: 0px; }
    .job-builder:not(.details) .print-page .all-total .items .right, .job-builder:not(.details) .print-page .all-total .sub-total .right, .job-builder:not(.details) .print-page .all-total .taxes .right, .job-builder:not(.details) .print-page .summary .items .right, .job-builder:not(.details) .print-page .summary .sub-total .right, .job-builder:not(.details) .print-page .summary .taxes .right {
      font-weight: 600; }
    .job-builder:not(.details) .print-page .all-total .sub-total, .job-builder:not(.details) .print-page .all-total .taxes, .job-builder:not(.details) .print-page .all-total .shipping, .job-builder:not(.details) .print-page .all-total .eco, .job-builder:not(.details) .print-page .all-total .discount, .job-builder:not(.details) .print-page .summary .sub-total, .job-builder:not(.details) .print-page .summary .taxes, .job-builder:not(.details) .print-page .summary .shipping, .job-builder:not(.details) .print-page .summary .eco, .job-builder:not(.details) .print-page .summary .discount {
      padding-top: 10px;
      padding-bottom: 0px; }
    .job-builder:not(.details) .print-page .all-total .discount .right, .job-builder:not(.details) .print-page .summary .discount .right {
      color: #dc3545; }
      .job-builder:not(.details) .print-page .all-total .discount .right:before, .job-builder:not(.details) .print-page .summary .discount .right:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "-";
        padding-right: 2px;
        line-height: 10px;
        color: #dc3545; }
    .job-builder:not(.details) .print-page .all-total tr:nth-last-of-type(2) .taxes, .job-builder:not(.details) .print-page .summary tr:nth-last-of-type(2) .taxes {
      padding-bottom: 20px; }
    .job-builder:not(.details) .print-page .all-total tr:nth-last-of-type(1) td, .job-builder:not(.details) .print-page .summary tr:nth-last-of-type(1) td {
      padding-bottom: 20px; }
    .job-builder:not(.details) .print-page .all-total .total, .job-builder:not(.details) .print-page .summary .total {
      border-top: 1px solid #222;
      font-size: 1rem;
      font-weight: 600; }
    .job-builder:not(.details) .print-page .all-total .left, .job-builder:not(.details) .print-page .summary .left {
      text-align: left; }
    .job-builder:not(.details) .print-page .all-total .right, .job-builder:not(.details) .print-page .summary .right {
      text-align: right; }
  .job-builder:not(.details) .print-page .time-stamp {
    margin-top: 10px;
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .job-builder:not(.details) .print-page .header .details:last-of-type {
    text-align: right; }
    .job-builder:not(.details) .print-page .header .details:last-of-type .name {
      font-weight: 600; }
  .job-builder:not(.details) .print-page .all-total {
    margin-top: 15px;
    border-top: 1px solid #666; }
  .job-builder:not(.details) .print-page .sub-total, .job-builder:not(.details) .print-page .all-total {
    text-align: right;
    padding: 10px;
    font-size: 0.875rem; }
    .job-builder:not(.details) .print-page .sub-total span, .job-builder:not(.details) .print-page .all-total span {
      font-weight: 600;
      color: #222;
      display: inline-block;
      min-width: 120px; }
  .job-builder:not(.details) .print-page .sub-header, .job-builder:not(.details) .print-page .time-stamp {
    margin-top: 15px; }
  .job-builder:not(.details) .print-page .sub-total + .sub-header {
    margin-top: 0px; }
.job-builder:not(.details) .listing form .btn-block {
  margin-bottom: -1px; }
.job-builder:not(.details) .listing .no-results {
  margin-top: 0px;
  padding-top: 30px;
  border-top: 1px solid #666; }
.job-builder:not(.details) .listing .page-th .col:nth-last-of-type(2) {
  max-width: 12.5%; }
.job-builder:not(.details) .listing .page-th .col:nth-of-type(2) {
  max-width: 100%; }
.job-builder:not(.details) .listing .page .details {
  border-bottom: 1px solid #ddd; }
  .job-builder:not(.details) .listing .page .details .col:nth-last-of-type(2) {
    max-width: 12.5%; }
  .job-builder:not(.details) .listing .page .details .col:nth-of-type(2) {
    max-width: 100%;
    word-break: break-all; }
  .job-builder:not(.details) .listing .page .details .col:nth-of-type(1) {
    word-break: break-all; }
@media (max-width: 991px) {
  .job-builder:not(.details) .listing .page-th .col.td-2:nth-last-of-type(3), .job-builder:not(.details) .listing .page .details .col.td-2:nth-last-of-type(3) {
    max-width: 15%; }
  .job-builder:not(.details) .listing .page-th .col.td-2:nth-last-of-type(1), .job-builder:not(.details) .listing .page .details .col.td-2:nth-last-of-type(1) {
    max-width: 18.33%; } }
@media (max-width: 767px) {
  .job-builder:not(.details) .mode-selection {
    flex-wrap: nowrap; }
  .job-builder:not(.details) form.search {
    margin-bottom: 20px; }
  .job-builder:not(.details) .listing .page {
    border-top: 1px solid #666; }
    .job-builder:not(.details) .listing .page .details {
      padding: 5px 0px; }
      .job-builder:not(.details) .listing .page .details .col {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-start;
        align-items: flex-start; }
  .job-builder:not(.details) .listing .page .details .col span._labels {
    display: block !important; } }

.job-builder.details form {
  margin: 0px auto; }
.job-builder.details .filters {
  clear: both;
  margin-top: 25px;
  text-align: center;
  margin: 0px 0px 10px; }
  .job-builder.details .filters > span, .job-builder.details .filters div:not(.col-12) > span {
    text-transform: uppercase;
    font-weight: 500; }
  .job-builder.details .filters span {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    color: #222;
    font-size: 0.875rem; }
  .job-builder.details .filters .col-12 {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .job-builder.details .filters .col-12 > div {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px; }
    .job-builder.details .filters .col-12 .select {
      position: relative; }
      .job-builder.details .filters .col-12 .select label {
        display: inherit; }
        .job-builder.details .filters .col-12 .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .job-builder.details .filters .col-12 .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .job-builder.details .filters .col-12 .select label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .job-builder.details .filters .col-12 .select select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .job-builder.details .filters .col-12 .select label:after {
        right: 15px; }
    .job-builder.details .filters .col-12 .text input, .job-builder.details .filters .col-12 .text textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .job-builder.details .filters .col-12 .text input, .job-builder.details .filters .col-12 .text button {
      height: 30px; }
    .job-builder.details .filters .col-12 .text textarea {
      height: 50px; }
    .job-builder.details .filters .col-12 .text input {
      font-size: 0.8rem; }
    .job-builder.details .filters .col-12 p {
      margin: 0px;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      font-size: 0.875rem; }
  @media (max-width: 991px) {
    .job-builder.details .filters {
      margin-top: 15px; }
      .job-builder.details .filters .col-12 {
        padding: 10px 0px;
        flex-wrap: wrap; }
        .job-builder.details .filters .col-12 .col-2.select {
          max-width: 25%;
          flex: 0 0 25%;
          margin-bottom: 10px; }
        .job-builder.details .filters .col-12 .col-2.checkbox {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 15px; } }
  @media (max-width: 767px) {
    .job-builder.details .filters .col-12 p {
      width: 100%;
      margin-bottom: 5px; }
    .job-builder.details .filters .col-12 .col-2.select {
      max-width: calc(50% - 5px);
      flex: 0 0 calc(50% - 5px); }
      .job-builder.details .filters .col-12 .col-2.select label {
        font-size: 0.8rem; }
        .job-builder.details .filters .col-12 .col-2.select label:after {
          top: calc(25px + 1px);
          height: calc(30px - 3px);
          line-height: calc(30px - 3px); } }
  .job-builder.details .filters .col-12 {
    align-items: flex-end; }
    .job-builder.details .filters .col-12 > div {
      flex: auto;
      padding: 0px;
      margin-right: 20px; }
    .job-builder.details .filters .col-12 > div:last-of-type {
      margin: 0px; }
    .job-builder.details .filters .col-12 .e-label span {
      color: #214a8c; }
    .job-builder.details .filters .col-12 .select label:after {
      top: calc(30px - 3px);
      right: 5px; }
    .job-builder.details .filters .col-12 .global {
      margin: 0px; }
      .job-builder.details .filters .col-12 .global .text {
        display: flex;
        align-items: center;
        flex-direction: row; }
        .job-builder.details .filters .col-12 .global .text input {
          max-width: 50px;
          margin-right: 7px;
          text-align: center;
          font-size: 0.95rem; }
        .job-builder.details .filters .col-12 .global .text p {
          font-family: "Poppins", sans-serif; }
    .job-builder.details .filters .col-12 .select, .job-builder.details .filters .col-12 .global {
      max-width: calc(100px + 5px); }
    .job-builder.details .filters .col-12 .save, .job-builder.details .filters .col-12 .cancel, .job-builder.details .filters .col-12 .copy {
      padding: 0px;
      padding-top: calc(10px - 2px);
      width: 70px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .job-builder.details .filters .col-12 .save:before, .job-builder.details .filters .col-12 .cancel:before, .job-builder.details .filters .col-12 .copy:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        position: absolute;
        padding: 0px;
        right: auto;
        font-size: 1.5rem;
        pointer-events: none; }
      .job-builder.details .filters .col-12 .save input, .job-builder.details .filters .col-12 .save button, .job-builder.details .filters .col-12 .cancel input, .job-builder.details .filters .col-12 .cancel button, .job-builder.details .filters .col-12 .copy input, .job-builder.details .filters .col-12 .copy button {
        max-width: 70px;
        min-width: auto; }
    .job-builder.details .filters .col-12 .save {
      margin-right: 20px; }
      .job-builder.details .filters .col-12 .save input.btn-sml {
        background: #fff !important;
        border: 1px solid #214a8c;
        color: #214a8c !important; }
        .job-builder.details .filters .col-12 .save input.btn-sml:hover, .job-builder.details .filters .col-12 .save input.btn-sml:focus {
          background: #08285c !important;
          color: #fff !important; }
    .job-builder.details .filters .col-12 .save:before {
      content: "\e9bf";
      color: #214a8c; }
    .job-builder.details .filters .col-12 .copy:before {
      content: "\e944";
      color: #666; }
    .job-builder.details .filters .col-12 .cancel:before {
      content: "\ea02";
      color: #666; }
    .job-builder.details .filters .col-12 .save:hover:before, .job-builder.details .filters .col-12 .copy:hover:before, .job-builder.details .filters .col-12 .cancel:hover:before {
      color: #fff; }
    .job-builder.details .filters .col-12 .form-control {
      width: 100%;
      margin: 0px; }
    .job-builder.details .filters .col-12 .save {
      margin-right: 10px; }
    .job-builder.details .filters .col-12 .save, .job-builder.details .filters .col-12 .copy {
      max-width: 70px;
      height: 40px;
      top: 2px; }
      .job-builder.details .filters .col-12 .save:before, .job-builder.details .filters .col-12 .copy:before {
        font-size: 1.25rem;
        margin: 0px auto; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .job-builder.details .filters .col-12 .save:before, .job-builder.details .filters .col-12 .copy:before {
            margin: 10px;
            display: block;
            width: 20px;
            height: 30px;
            top: 0px;
            left: 20%; } }
.job-builder.details .listing .col-12.left .actions {
  border: none;
  padding: 7px 0px; }
.job-builder.details .listing .col-12.left .actions ~ .d-flex:not(.sub-header) {
  margin-top: 0px; }
.job-builder.details .listing .col-12.left .page-th .td-4 .td-3.qty, .job-builder.details .listing .col-12.left .page .details .td-4 .td-3.qty {
  max-width: 25%; }
.job-builder.details .listing .col-12.left .page-th > .td-4, .job-builder.details .listing .col-12.left .page .details > .td-4 {
  display: flex; }
  .job-builder.details .listing .col-12.left .page-th > .td-4 > .col, .job-builder.details .listing .col-12.left .page .details > .td-4 > .col {
    text-align: right;
    padding: 0px; }
  .job-builder.details .listing .col-12.left .page-th > .td-4 > .price, .job-builder.details .listing .col-12.left .page-th > .td-4 > .td-4.qty, .job-builder.details .listing .col-12.left .page-th > .td-4 > .cost, .job-builder.details .listing .col-12.left .page .details > .td-4 > .price, .job-builder.details .listing .col-12.left .page .details > .td-4 > .td-4.qty, .job-builder.details .listing .col-12.left .page .details > .td-4 > .cost {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    padding-left: 5px;
    padding-right: 5px; }
  .job-builder.details .listing .col-12.left .page-th > .td-4 > .col.total, .job-builder.details .listing .col-12.left .page .details > .td-4 > .col.total {
    max-width: 41.666667%; }
.job-builder.details .listing .col-12.left .page-th .cost, .job-builder.details .listing .col-12.left .page .details .cost {
  color: #222; }
.job-builder.details .listing .col-12.left .page-th form, .job-builder.details .listing .col-12.left .page form {
  border-bottom: 1px solid #ddd; }
  .job-builder.details .listing .col-12.left .page-th form:hover, .job-builder.details .listing .col-12.left .page form:hover {
    background-color: #f7fbff; }
.job-builder.details .listing .col-12.left .page-th .details, .job-builder.details .listing .col-12.left .page .details {
  padding: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details > .col, .job-builder.details .listing .col-12.left .page .details > .col {
    text-align: left;
    padding: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details > .col .eco, .job-builder.details .listing .col-12.left .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .job-builder.details .listing .col-12.left .page-th .details .col.checkbox, .job-builder.details .listing .col-12.left .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .job-builder.details .listing .col-12.left .page-th .details .supp, .job-builder.details .listing .col-12.left .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .text, .job-builder.details .listing .col-12.left .page .details .col.pro-details .text {
      width: 100%; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .product-img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .product-img img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .product-img img {
        width: auto; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .product-img img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .sub-title, .job-builder.details .listing .col-12.left .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .sub-title a, .job-builder.details .listing .col-12.left .page .details .col.pro-details .sub-title a {
        color: #666; }
        .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .sub-title a:hover, .job-builder.details .listing .col-12.left .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .title, .job-builder.details .listing .col-12.left .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .title a, .job-builder.details .listing .col-12.left .page .details .col.pro-details .title a {
        color: #222; }
        .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .title a:hover, .job-builder.details .listing .col-12.left .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .title:after, .job-builder.details .listing .col-12.left .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .mfg, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .upc, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .co-label, .job-builder.details .listing .col-12.left .page .details .col.pro-details .mfg, .job-builder.details .listing .col-12.left .page .details .col.pro-details .upc, .job-builder.details .listing .col-12.left .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .mfg span, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .upc span, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .co-label span, .job-builder.details .listing .col-12.left .page .details .col.pro-details .mfg span, .job-builder.details .listing .col-12.left .page .details .col.pro-details .upc span, .job-builder.details .listing .col-12.left .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .mfg span:last-of-type, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .upc span:last-of-type, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .co-label span:last-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .mfg span:last-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .upc span:last-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .mfg span:first-of-type, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .upc span:first-of-type, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .co-label span:first-of-type, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .personal-code span:first-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .mfg span:first-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .upc span:first-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .co-label span:first-of-type, .job-builder.details .listing .col-12.left .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .personal-code, .job-builder.details .listing .col-12.left .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .personal-code a, .job-builder.details .listing .col-12.left .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code {
      display: flex; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code input, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code textarea, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code input, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code input, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code button, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code input, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code button {
        height: 30px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code textarea, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code input, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code button.img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code input[type="image"], .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code input[type="image"], .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code.collapse:not(.show), .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .change-code.show, .job-builder.details .listing .col-12.left .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .mfg, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .upc, .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .co-label, .job-builder.details .listing .col-12.left .page .details .col.pro-details .mfg, .job-builder.details .listing .col-12.left .page .details .col.pro-details .upc, .job-builder.details .listing .col-12.left .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .supp, .job-builder.details .listing .col-12.left .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .in-stock, .job-builder.details .listing .col-12.left .page-th .details .inventory .out-stock, .job-builder.details .listing .col-12.left .page .details .inventory .in-stock, .job-builder.details .listing .col-12.left .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .in-stock:before, .job-builder.details .listing .col-12.left .page-th .details .inventory .out-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .in-stock, .job-builder.details .listing .col-12.left .page .details .inventory .in-stock {
      color: #10a700; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .out-stock, .job-builder.details .listing .col-12.left .page .details .inventory .out-stock {
      color: #dc3545; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .out-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .delivery, .job-builder.details .listing .col-12.left .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .delivery .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup, .job-builder.details .listing .col-12.left .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:before, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:after, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .nonstock .out-stock, .job-builder.details .listing .col-12.left .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .nonstock .out-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .nonstock .supp, .job-builder.details .listing .col-12.left .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .leadtime span, .job-builder.details .listing .col-12.left .page .details .inventory .leadtime span {
      color: #10a700; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page .details .inventory .pickup .preferred {
      display: block; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .out-stock ~ .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .backorder .in-stock, .job-builder.details .listing .col-12.left .page-th .details .inventory .nonstock .in-stock, .job-builder.details .listing .col-12.left .page .details .inventory .backorder .in-stock, .job-builder.details .listing .col-12.left .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .backorder .in-stock:before, .job-builder.details .listing .col-12.left .page-th .details .inventory .nonstock .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .backorder .in-stock:before, .job-builder.details .listing .col-12.left .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory ._labels, .job-builder.details .listing .col-12.left .page .details .inventory ._labels {
      display: none !important; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .text, .job-builder.details .listing .col-12.left .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .job-builder.details .listing .col-12.left .page-th .details .inventory .text span, .job-builder.details .listing .col-12.left .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .text span:before, .job-builder.details .listing .col-12.left .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .text span:after, .job-builder.details .listing .col-12.left .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .text span a, .job-builder.details .listing .col-12.left .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .job-builder.details .listing .col-12.left .page-th .details .inventory .text span a:hover, .job-builder.details .listing .col-12.left .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page .details .inventory {
        margin-bottom: 5px; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:before, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:after, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:after {
          bottom: -20px; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:last-child:before, .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:last-child:after, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:last-child:before, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:last-child:after {
          display: none; }
        .job-builder.details .listing .col-12.left .page-th .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .leadtime.supp, .job-builder.details .listing .col-12.left .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .job-builder.details .listing .col-12.left .page-th .details .pickup, .job-builder.details .listing .col-12.left .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .job-builder.details .listing .col-12.left .page-th .details .branch, .job-builder.details .listing .col-12.left .page .details .branch {
    margin-left: 25px; }
    .job-builder.details .listing .col-12.left .page-th .details .branch button, .job-builder.details .listing .col-12.left .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .branch button:focus, .job-builder.details .listing .col-12.left .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu li, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu li:after, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu li span, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu li.available:after, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .job-builder.details .listing .col-12.left .page-th .details .branch .dropdown-menu li.available span, .job-builder.details .listing .col-12.left .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .sale, .job-builder.details .listing .col-12.left .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .price, .job-builder.details .listing .col-12.left .page .details .col.price .price {
      color: #222; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .discount, .job-builder.details .listing .col-12.left .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .sale + .price, .job-builder.details .listing .col-12.left .page-th .details .col.price .discount + .price, .job-builder.details .listing .col-12.left .page .details .col.price .sale + .price, .job-builder.details .listing .col-12.left .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .supp, .job-builder.details .listing .col-12.left .page .details .col.price .supp {
      margin-left: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .eco, .job-builder.details .listing .col-12.left .page .details .col.price .eco {
      color: #10a700; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price > span:nth-of-type(2), .job-builder.details .listing .col-12.left .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .job-builder.details .listing .col-12.left .page-th .details .col.price .supp:not(:last-child), .job-builder.details .listing .col-12.left .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty input, .job-builder.details .listing .col-12.left .page-th .details .col.qty textarea, .job-builder.details .listing .col-12.left .page .details .col.qty input, .job-builder.details .listing .col-12.left .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty input, .job-builder.details .listing .col-12.left .page-th .details .col.qty button, .job-builder.details .listing .col-12.left .page .details .col.qty input, .job-builder.details .listing .col-12.left .page .details .col.qty button {
      height: 30px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty textarea, .job-builder.details .listing .col-12.left .page .details .col.qty textarea {
      height: 50px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty input, .job-builder.details .listing .col-12.left .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty input.disabled, .job-builder.details .listing .col-12.left .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty input.input-validation-error, .job-builder.details .listing .col-12.left .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty span.margin + input, .job-builder.details .listing .col-12.left .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty span.uom, .job-builder.details .listing .col-12.left .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty > span.supp, .job-builder.details .listing .col-12.left .page-th .details .col.qty .available, .job-builder.details .listing .col-12.left .page .details .col.qty > span.supp, .job-builder.details .listing .col-12.left .page .details .col.qty .available {
      line-height: 30px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .cut, .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .cut, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button i, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .job-builder.details .listing .col-12.left .page-th .details .col.total .saving, .job-builder.details .listing .col-12.left .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .job-builder.details .listing .col-12.left .page-th .details .add-to-cart, .job-builder.details .listing .col-12.left .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart:hover, .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart:focus, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart:hover, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart a, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart:focus, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart:hover, .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart:focus, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart:hover, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart.disabled, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .job-builder.details .listing .col-12.left .page-th .details .add-to-cart button.add-cart, .job-builder.details .listing .col-12.left .page-th .details .add-to-cart .btn-sml, .job-builder.details .listing .col-12.left .page .details .add-to-cart button.add-cart, .job-builder.details .listing .col-12.left .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .job-builder.details .listing .col-12.left .page-th .details .add-to-cart .text, .job-builder.details .listing .col-12.left .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .job-builder.details .listing .col-12.left .page-th .details .add-to-cart .text:before, .job-builder.details .listing .col-12.left .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .job-builder.details .listing .col-12.left .page-th .details .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .alert-warning > span, .job-builder.details .listing .col-12.left .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .job-builder.details .listing .col-12.left .page-th .details .download, .job-builder.details .listing .col-12.left .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .job-builder.details .listing .col-12.left .page-th .details .download i, .job-builder.details .listing .col-12.left .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .job-builder.details .listing .col-12.left .page-th .details .download > a, .job-builder.details .listing .col-12.left .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .download > a span, .job-builder.details .listing .col-12.left .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .job-builder.details .listing .col-12.left .page-th .details .download > a span:hover, .job-builder.details .listing .col-12.left .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .job-builder.details .listing .col-12.left .page-th .details .download > a img, .job-builder.details .listing .col-12.left .page .details .download > a img {
        height: 1rem; }
      .job-builder.details .listing .col-12.left .page-th .details .download > a i, .job-builder.details .listing .col-12.left .page .details .download > a i {
        font-size: 1rem; }
    .job-builder.details .listing .col-12.left .page-th .details .download #docModal .modal-dialog, .job-builder.details .listing .col-12.left .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title .text, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title .text .sub-title, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title .text .title, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title .text .title:after, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body > div, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .doc:before, .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .xLink:before, .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .xDocs:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .doc:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .xLink:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .doc:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .xLink:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div .xDocs:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div span, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div span:before, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div span a, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div span a:hover, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .job-builder.details .listing .col-12.left .page-th .details .download .modal .btn-secondary, .job-builder.details .listing .col-12.left .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .btn-secondary i, .job-builder.details .listing .col-12.left .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-title .text, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .job-builder.details .listing .col-12.left .page-th .details .download .modal .modal-body div, .job-builder.details .listing .col-12.left .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .job-builder.details .listing .col-12.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .job-builder.details .listing .col-12.left .page-th .details .col.total .saving, .job-builder.details .listing .col-12.left .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .job-builder.details .listing .col-12.left .page-th .details .col.total .saving, .job-builder.details .listing .col-12.left .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .job-builder.details .listing .col-12.left .page-th .details .checkbox, .job-builder.details .listing .col-12.left .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .job-builder.details .listing .col-12.left .page-th .details .col ._labels, .job-builder.details .listing .col-12.left .page .details .col ._labels {
    display: block !important; }
  .job-builder.details .listing .col-12.left .page-th .details .inventory ._labels, .job-builder.details .listing .col-12.left .page .details .inventory ._labels {
    display: none !important; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price span, .job-builder.details .listing .col-12.left .page .details .col.price span {
      display: flex;
      align-items: center; }
  .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.qty {
    max-width: 360px !important; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .job-builder.details .listing .col-12.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.total, .job-builder.details .listing .col-12.left .page .details .col.total {
    flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left .page-th .details .col.total .saving, .job-builder.details .listing .col-12.left .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .job-builder.details .listing .col-12.left .page-th .details .add-to-cart, .job-builder.details .listing .col-12.left .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .job-builder.details .listing .col-12.left .page-th .details .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.job-builder.details .listing .col-12.left .page-th form, .job-builder.details .listing .col-12.left .page form {
  width: 100%;
  padding: 15px 0px; }
.job-builder.details .listing .col-12.left .page-th .details, .job-builder.details .listing .col-12.left .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .job-builder.details .listing .col-12.left .page-th .details .checkbox, .job-builder.details .listing .col-12.left .page .details .checkbox {
    align-self: center; }
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .s-desc, .job-builder.details .listing .col-12.left .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .s-desc:after, .job-builder.details .listing .col-12.left .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page-th .details .col.total, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.total {
    text-align: right; }
  .job-builder.details .listing .col-12.left .page-th .details .ordered .qty, .job-builder.details .listing .col-12.left .page .details .ordered .qty {
    text-align: left; }
  .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.qty {
    position: static; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .uom + .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .job-builder.details .listing .col-12.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price .eco, .job-builder.details .listing .col-12.left .page .details .col.price .eco {
    margin-top: 3px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price:empty, .job-builder.details .listing .col-12.left .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .sp-tags, .job-builder.details .listing .col-12.left .page .details .sp-tags {
    justify-content: flex-end; }
  .job-builder.details .listing .col-12.left .page-th .details .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .remove, .job-builder.details .listing .col-12.left .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .job-builder.details .listing .col-12.left .page-th .details .remove button, .job-builder.details .listing .col-12.left .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .job-builder.details .listing .col-12.left .page-th .details .remove button, .job-builder.details .listing .col-12.left .page-th .details .remove a, .job-builder.details .listing .col-12.left .page .details .remove button, .job-builder.details .listing .col-12.left .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .job-builder.details .listing .col-12.left .page-th .details .remove button:hover, .job-builder.details .listing .col-12.left .page-th .details .remove a:hover, .job-builder.details .listing .col-12.left .page .details .remove button:hover, .job-builder.details .listing .col-12.left .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .job-builder.details .listing .col-12.left .page-th .details .remove button span, .job-builder.details .listing .col-12.left .page-th .details .remove a span, .job-builder.details .listing .col-12.left .page .details .remove button span, .job-builder.details .listing .col-12.left .page .details .remove a span {
        margin-left: 3px; }
      .job-builder.details .listing .col-12.left .page-th .details .remove button i, .job-builder.details .listing .col-12.left .page-th .details .remove a i, .job-builder.details .listing .col-12.left .page .details .remove button i, .job-builder.details .listing .col-12.left .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .job-builder.details .listing .col-12.left .page-th .details .remove button:hover i, .job-builder.details .listing .col-12.left .page-th .details .remove a:hover i, .job-builder.details .listing .col-12.left .page .details .remove button:hover i, .job-builder.details .listing .col-12.left .page .details .remove a:hover i {
        color: #214a8c; }
    .job-builder.details .listing .col-12.left .page-th .details .remove button, .job-builder.details .listing .col-12.left .page .details .remove button {
      background: none; }
  .job-builder.details .listing .col-12.left .page-th .details .remove, .job-builder.details .listing .col-12.left .page-th .details .pro-status, .job-builder.details .listing .col-12.left .page .details .remove, .job-builder.details .listing .col-12.left .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .job-builder.details .listing .col-12.left .page-th .details .pro-status, .job-builder.details .listing .col-12.left .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status:before, .job-builder.details .listing .col-12.left .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.add, .job-builder.details .listing .col-12.left .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .job-builder.details .listing .col-12.left .page-th .details .pro-status.add:before, .job-builder.details .listing .col-12.left .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.update, .job-builder.details .listing .col-12.left .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .job-builder.details .listing .col-12.left .page-th .details .pro-status.update:before, .job-builder.details .listing .col-12.left .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.remove, .job-builder.details .listing .col-12.left .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .job-builder.details .listing .col-12.left .page-th .details .pro-status.remove:before, .job-builder.details .listing .col-12.left .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.update:nth-last-child(4), .job-builder.details .listing .col-12.left .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.note, .job-builder.details .listing .col-12.left .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .job-builder.details .listing .col-12.left .page-th .details .pro-status.note:before, .job-builder.details .listing .col-12.left .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .job-builder.details .listing .col-12.left .page-th .details .quote-details, .job-builder.details .listing .col-12.left .page .details .quote-details {
    padding-left: 100px; }
    .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note label, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note span.update, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note input, .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note textarea, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note input, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note input, .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note button, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note input, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note button {
        height: 30px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note textarea, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note p, .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note textarea, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note p, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note textarea, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note p.supp, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .job-builder.details .listing .col-12.left .page-th .details:hover .text .s-desc:before, .job-builder.details .listing .col-12.left .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .job-builder.details .listing .col-12.left .page-th .details:not(.dnr), .job-builder.details .listing .col-12.left .page .details:not(.dnr) {
    justify-content: space-between; }
  .job-builder.details .listing .col-12.left .page-th .quote-details, .job-builder.details .listing .col-12.left .page .quote-details {
    flex-direction: row; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .eco, .job-builder.details .listing .col-12.left .page .details .col.price .eco {
      min-width: 100%; }
  .job-builder.details .listing .col-12.left .page-th .details .sp-tags .tag, .job-builder.details .listing .col-12.left .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .job-builder.details .listing .col-12.left .page-th .details .checkbox, .job-builder.details .listing .col-12.left .page .details .checkbox {
    position: absolute; }
  .job-builder.details .listing .col-12.left .page-th .details .col ._labels, .job-builder.details .listing .col-12.left .page .details .col ._labels {
    display: block !important; }
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page-th .details .ordered, .job-builder.details .listing .col-12.left .page-th .details .quote-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .ordered, .job-builder.details .listing .col-12.left .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page-th .details .ordered, .job-builder.details .listing .col-12.left .page-th .details .quote-details, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.qty, .job-builder.details .listing .col-12.left .page .details .ordered, .job-builder.details .listing .col-12.left .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page .details .inventory {
    margin-top: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .delivery .leadtime.supp, .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup .preferred, .job-builder.details .listing .col-12.left .page-th .details .inventory .inventory .pickup a, .job-builder.details .listing .col-12.left .page .details .inventory .delivery .leadtime.supp, .job-builder.details .listing .col-12.left .page .details .inventory .pickup .preferred, .job-builder.details .listing .col-12.left .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:before, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .job-builder.details .listing .col-12.left .page-th .details .inventory .pickup:after, .job-builder.details .listing .col-12.left .page .details .inventory .pickup:after {
      bottom: -20px; }
  .job-builder.details .listing .col-12.left .page-th .details .ordered span.supp, .job-builder.details .listing .col-12.left .page .details .ordered span.supp {
    margin-left: 5px; }
    .job-builder.details .listing .col-12.left .page-th .details .ordered span.supp:before, .job-builder.details .listing .col-12.left .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .job-builder.details .listing .col-12.left .page-th .details .ordered span.supp:after, .job-builder.details .listing .col-12.left .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.price {
    min-height: 45px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.price .eco, .job-builder.details .listing .col-12.left .page .details .col.price .eco {
      margin-top: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .uom + .supp, .job-builder.details .listing .col-12.left .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .job-builder.details .listing .col-12.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .job-builder.details .listing .col-12.left .page-th .details .pro-status, .job-builder.details .listing .col-12.left .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status.update:nth-last-child(4), .job-builder.details .listing .col-12.left .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .job-builder.details .listing .col-12.left .page-th .details .update + .note, .job-builder.details .listing .col-12.left .page .details .update + .note {
    left: auto;
    right: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .pro-status + .quote-details, .job-builder.details .listing .col-12.left .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .job-builder.details .listing .col-12.left .page-th .details .quote-details, .job-builder.details .listing .col-12.left .page .details .quote-details {
    flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note label, .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note .text, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note label, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note textarea, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .job-builder.details .listing .col-12.left .page-th .details .quote-details .pro-note p.supp, .job-builder.details .listing .col-12.left .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .job-builder.details .listing .col-12.left .page-th .details .col.pro-details, .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left .page-th .details .col.pro-details .s-desc, .job-builder.details .listing .col-12.left .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .job-builder.details .listing .col-12.left .page-th .details .inventory, .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page-th .details .col.qty, .job-builder.details .listing .col-12.left .page-th .details .ordered, .job-builder.details .listing .col-12.left .page-th .details .quote-details, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.qty, .job-builder.details .listing .col-12.left .page .details .ordered, .job-builder.details .listing .col-12.left .page .details .quote-details {
    padding-left: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .col.price, .job-builder.details .listing .col-12.left .page .details .col.price {
    flex-wrap: wrap; }
  .job-builder.details .listing .col-12.left .page-th .details .sp-tags, .job-builder.details .listing .col-12.left .page .details .sp-tags {
    width: 100%; }
  .job-builder.details .listing .col-12.left .page-th .details .col.qty .cable-cuts, .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .job-builder.details .listing .col-12.left .page-th .details .sp-tags, .job-builder.details .listing .col-12.left .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .job-builder.details .listing .col-12.left .page-th .details .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    position: absolute; }
  .job-builder.details .listing .col-12.left .page-th .details .pro-status, .job-builder.details .listing .col-12.left .page .details .pro-status {
    left: 0px; }
    .job-builder.details .listing .col-12.left .page-th .details .pro-status:before, .job-builder.details .listing .col-12.left .page .details .pro-status:before {
      display: none; } }
.job-builder.details .listing .col-12.left .page-th, .job-builder.details .listing .col-12.left .page .details {
  /* -------------- REMOVE AFTERWARDS -------------- */ }
  .job-builder.details .listing .col-12.left .page-th form, .job-builder.details .listing .col-12.left .page .details form {
    border-bottom: none;
    padding: 0px; }
    .job-builder.details .listing .col-12.left .page-th form:hover, .job-builder.details .listing .col-12.left .page .details form:hover {
      background-color: transparent; }
  .job-builder.details .listing .col-12.left .page-th .inventory, .job-builder.details .listing .col-12.left .page-th .col.qty, .job-builder.details .listing .col-12.left .page-th .col.total, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.total {
    max-width: 16.666667%; }
  .job-builder.details .listing .col-12.left .page-th .col.pro-details .product-img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .product-img {
    width: 100%;
    height: 100px;
    max-width: 100px; }
    .job-builder.details .listing .col-12.left .page-th .col.pro-details .product-img img, .job-builder.details .listing .col-12.left .page .details .col.pro-details .product-img img {
      max-height: 80px;
      max-width: 80px; }
  .job-builder.details .listing .col-12.left .page-th .alert-warning, .job-builder.details .listing .col-12.left .page .details .alert-warning {
    position: inherit; }
  .job-builder.details .listing .col-12.left .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .job-builder.details .listing .col-12.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 0px; }
  @media (max-width: 991px) {
    .job-builder.details .listing .col-12.left .page-th .col.price, .job-builder.details .listing .col-12.left .page-th .inventory, .job-builder.details .listing .col-12.left .page-th .col.qty, .job-builder.details .listing .col-12.left .page-th .col.total, .job-builder.details .listing .col-12.left .page-th .ordered, .job-builder.details .listing .col-12.left .page-th .quote-details, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.total, .job-builder.details .listing .col-12.left .page .details .ordered, .job-builder.details .listing .col-12.left .page .details .quote-details {
      padding-left: 100px;
      max-width: 100%; }
    .job-builder.details .listing .col-12.left .page-th .col.qty input ~ span + span + input, .job-builder.details .listing .col-12.left .page .details .col.qty input ~ span + span + input {
      margin-left: 110px;
      margin-top: 5px; }
    .job-builder.details .listing .col-12.left .page-th .col.qty input ~ span + span + input + span, .job-builder.details .listing .col-12.left .page .details .col.qty input ~ span + span + input + span {
      margin-top: 5px; }
    .job-builder.details .listing .col-12.left .page-th .col.total, .job-builder.details .listing .col-12.left .page .details .col.total {
      display: flex;
      align-items: center; } }
  @media (max-width: 767px) {
    .job-builder.details .listing .col-12.left .page-th .col.price, .job-builder.details .listing .col-12.left .page-th .inventory, .job-builder.details .listing .col-12.left .page-th .col.qty, .job-builder.details .listing .col-12.left .page-th .col.total, .job-builder.details .listing .col-12.left .page-th .ordered, .job-builder.details .listing .col-12.left .page-th .quote-details, .job-builder.details .listing .col-12.left .page .details .col.price, .job-builder.details .listing .col-12.left .page .details .inventory, .job-builder.details .listing .col-12.left .page .details .col.qty, .job-builder.details .listing .col-12.left .page .details .col.total, .job-builder.details .listing .col-12.left .page .details .ordered, .job-builder.details .listing .col-12.left .page .details .quote-details {
      padding-left: 0px;
      width: 100%; } }
  .job-builder.details .listing .col-12.left .page-th .select, .job-builder.details .listing .col-12.left .page .details .select {
    position: relative;
    margin: 0px 5px 0px auto;
    max-width: 100px;
    padding: 0px; }
    .job-builder.details .listing .col-12.left .page-th .select label, .job-builder.details .listing .col-12.left .page .details .select label {
      display: inherit; }
      .job-builder.details .listing .col-12.left .page-th .select label:after, .job-builder.details .listing .col-12.left .page .details .select label:after {
        top: 7px;
        background: #fff;
        right: 0px; }
    .job-builder.details .listing .col-12.left .page-th .select select, .job-builder.details .listing .col-12.left .page .details .select select {
      border: 1px solid #aaa;
      background: #fff !important;
      padding: 0px 10px; }
    .job-builder.details .listing .col-12.left .page-th .select label:after, .job-builder.details .listing .col-12.left .page .details .select label:after {
      top: 1px;
      font-size: 1rem;
      right: 5px;
      height: calc(30px - 2px);
      line-height: calc(30px - 2px);
      width: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px; }
    .job-builder.details .listing .col-12.left .page-th .select select, .job-builder.details .listing .col-12.left .page .details .select select {
      font-family: "Open Sans", sans-serif;
      font-size: 0.8rem;
      padding: 0px 5px;
      height: 30px;
      width: 100%; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .job-builder.details .listing .col-12.left .page-th .select, .job-builder.details .listing .col-12.left .page .details .select {
        margin: 0px 10px 0px 20px; } }
  .job-builder.details .listing .col-12.left .page-th.dnr .qty .available, .job-builder.details .listing .col-12.left .page .details.dnr .qty .available {
    line-height: normal; }
.job-builder.details .listing .col-12.left .title {
  color: #222;
  font-size: 0.95rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5rem;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: none;
  letter-spacing: 0.5px;
  padding: 0px; }
  .job-builder.details .listing .col-12.left .title a:hover {
    color: #214a8c; }
.job-builder.details .listing .col-12.left .sub-header {
  padding: 10px 0px;
  background: #fff;
  flex-wrap: wrap;
  /* EXPLORER ONLY */ }
  .job-builder.details .listing .col-12.left .sub-header .search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    justify-content: center;
    margin: 0px; }
    .job-builder.details .listing .col-12.left .sub-header .search input, .job-builder.details .listing .col-12.left .sub-header .search button {
      border-radius: 0px;
      float: left; }
    .job-builder.details .listing .col-12.left .sub-header .search input:focus, .job-builder.details .listing .col-12.left .sub-header .search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .job-builder.details .listing .col-12.left .sub-header .search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .job-builder.details .listing .col-12.left .sub-header .search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .job-builder.details .listing .col-12.left .sub-header .search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .job-builder.details .listing .col-12.left .sub-header .search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .job-builder.details .listing .col-12.left .sub-header .search button {
        width: 40px; }
      .job-builder.details .listing .col-12.left .sub-header .search input, .job-builder.details .listing .col-12.left .sub-header .search button {
        height: 40px; }
      .job-builder.details .listing .col-12.left .sub-header .search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .job-builder.details .listing .col-12.left .sub-header .search input {
        width: calc(100% - 40px); } }
    .job-builder.details .listing .col-12.left .sub-header .search input, .job-builder.details .listing .col-12.left .sub-header .search textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .job-builder.details .listing .col-12.left .sub-header .search input, .job-builder.details .listing .col-12.left .sub-header .search button {
      height: 30px; }
    .job-builder.details .listing .col-12.left .sub-header .search textarea {
      height: 50px; }
    .job-builder.details .listing .col-12.left .sub-header .search span {
      padding-right: 10px;
      color: #222; }
    .job-builder.details .listing .col-12.left .sub-header .search input {
      width: 200px;
      font-size: 0.8rem;
      height: 30px; }
    .job-builder.details .listing .col-12.left .sub-header .search button {
      width: 30px;
      height: 30px; }
      .job-builder.details .listing .col-12.left .sub-header .search button i {
        font-size: 1rem;
        top: -2px; }
    @media (max-width: 991px) {
      .job-builder.details .listing .col-12.left .sub-header .search input {
        width: 170px; } }
    @media (max-width: 767px) {
      .job-builder.details .listing .col-12.left .sub-header .search {
        max-width: 100%;
        flex: 0 0 100%; } }
  .job-builder.details .listing .col-12.left .sub-header .right a.btn-sml {
    background: #666 !important;
    color: #fff;
    border: none !important;
    width: 120px;
    margin-right: 10px; }
    .job-builder.details .listing .col-12.left .sub-header .right a.btn-sml:hover, .job-builder.details .listing .col-12.left .sub-header .right a.btn-sml:focus {
      background: #222 !important;
      color: #fff !important; }
  .job-builder.details .listing .col-12.left .sub-header .right a.btn-sml.active {
    background: #222 !important; }
  .job-builder.details .listing .col-12.left .sub-header a.pdf-export, .job-builder.details .listing .col-12.left .sub-header a.excel-export, .job-builder.details .listing .col-12.left .sub-header a.import-pro {
    cursor: pointer;
    position: relative; }
    .job-builder.details .listing .col-12.left .sub-header a.pdf-export.active, .job-builder.details .listing .col-12.left .sub-header a.excel-export.active, .job-builder.details .listing .col-12.left .sub-header a.import-pro.active {
      color: #214a8c; }
      .job-builder.details .listing .col-12.left .sub-header a.pdf-export.active:before, .job-builder.details .listing .col-12.left .sub-header a.excel-export.active:before, .job-builder.details .listing .col-12.left .sub-header a.import-pro.active:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: calc(20px + 7px);
        left: 50%; }
  .job-builder.details .listing .col-12.left .sub-header #exportPdf, .job-builder.details .listing .col-12.left .sub-header #exportExcel, .job-builder.details .listing .col-12.left .sub-header #importPro {
    border: 1px solid #666;
    margin: 7px 0px 10px;
    padding: 0px;
    height: auto;
    background: #fff; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form, .job-builder.details .listing .col-12.left .sub-header #exportExcel form, .job-builder.details .listing .col-12.left .sub-header #importPro form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 100%;
      flex: 0 0 100%;
      margin: 0px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form label, .job-builder.details .listing .col-12.left .sub-header #importPro form label {
        margin-bottom: 0px;
        text-align: left; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form > div, .job-builder.details .listing .col-12.left .sub-header #importPro form > div {
        padding: 0px 15px;
        height: 50px;
        display: flex;
        align-items: center;
        flex-direction: row; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form > div:not(.generate), .job-builder.details .listing .col-12.left .sub-header #exportExcel form > div:not(.generate), .job-builder.details .listing .col-12.left .sub-header #importPro form > div:not(.generate) {
        border-bottom: 1px solid #ddd; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .left, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .left, .job-builder.details .listing .col-12.left .sub-header #importPro form .left {
        max-width: 25%;
        flex: 0 0 25%;
        line-height: 1rem;
        justify-content: flex-end; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .right, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .right, .job-builder.details .listing .col-12.left .sub-header #importPro form .right {
        max-width: 75%;
        flex: 0 0 75%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        border-left: 1px solid #ddd; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment {
        flex-wrap: wrap;
        padding: 15px;
        display: none;
        height: auto; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment > div, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment > div {
          width: 100%;
          display: flex;
          padding: 0px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 {
          float: left;
          flex-wrap: wrap; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3 > div, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9 > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3 > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9 > div, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 > div, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 > div {
            width: 100%;
            text-align: left; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3 > label, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9 > label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3 > label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9 > label, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 > label, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 > label {
            margin-bottom: 10px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3 p.supp, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9 p.supp, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3 p.supp, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9 p.supp, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 p.supp, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 p.supp {
            position: relative;
            margin: 0px 0px 0px 10px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 {
          padding-left: 15px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .text, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .image, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .text, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .image, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .text, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .image {
          margin: 0px 0px 5px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .text p, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .image p, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .text p, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .image p, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .text p, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .image p {
            font-family: "Open Sans", sans-serif;
            font-size: 0.75rem;
            font-weight: 400;
            margin: 0px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .image, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .image, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .image {
          display: flex;
          align-items: center;
          flex-direction: row;
          margin: 0px;
          width: 100%; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .image p, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .image p, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .image p {
            font-style: italic;
            margin: 0px 10px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .image img, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .image img, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .image img {
            max-width: 100px;
            width: auto;
            max-height: 40px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns i, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns i, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns i {
            font-size: calc(20px + 2px);
            margin-right: 5px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns a, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns input, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns button, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns a, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns input, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns button, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns a, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns input, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns button {
            border: none;
            background: none;
            padding: 0px;
            height: 20px;
            cursor: pointer;
            margin-right: 10px;
            font-size: 0.875rem;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            display: flex;
            align-items: center; }
            .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns a:focus, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns input:focus, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns button:focus, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns a:focus, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns input:focus, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns button:focus, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns a:focus, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns input:focus, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns button:focus {
              border: none;
              background: none; }
            .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns a:hover, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns input:hover, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns button:hover, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns a:hover, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns input:hover, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns button:hover, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns a:hover, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns input:hover, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns button:hover {
              color: #214a8c; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns button + button, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns a + a, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns input + input, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns button + button, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns a + a, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns input + input, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns button + button, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns a + a, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns input + input {
            pointer-events: none;
            color: #ccc; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns .image, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns .image, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns .image {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #ddd;
            flex-wrap: wrap;
            height: auto; }
            .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .btns .image > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .btns .image > div, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .btns .image > div {
              max-width: 50%;
              flex: 0 0 50%;
              display: flex;
              align-items: center; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0px;
        padding: 15px;
        height: auto;
        border-left: none; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list div, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list div {
          padding: 0px;
          font-family: "Open Sans", sans-serif; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > div:not(.d-flex), .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > div:not(.d-flex), .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > div:not(.d-flex) {
          padding: 5px 0px;
          text-align: left; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 {
          max-width: calc(50% - 10px);
          flex: 0 0 50%;
          position: relative; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4 label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4 label, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 label {
            display: inherit; }
            .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4 label:after, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4 label:after, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4 select, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4 select, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4 label:after, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4 label:after, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > .col-9 .col-4 select, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > .col-9 .col-4 select, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > .col-9 .col-4 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list .btn-block, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list .btn-block, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list .btn-block {
          border: none; }
          .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list .btn-block a, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list .btn-block a, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list .btn-block a {
            height: 30px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: calc(25% + 15px); }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .btn-sml.btn-dark-bdr, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .btn-sml.btn-dark-bdr, .job-builder.details .listing .col-12.left .sub-header #importPro form .btn-sml.btn-dark-bdr {
        margin: 0px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .generate, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .generate, .job-builder.details .listing .col-12.left .sub-header #importPro form .generate {
        padding: 15px;
        justify-content: center; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .generate .btn-sml, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .generate .btn-sml, .job-builder.details .listing .col-12.left .sub-header #importPro form .generate .btn-sml {
          max-width: 100px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .checkbox.misc.disabled .custom-checkbox, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .checkbox.misc.disabled .custom-checkbox, .job-builder.details .listing .col-12.left .sub-header #importPro form .checkbox.misc.disabled .custom-checkbox {
        pointer-events: none;
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer */
        -khtml-user-select: none;
        /* KHTML browsers (e.g. Konqueror) */
        -webkit-user-select: none;
        /* Chrome, Safari, and Opera */
        -webkit-touch-callout: none;
        /* Disable Android and iOS callouts*/
        opacity: 0.25; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .img, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .img, .job-builder.details .listing .col-12.left .sub-header #importPro form .img {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .img .text p, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .img .text p, .job-builder.details .listing .col-12.left .sub-header #importPro form .img .text p {
          margin-bottom: 0px;
          text-align: left; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .img p.supp, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .img p.supp, .job-builder.details .listing .col-12.left .sub-header #importPro form .img p.supp {
          width: 100%;
          margin: 0px 0px 10px;
          position: inherit;
          text-align: left; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .img img, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .img img, .job-builder.details .listing .col-12.left .sub-header #importPro form .img img {
          padding-right: 15px; }
  .job-builder.details .listing .col-12.left .sub-header #exportPdf:not(.show), .job-builder.details .listing .col-12.left .sub-header #exportExcel:not(.show), .job-builder.details .listing .col-12.left .sub-header #importPro:not(.show) {
    display: none; }
  @media (max-width: 991px) {
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form > div, .job-builder.details .listing .col-12.left .sub-header #exportExcel form > div, .job-builder.details .listing .col-12.left .sub-header #importPro form > div {
      height: auto;
      padding: 10px !important; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .custom-checkbox, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .custom-checkbox, .job-builder.details .listing .col-12.left .sub-header #importPro form .custom-checkbox {
      height: 30px; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .left, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .right, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .left, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .right, .job-builder.details .listing .col-12.left .sub-header #importPro form .left, .job-builder.details .listing .col-12.left .sub-header #importPro form .right {
      max-width: 100%;
      flex: 0 0 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 10px; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .left, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .left, .job-builder.details .listing .col-12.left .sub-header #importPro form .left {
      border-bottom: none !important;
      padding-bottom: 0px !important; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form label, .job-builder.details .listing .col-12.left .sub-header #importPro form label {
      justify-content: flex-start; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .right, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .right, .job-builder.details .listing .col-12.left .sub-header #importPro form .right {
      border-left: none;
      margin: 0px; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment {
      padding: 10px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 {
        max-width: 100%;
        flex: 0 0 100%; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 {
        margin-bottom: 10px;
        flex-wrap: nowrap; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3 label, .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-3 .image, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3 label, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-3 .image, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 label, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-3 .image {
          width: 50%;
          margin: 0px; }
      .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 {
        padding: 0px; }
        .job-builder.details .listing .col-12.left .sub-header #exportPdf form .attachment .col-9 p.supp, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .attachment .col-9 p.supp, .job-builder.details .listing .col-12.left .sub-header #importPro form .attachment .col-9 p.supp {
          width: 50%; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list .col-3, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list .col-3, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list .col-3 {
      max-width: 40%;
      flex: 0 0 40%; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list .col-9, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list .col-9, .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list .col-9 {
      max-width: 60%;
      flex: 0 0 60%; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > div:nth-of-type(1), .job-builder.details .listing .col-12.left .sub-header #exportPdf form .address-list > div:nth-of-type(2), .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > div:nth-of-type(1), .job-builder.details .listing .col-12.left .sub-header #exportExcel form .address-list > div:nth-of-type(2), .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > div:nth-of-type(1), .job-builder.details .listing .col-12.left .sub-header #importPro form .address-list > div:nth-of-type(2) {
      max-width: 100%;
      flex: 0 0 100%; }
    .job-builder.details .listing .col-12.left .sub-header #exportPdf form .img img, .job-builder.details .listing .col-12.left .sub-header #exportExcel form .img img, .job-builder.details .listing .col-12.left .sub-header #importPro form .img img {
      max-width: 100%;
      padding: 0px 0px 10px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .job-builder.details .listing .col-12.left .sub-header #exportPdf .custom-checkbox .custom-check, .job-builder.details .listing .col-12.left .sub-header #exportExcel .custom-checkbox .custom-check, .job-builder.details .listing .col-12.left .sub-header #importPro .custom-checkbox .custom-check {
      top: 1rem; } }
  .job-builder.details .listing .col-12.left .sub-header a.pdf-export.active {
    color: #fff; }
    .job-builder.details .listing .col-12.left .sub-header a.pdf-export.active:before {
      left: calc(50% - 7px); }
.job-builder.details .listing .col-12.left .page.misc .pro-details input, .job-builder.details .listing .col-12.left .page.misc .pro-details textarea {
  font-family: "Open Sans", sans-serif;
  padding: 3px 5px;
  border: 1px solid #aaa;
  background: #fff !important;
  border-radius: 0px;
  font-size: 0.8rem; }
.job-builder.details .listing .col-12.left .page.misc .pro-details input, .job-builder.details .listing .col-12.left .page.misc .pro-details button {
  height: 30px; }
.job-builder.details .listing .col-12.left .page.misc .pro-details textarea {
  height: 50px; }
.job-builder.details .listing .col-12.left .page.misc .details > div:nth-child(2) .qty span.margin {
  line-height: 30px;
  font-family: "Open Sans", sans-serif; }
.job-builder.details .listing .col-12.left label.dnArw {
  margin-bottom: 0px; }
.job-builder.details .listing .col-12.left > .sub-total {
  background: #f7f7f7; }
  .job-builder.details .listing .col-12.left > .sub-total > div {
    font-size: 1.2rem; }
  .job-builder.details .listing .col-12.left > .sub-total > div:last-child {
    font-weight: 700; }
.job-builder.details .listing .col-12.left .no-results + .sub-total.btm {
  border-top: 4px double #ccc; }
.job-builder.details .listing .col-12.left .qty.total input {
  min-width: calc(100px - 5px);
  margin-top: 0px;
  font-weight: 600;
  text-align: right !important; }
.job-builder.details .listing .col-12.left .qty.total .supp.uom {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222; }
@media (min-width: 992px) {
  .job-builder.details .listing .col-12.left .page-th > .col:nth-last-child(3) .price.cost, .job-builder.details .listing .col-12.left .page-th .col:nth-last-child(2) .price.cost, .job-builder.details .listing .col-12.left .page .details > .col:nth-last-child(3) .price.cost, .job-builder.details .listing .col-12.left .page .details .col:nth-last-child(2) .price.cost {
    height: 30px;
    justify-content: flex-end; }
  .job-builder.details .listing .col-12.left .page-th > .td-4 .qty.legacy [class="supp"], .job-builder.details .listing .col-12.left .page .details > .td-4 .qty.legacy [class="supp"] {
    width: 100%; }
  .job-builder.details .listing .col-12.left .page-th > .td-4 .qty.legacy [class="supp"] ~ input, .job-builder.details .listing .col-12.left .page .details > .td-4 .qty.legacy [class="supp"] ~ input {
    margin: 5px 25px 0px 0px; }
  .job-builder.details .listing .col-12.left .page:not(.misc) .col.pro-details {
    max-width: calc(33.333333% - 20px); }
  .job-builder.details .listing .col-12.left .page.misc .details {
    padding-bottom: 40px; } }
@media (max-width: 991px) {
  .job-builder.details .filters .col-12 {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .job-builder.details .filters .col-12 .col-2, .job-builder.details .filters .col-12 .col-4 {
      margin-right: 0px;
      margin-bottom: 10px; }
    .job-builder.details .filters .col-12 .col-2:not(.select), .job-builder.details .filters .col-12 .col-4 {
      min-width: calc(50% - 10px); }
    .job-builder.details .filters .col-12 .col-2.select {
      min-width: calc(50% - 10px);
      max-width: calc(50% - 10px); }
    .job-builder.details .filters .col-12 .col-2.global {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0px;
      margin-right: 20px; }
      .job-builder.details .filters .col-12 .col-2.global label {
        margin-right: 15px;
        margin-bottom: 0px; }
    .job-builder.details .filters .col-12 .col-1.save {
      margin-left: auto; }
    .job-builder.details .filters .col-12 .col-1.copy {
      margin-right: auto; }
  .job-builder.details .listing .col-12.left .actions .left a, .job-builder.details .listing .col-12.left .page-th {
    display: none !important; }
  .job-builder.details .listing .col-12.left .page .details .checkbox {
    top: 60px; }
  .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    padding-left: 20px;
    margin-bottom: 10px; }
  .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 {
    flex-wrap: wrap;
    max-width: 50%;
    flex: 0 0 50%; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 > div.col {
      padding: 0px;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      max-width: 100%;
      flex: 0 0 100%; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .price.cost, .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .td-5.qty {
      margin-bottom: 0px; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .td-4.select {
      margin-left: 0px;
      max-width: 240px; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .td-4.qty {
      padding-right: 15px;
      align-items: flex-start; }
  .job-builder.details .listing .col-12.left .page .details .col span._labels {
    display: block !important; }
  .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts {
    margin-left: auto; }
  .job-builder.details .listing .col-12.left .page .details .qty.legacy .supp.uom + [class="supp"] {
    width: 100%; }
  .job-builder.details .listing .col-12.left .sub-header {
    padding-top: 0px;
    border-bottom: 1px solid #aaa; }
    .job-builder.details .listing .col-12.left .sub-header .title {
      max-width: 100%;
      flex: 0 0 100%;
      margin-bottom: 10px; }
    .job-builder.details .listing .col-12.left .sub-header .search, .job-builder.details .listing .col-12.left .sub-header .right {
      max-width: 50%;
      flex: 0 0 50%; }
    .job-builder.details .listing .col-12.left .sub-header .search {
      justify-content: flex-start; }
  .job-builder.details .listing .col-12.left .page.misc .details .pro-details {
    padding-left: 0px; }
  .job-builder.details .listing .col-12.left .page.misc .details .td-4.qty span.uom.margin, .job-builder.details .listing .col-12.left .page.misc .details .td-5.qty span.uom.margin {
    position: relative;
    left: -10px;
    width: auto; }
  .job-builder.details .listing .col-12.left .page.misc .details .td-4.qty span.uom.margin + input, .job-builder.details .listing .col-12.left .page.misc .details .td-5.qty span.uom.margin + input {
    margin-left: -7px; } }
@media (max-width: 767px) {
  .job-builder.details .filters .col-12 .col-2:not(.select), .job-builder.details .filters .col-12 .col-4 {
    min-width: 100%; }
  .job-builder.details .filters .col-12 .col-2.select {
    min-width: 50%;
    max-width: 50%; }
  .job-builder.details .filters .col-12 .col-2.global {
    margin-right: 0px;
    margin-bottom: 10px; }
  .job-builder.details .listing .col-12.left .actions .right {
    margin: 0px 0px 0px auto; }
  .job-builder.details .listing .col-12.left .sub-header .title, .job-builder.details .listing .col-12.left .sub-header .search, .job-builder.details .listing .col-12.left .sub-header .right {
    justify-content: center;
    max-width: 100%;
    flex: 0 0 100%; }
  .job-builder.details .listing .col-12.left .sub-header .right {
    margin-top: 10px; }
    .job-builder.details .listing .col-12.left .sub-header .right form {
      max-width: 50%;
      flex: 0 0 50%; }
    .job-builder.details .listing .col-12.left .sub-header .right .btn-sml {
      margin: 0px auto; }
  .job-builder.details .listing .col-12.left .page .details .col.pro-details {
    padding-left: 0px; }
  .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 {
    max-width: 100%;
    flex: 0 0 100%; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .price.cost {
      margin-bottom: 10px; }
    .job-builder.details .listing .col-12.left .page .details .pro-details ~ .td-4 .td-4.qty {
      padding-right: 0px; }
  .job-builder.details .listing .col-12.left .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px); }
  .job-builder.details .listing .col-12.left .page .sub-total.btm .col-4 {
    max-width: 60%;
    flex: 0 0 60%; }
  .job-builder.details .listing .col-12.left > .sub-total {
    flex-wrap: wrap; }
    .job-builder.details .listing .col-12.left > .sub-total > div {
      font-size: 0.875rem; } }

.products-detail form {
  margin: 20px auto;
  padding: 0px;
  background: none;
  /* ALL SUBMIT BUTTON STYLES */ }
  .products-detail form .field-validation-error:not(.text-danger), .products-detail form .field-validation-valid:not(.text-danger) {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    display: flex; }
    .products-detail form .field-validation-error:not(.text-danger) span, .products-detail form .field-validation-valid:not(.text-danger) span {
      border: 1px solid #ff9933;
      color: #de6e00;
      padding: 5px;
      display: flex;
      margin-top: 10px; }
  .products-detail form .field-validation-error {
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif; }
  .products-detail form .field-validation-error.global {
    margin-bottom: 20px;
    color: #dc3545;
    background: #feeeef;
    border: 1px solid #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    min-height: 50px; }
    .products-detail form .field-validation-error.global:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      font-size: 1.5rem;
      padding-right: 10px;
      content: "\e902";
      color: #dc3545; }
    @media (min-width: 1200px) {
      .products-detail form .field-validation-error.global {
        margin: 0px 80px 30px; } }
  .products-detail form .validation-summary-error {
    width: 100%;
    margin-bottom: 30px;
    margin: 0px; }
    .products-detail form .validation-summary-error ul {
      margin: 0px;
      padding: 0px; }
    .products-detail form .validation-summary-error ul li, .products-detail form .validation-summary-error span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-detail form .validation-summary-error ul li:before, .products-detail form .validation-summary-error span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-detail form .validation-summary-error ul li span, .products-detail form .validation-summary-error span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-detail form .validation-summary-error ul li span + span:before, .products-detail form .validation-summary-error span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-detail form .validation-summary-error {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-detail form .validation-summary-error ul li, .products-detail form .validation-summary-error span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-detail form .validation-summary-error ul li, .products-detail form .validation-summary-error span {
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545; }
      .products-detail form .validation-summary-error ul li:before, .products-detail form .validation-summary-error span:before {
        content: "\e902";
        color: #dc3545; }
    .products-detail form .validation-summary-error ul li {
      margin-bottom: 20px; }
  .products-detail form .validation-summary-success {
    width: 100%;
    margin-bottom: 30px; }
    .products-detail form .validation-summary-success ul {
      margin: 0px;
      padding: 0px; }
    .products-detail form .validation-summary-success ul li, .products-detail form .validation-summary-success span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-detail form .validation-summary-success ul li:before, .products-detail form .validation-summary-success span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-detail form .validation-summary-success ul li span, .products-detail form .validation-summary-success span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-detail form .validation-summary-success ul li span + span:before, .products-detail form .validation-summary-success span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-detail form .validation-summary-success {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-detail form .validation-summary-success ul li, .products-detail form .validation-summary-success span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-detail form .validation-summary-success ul li {
      color: #10a700;
      background: #f5fefa;
      border: 1px solid #10a700; }
      .products-detail form .validation-summary-success ul li:before {
        content: "\e92c";
        color: #10a700; }
  .products-detail form .alert-success {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #b0e9b0;
    color: #10a700;
    background: #f5fefa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    text-align: center;
    border-radius: 0px; }
    .products-detail form .alert-success ul {
      margin: 0px;
      padding: 0px; }
    .products-detail form .alert-success ul li, .products-detail form .alert-success span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-detail form .alert-success ul li:before, .products-detail form .alert-success span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-detail form .alert-success ul li span, .products-detail form .alert-success span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-detail form .alert-success ul li span + span:before, .products-detail form .alert-success span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-detail form .alert-success {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-detail form .alert-success ul li, .products-detail form .alert-success span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-detail form .alert-success .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-detail form .alert-success p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-detail form .alert-success {
        padding: 5px;
        margin: 10px auto; }
        .products-detail form .alert-success p {
          font-size: 0.8rem; }
        .products-detail form .alert-success .alert-heading {
          font-size: 0.875rem; } }
  .products-detail form .e-group {
    margin: 0px auto; }
  .products-detail form .e-row {
    text-align: left;
    position: relative;
    margin-bottom: 30px; }
    .products-detail form .e-row .links {
      margin-top: 3px;
      text-align: right; }
  .products-detail form .select {
    position: relative; }
    .products-detail form .select label {
      display: inherit; }
      .products-detail form .select label:after {
        top: 7px;
        background: #fff;
        right: 0px; }
    .products-detail form .select select {
      border: 1px solid #aaa;
      background: #fff !important;
      padding: 0px 10px; }
  .products-detail form input[type="number"], .products-detail form input[type="number"]::-webkit-inner-spin-button, .products-detail form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield; }
  .products-detail form select, .products-detail form input, .products-detail form button {
    height: 50px; }
  .products-detail form select, .products-detail form textarea, .products-detail form input {
    color: #222;
    background: #f1f1f1 !important;
    border-color: #f1f1f1;
    background-image: no-repeat;
    font-size: 0.95rem;
    border-radius: 0px;
    filter: none;
    padding: 5px 10px; }
  .products-detail form select:focus, .products-detail form textarea:focus, .products-detail form input:focus {
    border-color: #214a8c !important;
    box-shadow: none; }
  .products-detail form p.note {
    text-align: left;
    margin-bottom: 20px; }
  .products-detail form p.center {
    text-align: center;
    line-height: 30px; }
  .products-detail form p.mandatory {
    text-align: center;
    margin-bottom: 15px; }
  .products-detail form p.mandatory, .products-detail form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
    font-size: 0.875rem;
    margin-bottom: 5px; }
    .products-detail form p.mandatory span, .products-detail form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
      color: #214a8c;
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
  .products-detail form p.supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #aaa;
    margin: 5px 0px 0px;
    text-align: right;
    position: absolute;
    right: 0px;
    text-transform: lowercase; }
  .products-detail form p.sub-title {
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    font-size: 0.95rem;
    color: #666;
    display: block;
    margin: 20px 0px;
    color: #222;
    text-align: left; }
  .products-detail form p.mandatory + .submit-btn {
    margin-top: 10px; }
  .products-detail form label.e-label:after {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-left: 5px;
    left: 0px;
    font-weight: 400;
    color: #666;
    background: #f1f1f1;
    left: inherit;
    position: absolute;
    right: calc(15px - 3px);
    top: calc(40px - 2px);
    padding-left: 5px; }
  .products-detail form label.user:after {
    content: "\e9f1"; }
  .products-detail form label.password:after {
    content: "\e987"; }
  .products-detail form label.email:after {
    content: "\e98a"; }
  .products-detail form label.search:after {
    content: "\e9c1"; }
  .products-detail form label.box1:after {
    content: "\e9a2"; }
  .products-detail form label.home:after {
    content: "\e979"; }
  .products-detail form label.phone:after {
    content: "\e9a7"; }
  .products-detail form label.mobile:after {
    content: "\e9d2"; }
  .products-detail form label.flag:after {
    content: "\e967"; }
  .products-detail form label.address:after {
    content: "\e98b"; }
  .products-detail form label.postal:after {
    content: "\e98c"; }
  .products-detail form label.dnArw:after {
    content: "\e92e";
    pointer-events: none;
    font-size: calc(1.25rem + 0.05rem + 0.05rem); }
  .products-detail form label.doc1:after {
    content: "\e938"; }
  .products-detail form label.hash:after {
    content: "\e975"; }
  .products-detail form label.dollar:after {
    content: "\e954"; }
  .products-detail form label.msg1:after {
    content: "\e990"; }
  .products-detail form label.percent:after {
    content: "\e9a6"; }
  .products-detail form .submit-btn {
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem; }
    .products-detail form .submit-btn:hover, .products-detail form .submit-btn:focus {
      background: #08285c !important;
      border: none; }
    .products-detail form .submit-btn a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    .products-detail form .submit-btn:focus {
      outline-style: none; }
  .products-detail form .btn-sml {
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem;
    padding: 3px 5px;
    height: 30px;
    font-size: 0.75rem;
    margin: 0px;
    line-height: 10px; }
    .products-detail form .btn-sml:hover, .products-detail form .btn-sml:focus {
      background: #08285c !important;
      border: none; }
    .products-detail form .btn-sml a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    .products-detail form .btn-sml:focus {
      outline-style: none; }
  .products-detail form .btn-sml + .btn-sml {
    margin-left: 10px; }
  .products-detail form .btn-red {
    background: #214a8c !important;
    color: #fff; }
    .products-detail form .btn-red:hover, .products-detail form .btn-red:focus {
      background: #08285c !important;
      border: none; }
  .products-detail form .btn-dark {
    background: #aaa !important;
    color: #fff; }
    .products-detail form .btn-dark:hover, .products-detail form .btn-dark:focus {
      background: #666 !important;
      color: #fff; }
  .products-detail form .btn-dark-bdr {
    background: #fff !important;
    border: 1px solid #666;
    color: #666; }
    .products-detail form .btn-dark-bdr:hover, .products-detail form .btn-dark-bdr:focus {
      background: #666 !important;
      color: #fff !important; }
  .products-detail form .btn-darker-bdr {
    background: #fff !important;
    border: 1px solid #222;
    color: #222; }
    .products-detail form .btn-darker-bdr:hover, .products-detail form .btn-darker-bdr:focus {
      background: #fff !important;
      color: #214a8c !important;
      border: 1px solid #214a8c; }
  .products-detail form .btn-brand-bdr {
    background: #fff !important;
    border: 1px solid #214a8c;
    color: #214a8c !important; }
    .products-detail form .btn-brand-bdr:hover, .products-detail form .btn-brand-bdr:focus {
      background: #08285c !important;
      color: #fff !important; }
  .products-detail form input.disabled, .products-detail form a.disabled, .products-detail form input.htmx-request {
    background: #eee !important;
    cursor: default;
    pointer-events: none; }
  .products-detail form input.input-validation-error, .products-detail form input.cable-error {
    border-color: #ff9933;
    -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
    -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
    box-shadow: inset 0px 0px 1px 3px #fff3cd; }
  .products-detail form .btn-sml.add-more {
    margin-left: 10px; }
    .products-detail form .btn-sml.add-more i {
      font-size: 1rem;
      margin-left: 5px; }
    .products-detail form .btn-sml.add-more:hover i {
      color: #214a8c; }
  .products-detail form .btn-sml.add-cart, .products-detail form .btn-sml.add-more, .products-detail form .btn-sml.add-cart > a {
    width: 120px;
    min-width: auto;
    max-width: auto; }
  .products-detail form .add-more {
    background: #fff !important;
    border: 1px solid #222;
    color: #222; }
    .products-detail form .add-more:hover, .products-detail form .add-more:focus {
      background: #fff !important;
      color: #214a8c !important;
      border: 1px solid #214a8c; }
  .products-detail form .add-cart {
    background: #214a8c !important;
    color: #fff; }
    .products-detail form .add-cart:hover, .products-detail form .add-cart:focus {
      background: #08285c !important;
      border: none; }
  .products-detail form .add-cart.disabled {
    background: #eee !important;
    cursor: default;
    pointer-events: none; }
  .products-detail form .add-more.disabled, .products-detail form .btn-brand-bdr.disabled {
    color: #ccc !important;
    cursor: default;
    pointer-events: none;
    border-color: #ccc; }
  .products-detail form .links {
    text-align: center; }
    .products-detail form .links a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      color: #666;
      color: #666;
      text-decoration: underline; }
      .products-detail form .links a:hover {
        color: #214a8c;
        text-decoration: none; }
      .products-detail form .links a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .products-detail form .e-row.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
  .products-detail form .e-row input ~ .checkbox {
    margin-top: 10px; }
  .products-detail form .e-row.deactive select, .products-detail form .e-row.deactive textarea, .products-detail form .e-row.deactive input {
    background: #ddd !important;
    border-color: #ccc;
    color: #aaa; }
  .products-detail form .e-row.deactive label.e-label:after {
    background: #ddd;
    color: #aaa; }
  .products-detail form .e-group.row .e-row {
    width: calc(50% - 20px); }
  .products-detail form .e-group.row .e-row:nth-child(odd) {
    margin-right: 20px; }
  .products-detail form .e-group.row .e-row:nth-child(even) {
    margin-left: 20px; }
  .products-detail form .duo {
    display: flex;
    align-items: center;
    justify-content: center; }
    .products-detail form .duo input, .products-detail form .duo a {
      margin: 0px; }
    .products-detail form .duo input + a, .products-detail form .duo input + input {
      margin-left: 20px; }
  .products-detail form .uom-dpdn {
    position: relative; }
    .products-detail form .uom-dpdn label {
      display: inherit; }
      .products-detail form .uom-dpdn label:after {
        top: 7px;
        background: #fff;
        right: 0px; }
    .products-detail form .uom-dpdn select {
      border: 1px solid #aaa;
      background: #fff !important;
      padding: 0px 10px; }
    .products-detail form .uom-dpdn label:after {
      top: 1px;
      font-size: 1rem;
      right: 5px;
      height: calc(30px - 2px);
      line-height: calc(30px - 2px);
      width: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px; }
    .products-detail form .uom-dpdn select {
      font-family: "Open Sans", sans-serif;
      font-size: 0.8rem;
      padding: 0px 5px;
      height: 30px;
      width: 100%; }
    .products-detail form .uom-dpdn select {
      border-left: none;
      width: 75px; }
  @media (max-width: 991px) {
    .products-detail form {
      margin: 10px auto; }
      .products-detail form label.e-label:after {
        right: calc(15px - 5px);
        top: calc(40px - 2px); }
      .products-detail form .e-row {
        margin-bottom: 20px; }
      .products-detail form p.supp + .field-validation-error {
        margin-top: 20px;
        display: block; }
      .products-detail form .uom-dpdn label.e-label:after {
        right: 5px;
        top: 1px; } }
.products-detail section {
  margin: 40px auto;
  padding: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .products-detail section {
      margin: 15px auto; } }
  .products-detail section h2 {
    margin-bottom: 10px; }
  .products-detail section h2, .products-detail section h5, .products-detail section .nav-tabs a.nav-link {
    color: #222;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto; }
    .products-detail section h2 span, .products-detail section h5 span, .products-detail section .nav-tabs a.nav-link span {
      color: #214a8c;
      text-transform: uppercase;
      word-break: break-word; }
  .products-detail section h5:after {
    display: none; }
  .products-detail section h5, .products-detail section .nav-tabs a.nav-link {
    margin-bottom: 0px;
    padding: 15px 30px;
    display: inline-block;
    background: #f1f1f1;
    line-height: 1.25rem; }
    .products-detail section h5.active, .products-detail section .nav-tabs a.nav-link.active {
      border: none; }
  @media (max-width: 991px) {
    .products-detail section h2, .products-detail section h5, .products-detail section .nav-tabs a.nav-link {
      font-size: 1rem; }
    .products-detail section h5, .products-detail section .nav-tabs a.nav-link {
      padding: 7px 15px;
      line-height: 1rem; } }
  .products-detail section h1 {
    text-align: left; }
.products-detail section:first-of-type {
  margin-top: 40px; }
.products-detail .tab-pane {
  padding: 0px; }
  @media (max-width: 991px) {
    .products-detail .tab-pane {
      max-width: 100%;
      flex: 0 0 100%; } }
.products-detail .nav-tabs {
  padding: 0px;
  border: none; }
  .products-detail .nav-tabs a.nav-item, .products-detail .nav-tabs a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-color: #ddd;
    font-family: "Poppins", sans-serif;
    height: 40px;
    border-radius: 0px;
    color: #666;
    letter-spacing: 0.5px;
    line-height: 0.875rem;
    text-align: center; }
    .products-detail .nav-tabs a.nav-item:before, .products-detail .nav-tabs a.nav-link:before {
      font-family: "Feather";
      font-size: 1.2rem;
      padding-right: 5px;
      color: #222;
      vertical-align: sub;
      font-weight: 400; }
  .products-detail .nav-tabs a.nav-item.active, .products-detail .nav-tabs a.nav-link.active {
    border-left-width: thin;
    border-color: #ddd;
    border-bottom: 2px solid #214a8c;
    color: #222; }
  .products-detail .nav-tabs a.nav-item {
    width: 50%; }
  .products-detail .nav-tabs .nav-item + .nav-item a {
    border-left: 0px; }
  .products-detail .nav-tabs a.nav-link {
    width: 100%; }
  .products-detail .nav-tabs a.nav-link.disabled {
    pointer-events: none; }
  @media (max-width: 991px) {
    .products-detail .nav-tabs .nav-item a.nav-link {
      display: table-cell !important;
      vertical-align: middle; }
    .products-detail .nav-tabs > .nav-item {
      width: 33.333333%;
      display: table; } }
.products-detail .slide-out {
  border: 1px solid #ccc;
  position: relative;
  margin-top: 10px;
  margin: 0px auto; }
  .products-detail .slide-out .mode {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 15px;
    height: 45px; }
  .products-detail .slide-out .mode + .mode {
    border-left: none; }
  .products-detail .slide-out .e-row.select {
    padding: 0px;
    margin-bottom: 0px; }
    .products-detail .slide-out .e-row.select label.dnArw:after {
      background: #fff !important;
      top: 7px; }
    .products-detail .slide-out .e-row.select select {
      border: none;
      height: calc(45px - 2px); }
    .products-detail .slide-out .e-row.select p.supp {
      bottom: -20px; }
  @media (max-width: 767px) {
    .products-detail .slide-out {
      flex-wrap: wrap;
      min-width: 100%; }
      .products-detail .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
        border-top: none; }
      .products-detail .slide-out .mode:nth-child(3) {
        border-left: 1px solid #666; } }
  .products-detail .slide-out div.center {
    padding: 10px 0px; }
  .products-detail .slide-out .mode-selection {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px 15px; }
    .products-detail .slide-out .mode-selection .mode {
      height: auto;
      padding: 0px;
      width: 100%; }
      .products-detail .slide-out .mode-selection .mode .parent1 input, .products-detail .slide-out .mode-selection .mode .parent1 textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .products-detail .slide-out .mode-selection .mode .parent1 input, .products-detail .slide-out .mode-selection .mode .parent1 button {
        height: 30px; }
      .products-detail .slide-out .mode-selection .mode .parent1 textarea {
        height: 50px; }
      .products-detail .slide-out .mode-selection .mode .parent2 {
        position: relative; }
        .products-detail .slide-out .mode-selection .mode .parent2 label {
          display: inherit; }
          .products-detail .slide-out .mode-selection .mode .parent2 label:after {
            top: 7px;
            background: #fff;
            right: 0px; }
        .products-detail .slide-out .mode-selection .mode .parent2 select {
          border: 1px solid #aaa;
          background: #fff !important;
          padding: 0px 10px; }
        .products-detail .slide-out .mode-selection .mode .parent2 label:after {
          top: 1px;
          font-size: 1rem;
          right: 5px;
          height: calc(30px - 2px);
          line-height: calc(30px - 2px);
          width: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px; }
        .products-detail .slide-out .mode-selection .mode .parent2 select {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          padding: 0px 5px;
          height: 30px;
          width: 100%; }
      .products-detail .slide-out .mode-selection .mode .parent1, .products-detail .slide-out .mode-selection .mode .parent2 {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .products-detail .slide-out .mode-selection .mode .parent1 input, .products-detail .slide-out .mode-selection .mode .parent1 select, .products-detail .slide-out .mode-selection .mode .parent2 input, .products-detail .slide-out .mode-selection .mode .parent2 select {
          min-width: 170px; }
      .products-detail .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
        color: #222; }
      .products-detail .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
        color: #222; }
      .products-detail .slide-out .mode-selection .mode .custom-input:checked ~ p {
        color: #222; }
      .products-detail .slide-out .mode-selection .mode .custom-radiobox {
        flex-wrap: wrap;
        width: 100%; }
        .products-detail .slide-out .mode-selection .mode .custom-radiobox p {
          color: #666; }
        .products-detail .slide-out .mode-selection .mode .custom-radiobox span, .products-detail .slide-out .mode-selection .mode .custom-radiobox p {
          line-height: 30px; }
    .products-detail .slide-out .mode-selection p.center {
      padding: 0px 15px;
      margin: 0px; }
    .products-detail .slide-out .mode-selection > input[type="image"], .products-detail .slide-out .mode-selection a.cancel, .products-detail .slide-out .mode-selection a.cancel[aria-expanded="true"] {
      height: 25px;
      background: none !important;
      margin: 10px 5px 0px;
      padding: 0px;
      width: auto;
      border: none; }
      .products-detail .slide-out .mode-selection > input[type="image"]:hover, .products-detail .slide-out .mode-selection > input[type="image"]:focus, .products-detail .slide-out .mode-selection a.cancel:hover, .products-detail .slide-out .mode-selection a.cancel:focus, .products-detail .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .products-detail .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
        background: none !important;
        border: none !important; }
      .products-detail .slide-out .mode-selection > input[type="image"].disabled, .products-detail .slide-out .mode-selection a.cancel.disabled, .products-detail .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
        filter: grayscale(100%);
        pointer-events: none;
        cursor: default;
        opacity: 0.25; }
    .products-detail .slide-out .mode-selection > a.cancel img {
      height: 25px; }
    .products-detail .slide-out .mode-selection > a.cancel:after {
      display: none; }
  @media (max-width: 767px) {
    .products-detail .slide-out {
      padding: 0px; }
      .products-detail .slide-out .mode-selection {
        flex-wrap: wrap;
        padding: 15px; } }
  @media (min-width: 768px) {
    .products-detail .slide-out .mode-selection .mode {
      width: inherit; }
      .products-detail .slide-out .mode-selection .mode .custom-radiobox {
        flex-wrap: nowrap;
        width: inherit; }
      .products-detail .slide-out .mode-selection .mode .parent1, .products-detail .slide-out .mode-selection .mode .parent2 {
        max-width: inherit;
        flex: 0 0 auto;
        margin-left: 15px; }
    .products-detail .slide-out .mode-selection > input[type="image"], .products-detail .slide-out .mode-selection a.cancel, .products-detail .slide-out .mode-selection a.cancel[aria-expanded="true"] {
      margin-top: 0px; } }
  .products-detail .slide-out .mode-selection .custom-radiobox span, .products-detail .slide-out .mode-selection .custom-radiobox p {
    margin-bottom: 0px; }
.products-detail .custom-radiobox {
  cursor: pointer;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex; }
  .products-detail .custom-radiobox .custom-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .products-detail .custom-radiobox p {
    margin: 0px;
    padding-left: 20px;
    color: #666; }
    .products-detail .custom-radiobox p span {
      display: block;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
  .products-detail .custom-radiobox .custom-input:checked ~ p {
    color: #222; }
  .products-detail .custom-radiobox .facet-value {
    font-size: 0.875rem; }
  .products-detail .custom-radiobox .custom-input:checked ~ .facet-value {
    color: #222;
    text-decoration: underline; }
  .products-detail .custom-radiobox .custom-input:checked ~ select {
    color: #222; }
  .products-detail .custom-radiobox:hover p {
    color: #214a8c; }
  .products-detail .custom-radiobox:hover span {
    border-color: #214a8c;
    /*&:before{color:$brand-color;}*/ }
  .products-detail .custom-radiobox .custom-radio:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    left: -2px;
    content: "\e937";
    color: #aaa; }
  .products-detail .custom-radiobox .custom-input:checked ~ .custom-radio:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92c";
    color: #214a8c; }
  .products-detail .custom-radiobox p {
    padding-left: 0px;
    line-height: 0.95rem; }
.products-detail .custom-checkbox {
  cursor: pointer;
  margin: 0px;
  display: flex;
  align-items: center; }
  .products-detail .custom-checkbox .custom-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .products-detail .custom-checkbox p {
    margin: 0px;
    padding-left: 20px;
    color: #666; }
    .products-detail .custom-checkbox p span {
      display: block;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
  .products-detail .custom-checkbox .custom-input:checked ~ p {
    color: #222; }
  .products-detail .custom-checkbox .facet-value {
    font-size: 0.875rem; }
  .products-detail .custom-checkbox .custom-input:checked ~ .facet-value {
    color: #222;
    text-decoration: underline; }
  .products-detail .custom-checkbox .custom-input:checked ~ select {
    color: #222; }
  .products-detail .custom-checkbox:hover p {
    color: #214a8c; }
  .products-detail .custom-checkbox:hover span {
    border-color: #214a8c;
    /*&:before{color:$brand-color;}*/ }
  .products-detail .custom-checkbox .custom-check {
    position: absolute;
    width: 15px;
    height: 15px;
    left: auto;
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
    -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
    box-shadow: inset 1px 1px 2px 0px #ddd;
    border: 1px solid #aaa; }
  .products-detail .custom-checkbox .custom-input:checked ~ .custom-check {
    -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
    -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
    box-shadow: inset 0px 0px 0px 0px #ddd;
    border: none; }
  .products-detail .custom-checkbox .custom-input:checked ~ .custom-check:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92d";
    top: -6px;
    font-size: 1.1rem;
    left: -1px;
    color: #214a8c; }
  .products-detail .custom-checkbox p span {
    line-height: 1.2; }
.products-detail .details {
  display: flex; }
  .products-detail .details .product-gallery {
    padding: 0px;
    margin-right: 20px;
    position: relative;
    border: 1px solid #eee;
    height: 100%; }
    .products-detail .details .product-gallery .made-in {
      position: absolute;
      top: 10px;
      left: 10px; }
      .products-detail .details .product-gallery .made-in img {
        width: 60px;
        height: 60px; }
    .products-detail .details .product-gallery .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 400px; }
      .products-detail .details .product-gallery .product-img img {
        width: auto; }
      .products-detail .details .product-gallery .product-img img {
        cursor: zoom-in;
        max-height: 360px;
        max-width: 500px; }
      .products-detail .details .product-gallery .product-img:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\ea08";
        position: absolute;
        color: #ccc;
        bottom: 0px; }
      .products-detail .details .product-gallery .product-img:hover {
        border-color: #666; }
    .products-detail .details .product-gallery #myModal {
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.8); }
      .products-detail .details .product-gallery #myModal .center {
        display: flex;
        align-items: center;
        height: 100%; }
      .products-detail .details .product-gallery #myModal .modal-content {
        margin: auto;
        width: auto;
        max-height: 90%;
        max-width: 90%; }
      .products-detail .details .product-gallery #myModal .close i {
        position: absolute;
        top: 40px;
        right: 40px;
        color: #fff;
        font-size: 3rem;
        text-shadow: none;
        opacity: 1; }
        .products-detail .details .product-gallery #myModal .close i:hover {
          color: #214a8c; }
      .products-detail .details .product-gallery #myModal .close:before {
        width: 2000px;
        height: 100%;
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        max-width: 100%; }
    .products-detail .details .product-gallery .product-slider {
      margin: 0px auto;
      display: flex;
      display: flex;
      align-items: center;
      justify-content: center; }
      .products-detail .details .product-gallery .product-slider .content-carousel {
        position: relative;
        max-width: calc(400px - 20px);
        min-width: auto; }
        .products-detail .details .product-gallery .product-slider .content-carousel .owl-stage {
          margin: 0px auto;
          display: flex;
          width: 100% !important; }
          .products-detail .details .product-gallery .product-slider .content-carousel .owl-stage:after {
            display: none; }
        .products-detail .details .product-gallery .product-slider .content-carousel .owl-nav {
          opacity: 0;
          top: 35px; }
          .products-detail .details .product-gallery .product-slider .content-carousel .owl-nav span {
            font-size: 2rem; }
        .products-detail .details .product-gallery .product-slider .content-carousel:hover .owl-nav {
          opacity: 1; }
      .products-detail .details .product-gallery .product-slider .owl-item, .products-detail .details .product-gallery .product-slider .product-video a {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #eee;
        height: 70px;
        min-width: calc(70px + 15px);
        margin: 0px 5px 30px;
        width: calc(100px - 15px) !important;
        padding: 0px !important; }
        .products-detail .details .product-gallery .product-slider .owl-item img, .products-detail .details .product-gallery .product-slider .product-video a img {
          width: auto;
          max-height: calc(70px - 5px);
          max-width: 75px; }
        .products-detail .details .product-gallery .product-slider .owl-item:hover, .products-detail .details .product-gallery .product-slider .product-video a:hover {
          border-color: #666;
          cursor: pointer; }
        .products-detail .details .product-gallery .product-slider .owl-item .item, .products-detail .details .product-gallery .product-slider .product-video a .item {
          padding: 0px; }
      .products-detail .details .product-gallery .product-slider .owl-item:only-of-type {
        display: none; }
      .products-detail .details .product-gallery .product-slider .product-video a {
        padding: 15px; }
        .products-detail .details .product-gallery .product-slider .product-video a i {
          font-size: 2.25rem;
          color: #222; }
        .products-detail .details .product-gallery .product-slider .product-video a:hover {
          color: #214a8c; }
      .products-detail .details .product-gallery .product-slider #videoModal-1 .modal-dialog, .products-detail .details .product-gallery .product-slider #videoModal-2 .modal-dialog {
        max-width: calc(400px * 3); }
  .products-detail .details > .text {
    padding-right: 0px;
    padding-left: 20px; }
    .products-detail .details > .text .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .products-detail .details > .text .product-img img {
        width: auto; }
    .products-detail .details > .text .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .products-detail .details > .text .sub-title a {
        color: #666; }
        .products-detail .details > .text .sub-title a:hover {
          color: #222; }
    .products-detail .details > .text .product-share {
      display: flex;
      justify-content: space-between; }
      .products-detail .details > .text .product-share .icon {
        display: flex; }
        .products-detail .details > .text .product-share .icon a {
          display: flex;
          align-items: center;
          color: #666;
          font-size: 0.8rem; }
          .products-detail .details > .text .product-share .icon a.active {
            color: #10a700; }
          .products-detail .details > .text .product-share .icon a:hover {
            color: #214a8c; }
          .products-detail .details > .text .product-share .icon a i {
            font-size: 0.95rem;
            margin-right: 3px; }
        .products-detail .details > .text .product-share .icon a + a {
          margin-left: 15px; }
    .products-detail .details > .text .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .products-detail .details > .text .title a {
        color: #222; }
        .products-detail .details > .text .title a:hover {
          color: #214a8c; }
      .products-detail .details > .text .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .products-detail .details > .text .description {
      font-size: 0.95rem;
      line-height: 1.5rem;
      margin-bottom: 0px; }
    .products-detail .details > .text .price span.sale {
      color: red; }
    .products-detail .details > .text .price span.price {
      color: #222; }
    .products-detail .details > .text .price span.discount {
      color: #222; }
    .products-detail .details > .text .price span.sale + span.price, .products-detail .details > .text .price span.discount + span.price {
      text-decoration: line-through;
      color: #aaa; }
    .products-detail .details > .text .price span.eco {
      color: #10a700; }
    .products-detail .details > .text .stock-status {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .products-detail .details > .text .stock-status > a {
        color: #666;
        text-decoration: underline; }
        .products-detail .details > .text .stock-status > a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .products-detail .details > .text .stock-status .text span {
        font-weight: 400; }
        .products-detail .details > .text .stock-status .text span:before {
          content: "(";
          padding-right: 1px; }
        .products-detail .details > .text .stock-status .text span:after {
          content: ")";
          padding-left: 1px; }
        .products-detail .details > .text .stock-status .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .products-detail .details > .text .stock-status .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .products-detail .details > .text .remove {
      position: absolute;
      bottom: 15px;
      right: 5px;
      z-index: 1; }
      .products-detail .details > .text .remove button {
        height: 30px;
        border: none;
        background: #fff;
        padding: 0px;
        height: auto;
        cursor: pointer; }
      .products-detail .details > .text .remove button, .products-detail .details > .text .remove a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        font-size: 0.875rem;
        color: #222;
        display: flex; }
        .products-detail .details > .text .remove button:hover, .products-detail .details > .text .remove a:hover {
          color: #214a8c;
          text-decoration: none; }
        .products-detail .details > .text .remove button span, .products-detail .details > .text .remove a span {
          margin-left: 3px; }
        .products-detail .details > .text .remove button i, .products-detail .details > .text .remove a i {
          font-size: 1.2rem;
          color: #222; }
        .products-detail .details > .text .remove button:hover i, .products-detail .details > .text .remove a:hover i {
          color: #214a8c; }
      .products-detail .details > .text .remove button {
        background: none; }
    .products-detail .details > .text .inventory .branch {
      margin-left: 25px; }
      .products-detail .details > .text .inventory .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .products-detail .details > .text .inventory .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .products-detail .details > .text .inventory .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .products-detail .details > .text .inventory .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .products-detail .details > .text .inventory .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .products-detail .details > .text .inventory .branch .dropdown-menu li span {
            color: #dc3545; }
        .products-detail .details > .text .inventory .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .products-detail .details > .text .inventory .branch .dropdown-menu li.available span {
          color: #10a700; }
    .products-detail .details > .text .inventory a.view-inventory {
      color: #666;
      text-decoration: underline;
      color: #222;
      position: relative;
      font-size: 0.875rem;
      line-height: 1.75rem; }
      .products-detail .details > .text .inventory a.view-inventory:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .products-detail .details > .text .qty input, .products-detail .details > .text .change-code input, .products-detail .details > .text .change-trade input {
      height: 30px;
      background: #fff !important;
      border-color: #aaa; }
    .products-detail .details > .text .qty input[type="image"], .products-detail .details > .text .change-code input[type="image"], .products-detail .details > .text .change-trade input[type="image"] {
      background: none !important; }
    .products-detail .details > .text .qty {
      display: flex;
      flex-wrap: wrap;
      padding-right: 0px; }
      .products-detail .details > .text .qty input {
        max-width: 50px;
        padding: 5px;
        text-align: center;
        margin-right: 5px; }
    .products-detail .details > .text .other-details {
      padding: 15px 0px; }
    .products-detail .details > .text .mfg span:first-of-type, .products-detail .details > .text .upc span:first-of-type, .products-detail .details > .text .co-label span:first-of-type, .products-detail .details > .text .personal-code span:first-of-type {
      display: inline-block; }
    .products-detail .details > .text .personal-code a, .products-detail .details > .text .trade-term a {
      color: #ff9933;
      text-decoration: underline; }
    .products-detail .details > .text .change-code, .products-detail .details > .text .change-trade {
      display: flex; }
      .products-detail .details > .text .change-code input, .products-detail .details > .text .change-trade input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
        .products-detail .details > .text .change-code input:focus, .products-detail .details > .text .change-trade input:focus {
          border-color: #ff9933 !important; }
      .products-detail .details > .text .change-code button.img, .products-detail .details > .text .change-trade button.img {
        height: 30px;
        border: none;
        background: none;
        margin: 5px 0px 5px 7px;
        padding: 0px;
        cursor: pointer; }
        .products-detail .details > .text .change-code button.img img, .products-detail .details > .text .change-trade button.img img {
          padding: 2px;
          width: 30px;
          height: 30px; }
        .products-detail .details > .text .change-code button.img i, .products-detail .details > .text .change-trade button.img i {
          border: 1px solid #10a700;
          border-radius: 50%; }
          .products-detail .details > .text .change-code button.img i:before, .products-detail .details > .text .change-trade button.img i:before {
            background: #10a700;
            color: #fff;
            border-radius: 50%; }
      .products-detail .details > .text .change-code input[type="image"], .products-detail .details > .text .change-trade input[type="image"] {
        padding: 2px;
        margin-left: 7px;
        width: 30px; }
      .products-detail .details > .text .change-code.collapse:not(.show), .products-detail .details > .text .change-trade.collapse:not(.show) {
        display: none; }
      .products-detail .details > .text .change-code.show, .products-detail .details > .text .change-trade.show {
        display: flex; }
    .products-detail .details > .text .add-to-cart {
      border: 5px solid #eee;
      border-bottom-width: 4px; }
      .products-detail .details > .text .add-to-cart .slide-out div.center {
        text-align: center; }
        .products-detail .details > .text .add-to-cart .slide-out div.center .custom-radiobox:not(:last-of-type) {
          margin-right: 25px; }
    .products-detail .details > .text .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .products-detail .details > .text .col.qty input, .products-detail .details > .text .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .products-detail .details > .text .col.qty input, .products-detail .details > .text .col.qty button {
        height: 30px; }
      .products-detail .details > .text .col.qty textarea {
        height: 50px; }
      .products-detail .details > .text .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .products-detail .details > .text .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .products-detail .details > .text .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .products-detail .details > .text .col.qty span.margin + input {
        margin-left: 5px; }
      .products-detail .details > .text .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .products-detail .details > .text .col.qty > span.supp, .products-detail .details > .text .col.qty .available {
        line-height: 30px; }
      .products-detail .details > .text .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .products-detail .details > .text .col.qty .cable-cuts .cable-row .cut, .products-detail .details > .text .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row .cut .supp, .products-detail .details > .text .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .products-detail .details > .text .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .products-detail .details > .text .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .products-detail .details > .text .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .products-detail .details > .text .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .products-detail .details > .text .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .products-detail .details > .text .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .products-detail .details > .text .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .products-detail .details > .text .col.qty .cable-cuts .cable-row .cut .supp, .products-detail .details > .text .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .products-detail .details > .text .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .products-detail .details > .text .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
    .products-detail .details > .text .quantity {
      padding: 20px; }
      .products-detail .details > .text .quantity > form {
        max-width: 50%;
        flex: 0 0 50%; }
        .products-detail .details > .text .quantity > form input.disabled {
          background: #eee !important;
          cursor: default;
          pointer-events: none; }
        .products-detail .details > .text .quantity > form .qty {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          padding: 0px; }
          .products-detail .details > .text .quantity > form .qty input {
            font-size: 1rem;
            height: 50px;
            max-width: 60px;
            text-align: center; }
          .products-detail .details > .text .quantity > form .qty > .supp {
            line-height: 50px;
            font-size: 0.875rem; }
          .products-detail .details > .text .quantity > form .qty .supp.uom {
            margin: 0px 10px 0px 5px; }
          .products-detail .details > .text .quantity > form .qty .supp.margin {
            text-transform: capitalize;
            margin-right: 5px;
            margin-left: 0px;
            font-size: 0.95rem; }
          .products-detail .details > .text .quantity > form .qty .cable-cuts {
            margin-top: -2px; }
            .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row {
              display: flex;
              align-items: flex-end;
              justify-content: flex-end;
              margin-top: 5px; }
              .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .cut, .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length {
                position: relative;
                display: flex;
                justify-content: flex-end;
                flex-wrap: wrap;
                min-width: 75px;
                max-width: 75px; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .cut .supp, .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length .supp {
                  padding: 0px 5px 5px 0px;
                  letter-spacing: -0.3px; }
              .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length.min-qty:before {
                font-family: "Feather";
                color: #214a8c;
                position: relative;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                z-index: 1;
                font-size: 1.1rem;
                padding-right: 5px;
                right: 0px;
                font-weight: 400;
                content: "\e904";
                border: 1px solid #ff9933;
                border-left: none;
                padding-right: 7px;
                font-size: 0.875rem;
                line-height: 1.75rem;
                color: #de6e00;
                width: 70px;
                position: absolute;
                height: 30px;
                background: #fff;
                left: 60px;
                bottom: 0px;
                -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
                -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
                box-shadow: inset -3px 0px 1px 3px #fff3cd; }
              .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length:after {
                font-family: "Feather";
                color: #214a8c;
                position: relative;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                z-index: 1;
                font-size: 1.1rem;
                padding-left: 5px;
                left: 0px;
                font-weight: 400;
                content: "\ea02";
                position: absolute;
                bottom: 5px;
                color: #aaa;
                font-size: 0.875rem;
                padding: 0px;
                left: 1px; }
              .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length.min-qty ~ button {
                position: relative;
                left: 60px; }
              .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button {
                background: none;
                border: none;
                padding: 0px;
                width: 20px; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button i {
                  cursor: pointer; }
                  .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button i:before {
                    border-radius: 50%;
                    color: #fff; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button i.fe-plus:before {
                  background: #10a700; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button i.fe-minus:before {
                  border: 1px solid #dc3545;
                  color: #dc3545; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button.disabled {
                  pointer-events: none;
                  cursor: default; }
                  .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
                    background: #ddd; }
                  .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
                    color: #ddd;
                    border-color: #ddd; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row button:hover i.fe-minus:before {
                  background: #dc3545;
                  color: #fff;
                  border: none; }
              @media (max-width: 991px) {
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .cut .supp, .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length .supp {
                  padding-right: 0px; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length.min-qty:before {
                  width: 20px; }
                .products-detail .details > .text .quantity > form .qty .cable-cuts .cable-row .length.min-qty ~ button {
                  left: 0.5rem; } }
            .products-detail .details > .text .quantity > form .qty .cable-cuts input {
              width: 50px;
              height: 30px; }
            .products-detail .details > .text .quantity > form .qty .cable-cuts .supp {
              color: #222;
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              line-height: 0.75rem;
              color: #666; }
          .products-detail .details > .text .quantity > form .qty div.cable-pop {
            right: auto;
            left: calc(25px - 2px);
            top: 50px; }
        .products-detail .details > .text .quantity > form .alert-warning {
          position: absolute;
          margin: 0px;
          right: -100%; }
          .products-detail .details > .text .quantity > form .alert-warning span {
            max-height: 50px;
            margin: 0px;
            height: 50px; }
      .products-detail .details > .text .quantity .right {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0px; }
        .products-detail .details > .text .quantity .right > form {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex; }
          .products-detail .details > .text .quantity .right > form .submit-btn {
            margin: 0px; }
          .products-detail .details > .text .quantity .right > form .add-more {
            margin-left: 15px; }
          .products-detail .details > .text .quantity .right > form .add-cart.disabled {
            background: #ddd !important; }
          .products-detail .details > .text .quantity .right > form button.add-cart {
            width: 100%; }
      .products-detail .details > .text .quantity .alert-warning {
        width: 100%;
        background: none;
        z-index: 1;
        padding: 0px; }
        .products-detail .details > .text .quantity .alert-warning > span {
          background: #fff3cd;
          padding: 3px 5px 5px;
          min-height: 30px;
          max-height: 30px;
          font-size: calc(10px + 1px);
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
    .products-detail .details > .text .swatches-all {
      margin: 20px 0px; }
      .products-detail .details > .text .swatches-all .swatch-row {
        display: flex; }
      .products-detail .details > .text .swatches-all .swatch-row + .swatch-row {
        margin-top: 10px; }
      .products-detail .details > .text .swatches-all .swatch-row .label {
        min-width: calc(100px - 10px);
        color: #222;
        padding-right: 1px;
        max-width: calc(100px - 10px); }
      .products-detail .details > .text .swatches-all .swatch-row .options {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
      .products-detail .details > .text .swatches-all .swatch-row .swatch {
        padding: 2px 10px;
        border: 1px solid #222;
        color: #222;
        border-radius: 5px;
        font-size: 0.875rem;
        margin: 0px 7px 5px 0px;
        cursor: pointer; }
        .products-detail .details > .text .swatches-all .swatch-row .swatch.active {
          background: #666;
          color: #fff;
          border: #666;
          filter: grayscale(100%);
          pointer-events: none; }
        .products-detail .details > .text .swatches-all .swatch-row .swatch.disabled {
          filter: grayscale(100%);
          pointer-events: none;
          opacity: 0.25; }
      .products-detail .details > .text .swatches-all .swatch-row [class="swatch"]:hover {
        background: #222;
        color: #fff; }
      .products-detail .details > .text .swatches-all .swatch-row .swatch:last-of-type {
        margin-right: 0px; }
      .products-detail .details > .text .swatches-all .swatch-row .disabled {
        pointer-events: all !important; }
    .products-detail .details > .text .download-block {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #eee;
      padding: 20px 0px 0px;
      width: 100%; }
      .products-detail .details > .text .download-block .download {
        margin-top: 10px;
        font-size: 0.8rem;
        color: #222;
        font-family: "Open Sans", sans-serif;
        margin: 0px; }
        .products-detail .details > .text .download-block .download i {
          font-size: 1rem;
          margin-right: 7px; }
        .products-detail .details > .text .download-block .download > a {
          display: inline-flex;
          align-items: center;
          color: #222;
          font-size: 0.8rem; }
          .products-detail .details > .text .download-block .download > a span {
            color: #666;
            text-decoration: underline;
            color: #222;
            margin-left: 7px;
            letter-spacing: 0.25px; }
            .products-detail .details > .text .download-block .download > a span:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
          .products-detail .details > .text .download-block .download > a img {
            height: 1rem; }
          .products-detail .details > .text .download-block .download > a i {
            font-size: 1rem; }
        .products-detail .details > .text .download-block .download #docModal .modal-dialog {
          max-width: calc(320px * 2); }
        .products-detail .details > .text .download-block .download .modal .modal-title {
          display: flex;
          align-items: center;
          text-align: left;
          margin: 0px 0px 15px; }
          .products-detail .details > .text .download-block .download .modal .modal-title .text {
            padding-left: 30px;
            max-width: 66.66%;
            flex: 0 0 66.66%; }
            .products-detail .details > .text .download-block .download .modal .modal-title .text .sub-title {
              line-height: normal; }
            .products-detail .details > .text .download-block .download .modal .modal-title .text .title {
              margin: 0px; }
              .products-detail .details > .text .download-block .download .modal .modal-title .text .title:after {
                background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
        .products-detail .details > .text .download-block .download .modal .modal-body > div {
          display: flex;
          flex-wrap: wrap; }
        .products-detail .details > .text .download-block .download .modal .modal-body div {
          padding: 7px 0px 10px;
          color: #222; }
          .products-detail .details > .text .download-block .download .modal .modal-body div .doc:before, .products-detail .details > .text .download-block .download .modal .modal-body div .xLink:before, .products-detail .details > .text .download-block .download .modal .modal-body div .xDocs:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            font-size: 1rem;
            color: #222; }
          .products-detail .details > .text .download-block .download .modal .modal-body div .doc:before {
            content: "\e964"; }
          .products-detail .details > .text .download-block .download .modal .modal-body div .xLink:before {
            content: "\e95b"; }
          .products-detail .details > .text .download-block .download .modal .modal-body div .xDocs:before {
            content: "\e963"; }
          .products-detail .details > .text .download-block .download .modal .modal-body div span {
            display: block;
            color: #666;
            line-height: 1.1rem;
            margin-left: 1.25rem; }
            .products-detail .details > .text .download-block .download .modal .modal-body div span:before {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-right: 5px;
              right: 0px;
              font-weight: 400;
              content: "\e946";
              color: #666;
              font-size: 0.8rem; }
            .products-detail .details > .text .download-block .download .modal .modal-body div span a {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              color: #666;
              text-decoration: underline;
              color: #222; }
              .products-detail .details > .text .download-block .download .modal .modal-body div span a:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
        .products-detail .details > .text .download-block .download .modal .btn-secondary {
          color: #222;
          font-weight: 500;
          font-family: "Poppins", sans-serif; }
          .products-detail .details > .text .download-block .download .modal .btn-secondary i {
            margin-right: 5px; }
        @media (max-width: 767px) {
          .products-detail .details > .text .download-block .download .modal .modal-title {
            display: flex;
            flex-wrap: wrap; }
            .products-detail .details > .text .download-block .download .modal .modal-title .text {
              padding: 10px 0px 0px;
              max-width: 100%;
              flex: 0 0 100%; }
          .products-detail .details > .text .download-block .download .modal .modal-body div {
            max-width: 100%;
            flex: 0 0 100%; } }
        .products-detail .details > .text .download-block .download .modal-header .modal-title {
          margin: 0px auto 15px; }
        .products-detail .details > .text .download-block .download a {
          font-weight: 600;
          font-size: 0.875rem; }
          .products-detail .details > .text .download-block .download a img {
            height: 1.25rem; }
          .products-detail .details > .text .download-block .download a i {
            font-size: 1.1rem; }
    @media (min-width: 1200px) and (max-width: 1439px) {
      .products-detail .details > .text .quantity > form .qty .uom + .supp {
        max-width: 40%;
        line-height: 15px;
        text-align: left; } }
    @media (min-width: 768px) {
      .products-detail .details > .text .inventory a.view-inventory, .products-detail .details > .text .inventory .branch {
        margin-left: 70px; }
        .products-detail .details > .text .inventory a.view-inventory:before, .products-detail .details > .text .inventory .branch:before {
          content: "";
          border-bottom: 1px solid #10a700;
          width: 30px;
          position: absolute;
          left: -40px;
          top: 15px; }
        .products-detail .details > .text .inventory a.view-inventory:after, .products-detail .details > .text .inventory .branch:after {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: -15px;
          bottom: 10px; }
        .products-detail .details > .text .inventory a.view-inventory button, .products-detail .details > .text .inventory .branch button {
          font-size: 0.875rem; } }
    @media (max-width: 767px) {
      .products-detail .details > .text .add-to-cart > a {
        font-size: 0.75rem;
        padding: 10px;
        width: 100%;
        justify-content: center; }
      .products-detail .details > .text .stock-status .text {
        padding-left: 0px; }
      .products-detail .details > .text .inventory a.view-inventory, .products-detail .details > .text .inventory .branch select {
        font-size: 0.8rem; }
      .products-detail .details > .text .inventory a.view-inventory, .products-detail .details > .text .inventory .branch {
        margin-left: 25px; }
      .products-detail .details > .text .quantity {
        padding: 15px;
        flex-wrap: wrap; }
        .products-detail .details > .text .quantity > form, .products-detail .details > .text .quantity .right {
          max-width: 100%;
          flex: 0 0 100%; }
          .products-detail .details > .text .quantity > form .alert-warning, .products-detail .details > .text .quantity .right .alert-warning {
            right: 0px;
            bottom: calc(35px - 100px); }
        .products-detail .details > .text .quantity .right {
          margin-top: 15px; } }
    .products-detail .details > .text .final-sale {
      top: -20px; }
    .products-detail .details > .text .title {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 30px;
      max-height: 100%;
      margin: 10px 0px; }
      .products-detail .details > .text .title:after {
        background: none;
        border: none; }
    .products-detail .details > .text .stock-status .text {
      padding-left: 0px; }
    .products-detail .details > .text .stock-status .sp-tags {
      margin-left: 15px;
      top: 2px;
      width: auto; }
      .products-detail .details > .text .stock-status .sp-tags .tag.final {
        margin-right: 10px; }
      .products-detail .details > .text .stock-status .sp-tags .tag:nth-child(2):not(:last-of-type) {
        margin-right: 25px; }
      .products-detail .details > .text .stock-status .sp-tags .tag, .products-detail .details > .text .stock-status .sp-tags .tag button {
        font-size: 0.8rem;
        height: calc(20px + 1px); }
    .products-detail .details > .text .other-details {
      display: flex;
      flex-wrap: wrap;
      padding: 0px;
      border-top: 1px solid #eee; }
      .products-detail .details > .text .other-details .mfg-block {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0px;
        width: 100%; }
      .products-detail .details > .text .other-details .mfg {
        font-size: 0.875rem;
        width: 33.333333%;
        display: flex;
        align-items: center; }
        .products-detail .details > .text .other-details .mfg img {
          max-height: 30px;
          width: auto; }
      .products-detail .details > .text .other-details .mfg span:first-of-type, .products-detail .details > .text .other-details .co-label span:first-of-type, .products-detail .details > .text .other-details .personal-code span:first-of-type {
        color: #aaa;
        margin-right: 5px; }
      .products-detail .details > .text .other-details .co-label {
        font-size: 0.875rem; }
      .products-detail .details > .text .other-details .personal-code span:first-of-type {
        width: calc(120px + 10px); }
      .products-detail .details > .text .other-details > form {
        position: relative;
        width: 50%;
        padding: 15px;
        border-bottom: 1px solid #eee; }
        .products-detail .details > .text .other-details > form .trade-term a.fe {
          text-decoration: none;
          margin-left: 7px; }
        .products-detail .details > .text .other-details > form .change-trade {
          display: flex;
          flex-wrap: wrap; }
          .products-detail .details > .text .other-details > form .change-trade .all-trades {
            margin-top: 7px; }
            .products-detail .details > .text .other-details > form .change-trade .all-trades span {
              position: relative;
              padding-left: 10px;
              display: inline-block;
              margin-right: 10px;
              font-size: 0.8rem; }
              .products-detail .details > .text .other-details > form .change-trade .all-trades span:after {
                position: absolute;
                content: "";
                height: 10px;
                left: 0px;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid #ff9933;
                top: 5px;
                opacity: 0.75; }
        .products-detail .details > .text .other-details > form #toolTip {
          border: 1px solid #fbe4b5;
          color: #de6e00;
          background: #fff3cd;
          font-size: 0.75rem;
          padding: 7px 10px;
          line-height: 0.8rem;
          position: absolute;
          z-index: 2;
          display: none;
          top: calc(45px - 2px);
          left: 15px;
          width: calc(100% - 15px);
          text-align: center; }
          .products-detail .details > .text .other-details > form #toolTip:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            border-bottom: 7px solid #fbe4b5;
            position: absolute;
            top: -10px;
            border-top: none;
            right: calc(30% + 1px); }
        .products-detail .details > .text .other-details > form label.alert-warning, .products-detail .details > .text .other-details > form label.alert-success {
          font-family: "Open Sans", sans-serif;
          font-size: 0.75rem;
          padding: 5px !important;
          line-height: 0.75rem; }
        .products-detail .details > .text .other-details > form label.alert-warning {
          border: 1px solid #ff9933;
          width: 100%; }
      .products-detail .details > .text .other-details > form:nth-child(1) {
        padding-left: 0px;
        border-right: 1px solid #eee; }
      .products-detail .details > .text .other-details > form:nth-child(2) {
        padding-right: 0px; }
    .products-detail .details > .text .add-to-cart .slide-out div.center {
      border-top: 1px solid #ccc; }
    .products-detail .details > .text .add-to-cart.pre-login a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .products-detail .details > .text .add-to-cart.pre-login a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .products-detail .details > .text .add-to-cart.pre-login a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .products-detail .details > .text .add-to-cart.pre-login a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .products-detail .details > .text .add-to-cart.pre-login a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .products-detail .details > .text .add-to-cart.pre-login a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .products-detail .details > .text .add-to-cart.pre-login a:after {
        color: #fff; }
      .products-detail .details > .text .add-to-cart.pre-login a:hover {
        color: #214a8c; }
      .products-detail .details > .text .add-to-cart.pre-login a:hover:after {
        color: #214a8c; }
    .products-detail .details > .text .add-to-cart.pre-login > a:after {
      content: none; }
    .products-detail .details > .text .add-to-cart.pre-login > a:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e987";
      color: #fff;
      font-size: 1.2rem;
      padding: 0px 5px 0px 0px; }
    .products-detail .details > .text .add-to-cart.pre-login > a:hover:before {
      text-decoration: none;
      color: #214a8c; }
    .products-detail .details > .text a.submit-btn.add-more i {
      font-size: 1.25rem;
      margin-left: 5px; }
    .products-detail .details > .text a.submit-btn.add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c; }
    .products-detail .details > .text a.submit-btn.add-more[aria-expanded="false"], .products-detail .details > .text .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .products-detail .details > .text a.submit-btn.add-more[aria-expanded="false"]:hover, .products-detail .details > .text a.submit-btn.add-more[aria-expanded="false"]:focus, .products-detail .details > .text .add-more.collapsed:hover, .products-detail .details > .text .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .products-detail .details > .text a.submit-btn.add-more[aria-expanded="false"]:hover, .products-detail .details > .text .add-more.collapsed:hover {
        border-color: #214a8c; }
        .products-detail .details > .text a.submit-btn.add-more[aria-expanded="false"]:hover i, .products-detail .details > .text .add-more.collapsed:hover i {
          color: #fff; }
    .products-detail .details > .text .price span.sale, .products-detail .details > .text .price span.discount, .products-detail .details > .text .price span.price {
      margin: 0px;
      font-size: 2rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      color: #222;
      display: inline-block; }
    .products-detail .details > .text .price span.sale + span.price, .products-detail .details > .text .price span.discount + span.price {
      margin-left: 5px;
      font-size: 1rem;
      font-weight: 400; }
    .products-detail .details > .text .price span.sale {
      color: red; }
    .products-detail .details > .text .price span.supp {
      margin-left: 5px; }
    .products-detail .details > .text .price span.supp + .eco, .products-detail .details > .text .price span.supp + .uom {
      margin-left: 15px; }
    .products-detail .details > .text .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 20px !important;
      position: relative; }
      .products-detail .details > .text .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .products-detail .details > .text .inventory .in-stock, .products-detail .details > .text .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .products-detail .details > .text .inventory .in-stock:before, .products-detail .details > .text .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .products-detail .details > .text .inventory .in-stock {
        color: #10a700; }
        .products-detail .details > .text .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .products-detail .details > .text .inventory .out-stock {
        color: #dc3545; }
        .products-detail .details > .text .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .products-detail .details > .text .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .products-detail .details > .text .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .products-detail .details > .text .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .products-detail .details > .text .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .products-detail .details > .text .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .products-detail .details > .text .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .products-detail .details > .text .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .products-detail .details > .text .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .products-detail .details > .text .inventory .nonstock .supp {
        color: #dc3545; }
      .products-detail .details > .text .inventory .leadtime span {
        color: #10a700; }
      .products-detail .details > .text .inventory .leadtime.supp, .products-detail .details > .text .inventory .pickup .preferred {
        display: block; }
      .products-detail .details > .text .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .products-detail .details > .text .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .products-detail .details > .text .inventory .backorder .in-stock, .products-detail .details > .text .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .products-detail .details > .text .inventory .backorder .in-stock:before, .products-detail .details > .text .inventory .nonstock .in-stock:before {
          color: #666; }
      .products-detail .details > .text .inventory ._labels {
        display: none !important; }
      .products-detail .details > .text .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .products-detail .details > .text .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .products-detail .details > .text .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .products-detail .details > .text .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .products-detail .details > .text .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .products-detail .details > .text .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .products-detail .details > .text .inventory {
          margin-bottom: 5px; }
          .products-detail .details > .text .inventory .pickup:before {
            height: 1.5rem; }
          .products-detail .details > .text .inventory .pickup:after {
            bottom: -20px; }
          .products-detail .details > .text .inventory .pickup:last-child:before, .products-detail .details > .text .inventory .pickup:last-child:after {
            display: none; }
          .products-detail .details > .text .inventory .leadtime.supp, .products-detail .details > .text .inventory .pickup .preferred {
            display: inline-block; } }
      .products-detail .details > .text .inventory .delivery, .products-detail .details > .text .inventory .pickup {
        margin-bottom: 0px; }
        .products-detail .details > .text .inventory .delivery .preferred, .products-detail .details > .text .inventory .pickup .preferred {
          display: inline-block;
          margin: 0px; }
        .products-detail .details > .text .inventory .delivery .leadtime, .products-detail .details > .text .inventory .pickup .leadtime {
          display: inline-block;
          padding-left: 25px; }
      .products-detail .details > .text .inventory .branch select {
        height: 1.75rem; }
      .products-detail .details > .text .inventory .in-stock, .products-detail .details > .text .inventory .out-stock, .products-detail .details > .text .inventory .nonstock {
        font-size: 0.95rem;
        font-weight: 600; }
    .products-detail .details > .text form {
      margin: 0px; }
  .products-detail .details .notification .text {
    padding: 0px; }
    .products-detail .details .notification .text .title {
      font-size: 0.875rem;
      line-height: 1.2rem;
      font-weight: 400; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .products-detail .details .product-gallery .product-img img {
      cursor: pointer; } }
.products-detail .specifications h2, .products-detail .specifications h3, .products-detail .specifications h4 {
  font-weight: 400; }
.products-detail .specifications .strippedTable table {
  width: 100%; }
  .products-detail .specifications .strippedTable table td {
    padding: 10px 15px;
    border: 1px solid #ddd;
    font-size: 0.875rem;
    min-height: 45px; }
    @media (max-width: 991px) {
      .products-detail .specifications .strippedTable table td {
        padding: 5px 7px;
        min-height: 30px; } }
.products-detail .specifications .strippedTable table td:nth-child(odd) {
  background: #f7f7f7;
  width: 20%; }
.products-detail .specifications .strippedTable table td:nth-child(even) {
  width: 30%;
  color: #222;
  border-left: none; }
.products-detail .specifications .strippedTable table tr:only-child {
  display: flex; }
@media (max-width: 767px) {
  .products-detail .specifications .strippedTable table tr {
    display: flex;
    flex-wrap: wrap; }
    .products-detail .specifications .strippedTable table tr td:nth-child(odd) {
      width: 33.333333%;
      border-bottom: none; }
    .products-detail .specifications .strippedTable table tr td:nth-child(even) {
      width: 66.66%;
      border-bottom: none; }
  .products-detail .specifications .strippedTable table tr:last-of-type td {
    border-bottom: 1px solid #ddd; }
  .products-detail .specifications .strippedTable table tr:last-of-type td + td + td, .products-detail .specifications .strippedTable table tr:last-of-type td + td + td + td {
    border-top: none; } }
@media screen and (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
  .products-detail .specifications .strippedTable table tr {
    display: block; }
  .products-detail .specifications .strippedTable table td:nth-child(odd) {
    float: left; }
  .products-detail .specifications .strippedTable table td:nth-child(even) {
    float: left; } }

.products-detail .specifications .boxedTable table {
  width: 100%; }
  .products-detail .specifications .boxedTable table td {
    padding: 10px 15px;
    border: 1px solid #ddd;
    font-size: 0.875rem;
    min-height: 45px; }
    @media (max-width: 991px) {
      .products-detail .specifications .boxedTable table td {
        padding: 5px 7px;
        min-height: 30px; } }
.products-detail .specifications .boxedTable table tr {
  display: flex; }
.products-detail .specifications .boxedTable table td {
  width: calc(20% - 15px);
  display: flex;
  margin-right: 20px; }
.products-detail .specifications .boxedTable table td:last-child {
  margin: 0px; }
@media (max-width: 767px) {
  .products-detail .specifications .boxedTable table tr {
    flex-wrap: wrap; }
  .products-detail .specifications .boxedTable table td {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    margin-right: 10px; }
  .products-detail .specifications .boxedTable table td:nth-child(even) {
    margin-right: 0px;
    margin-bottom: 10px; } }
.products-detail .specifications .text label {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px; }
.products-detail .specifications .text ul li, .products-detail .specifications .text ol li {
  margin-bottom: 10px;
  width: 100%; }
.products-detail .specifications .text ol {
  padding-left: 20px; }
  .products-detail .specifications .text ol li {
    padding-left: 5px; }
.products-detail .specifications .text ul {
  padding-left: 0px; }
  .products-detail .specifications .text ul li {
    list-style: none;
    position: relative;
    padding-left: 25px; }
  .products-detail .specifications .text ul li:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    content: "\e930";
    margin-right: 10px;
    color: #666;
    position: absolute;
    left: 0px;
    font-size: 1rem; }
  .products-detail .specifications .text ul li:nth-last-child(1) {
    margin-bottom: 0px; }
@media (max-width: 991px) {
  .products-detail .specifications .text label {
    font-size: 1rem;
    margin-bottom: 0px; } }
.products-detail .specifications .text label {
  font-size: 1rem; }
.products-detail .specifications .text p {
  margin-bottom: 0px; }
.products-detail .specifications.inventory .strippedTable table td:nth-child(even) {
  color: #aaa; }
.products-detail .specifications.inventory .strippedTable table td:nth-child(even).instock {
  color: #10a700; }
  .products-detail .specifications.inventory .strippedTable table td:nth-child(even).instock:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92c";
    color: #10a700;
    font-size: 1rem;
    line-height: normal; }
.products-detail .listing {
  clear: both;
  position: relative;
  padding: 0px; }
  .products-detail .listing .page-th > .col, .products-detail .listing .page .details > .col {
    padding-left: 0px;
    padding-right: 0px; }
  .products-detail .listing .page-th .price, .products-detail .listing .page-th .qty, .products-detail .listing .page .details .price, .products-detail .listing .page .details .qty {
    text-align: right; }
  .products-detail .listing .page-th .col.price, .products-detail .listing .page-th .ordered, .products-detail .listing .page .details .col.price, .products-detail .listing .page .details .ordered {
    max-width: 13.33%; }
  .products-detail .listing .page-th .inventory, .products-detail .listing .page .details .inventory {
    max-width: 20%; }
  .products-detail .listing .page-th .col.qty, .products-detail .listing .page-th .col.total, .products-detail .listing .page .details .col.qty, .products-detail .listing .page .details .col.total {
    max-width: 16.666667%; }
  .products-detail .listing .page-th {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 7px 0px;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    width: 100%;
    align-items: center; }
    .products-detail .listing .page-th .col {
      word-break: break-word;
      line-height: 25px; }
    .products-detail .listing .page-th > .col:first-of-type {
      padding-left: 15px; }
    .products-detail .listing .page-th > .col:last-of-type {
      text-align: right;
      padding-right: 15px; }
  .products-detail .listing .page > form {
    margin: 0px; }
  .products-detail .listing .page .details {
    padding: 15px 0px;
    align-items: center;
    margin-top: 0px;
    position: relative; }
    .products-detail .listing .page .details .location {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin-right: 10px;
      margin-bottom: 10px; }
    .products-detail .listing .page .details .time, .products-detail .listing .page .details .type {
      font-weight: 600; }
    .products-detail .listing .page .details .icon {
      text-align: right;
      font-size: 1.5rem;
      padding-right: 10px; }
      .products-detail .listing .page .details .icon a {
        color: #214a8c;
        display: block; }
    .products-detail .listing .page .details .submit {
      text-align: right;
      padding-right: 0px;
      display: flex;
      justify-content: flex-end; }
      .products-detail .listing .page .details .submit input, .products-detail .listing .page .details .submit button {
        background: none !important;
        border-color: #fff;
        border: none;
        left: 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative;
        height: 25px; }
      .products-detail .listing .page .details .submit input {
        padding: 3px 15px; }
      .products-detail .listing .page .details .submit button {
        padding: 0px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
  .products-detail .listing .page .total {
    text-align: right;
    color: #222;
    font-weight: 600; }
  .products-detail .listing .page .details + .actions a .fe-download, .products-detail .listing .page .details + .actions a span, .products-detail .listing .page .details + .sub-total .actions a .fe-download, .products-detail .listing .page .details + .sub-total .actions a span {
    color: #214a8c; }
  .products-detail .listing .summary .page-th > .col {
    text-align: left; }
  .products-detail .listing .summary .page .details {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    flex-wrap: wrap;
    background: #fff; }
    .products-detail .listing .summary .page .details > .col {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3px;
      text-align: left; }
    .products-detail .listing .summary .page .details > .col .left {
      display: flex;
      align-items: center;
      line-height: 1rem; }
    .products-detail .listing .summary .page .details .eco .right {
      color: #10a700; }
    .products-detail .listing .summary .page .details .discount .right {
      color: #dc3545; }
      .products-detail .listing .summary .page .details .discount .right:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "-";
        padding-right: 2px;
        line-height: 1rem;
        color: #dc3545; }
    .products-detail .listing .summary .page .details .total {
      border-top: 1px solid #ccc;
      margin: 10px auto 0px;
      padding-top: 10px;
      align-items: center; }
      .products-detail .listing .summary .page .details .total .left {
        font-weight: 600; }
      .products-detail .listing .summary .page .details .total .right {
        font-size: 1.25rem; }
    .products-detail .listing .summary .page .details .sub-total .right, .products-detail .listing .summary .page .details .items .right {
      color: #222; }
    .products-detail .listing .summary .page .details .sub-total .right, .products-detail .listing .summary .page .details .items .right, .products-detail .listing .summary .page .details .saving .right {
      font-weight: 700;
      font-size: 1rem; }
    .products-detail .listing .summary .page .details .saving {
      color: #10a700;
      margin-top: 10px; }
    .products-detail .listing .summary .page .details .supp {
      text-align: left;
      color: #666;
      font-size: 0.75rem; }
    .products-detail .listing .summary .page .details form {
      margin: 0px;
      width: 100%; }
    .products-detail .listing .summary .page .details .e-row {
      padding-bottom: 15px;
      margin-bottom: 0px; }
      .products-detail .listing .summary .page .details .e-row input[type="text"], .products-detail .listing .summary .page .details .e-row textarea {
        background: #fff !important;
        border-color: #ccc; }
      .products-detail .listing .summary .page .details .e-row input[type="image"] {
        position: absolute;
        right: 0px;
        bottom: 15px;
        width: 50px;
        border: 1px solid #214a8c;
        margin: 0px;
        padding: 15px;
        min-width: auto; }
      .products-detail .listing .summary .page .details .e-row p.note {
        margin: 0px; }
      .products-detail .listing .summary .page .details .e-row label.e-label {
        font-size: 0.8rem; }
    .products-detail .listing .summary .page .details .col.total {
      max-width: 100%; }
    .products-detail .listing .summary .page .details .submit-btn {
      margin: 10px auto;
      max-width: 240px;
      width: 100%; }
    .products-detail .listing .summary .page .details.save-cart .submit-btn {
      margin-bottom: 0px; }
  .products-detail .listing .summary .page .details.proceed .e-group, .products-detail .listing .summary .page .details.proceed form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px;
    width: 100%; }
    .products-detail .listing .summary .page .details.proceed .e-group .add-cart, .products-detail .listing .summary .page .details.proceed form .add-cart {
      width: 240px; }
    .products-detail .listing .summary .page .details.proceed .e-group .add-more, .products-detail .listing .summary .page .details.proceed form .add-more {
      width: 240px;
      height: 50px;
      margin: 10px 0px;
      font-size: 1rem; }
      .products-detail .listing .summary .page .details.proceed .e-group .add-more i, .products-detail .listing .summary .page .details.proceed form .add-more i {
        font-size: 1.25rem; }
    .products-detail .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .products-detail .listing .summary .page .details.proceed form .add-more.btn-sml:before {
      display: none; }
  .products-detail .listing .summary .page .details.proceed .e-row {
    padding-bottom: 0px;
    width: 100%; }
    .products-detail .listing .summary .page .details.proceed .e-row a:hover {
      color: #fff; }
  .products-detail .listing .summary .page .details.proceed .supp {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .products-detail .listing .summary .page .details.proceed .supp a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline;
      margin-left: 5px; }
      .products-detail .listing .summary .page .details.proceed .supp a:hover {
        color: #214a8c;
        text-decoration: none; }
  .products-detail .listing .summary .page .details.proceed .slide-out {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px auto;
    border: none;
    margin-top: 1px; }
    .products-detail .listing .summary .page .details.proceed .slide-out .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .products-detail .listing .summary .page .details.proceed .slide-out .mode + .mode {
      border-left: none; }
    .products-detail .listing .summary .page .details.proceed .slide-out .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .products-detail .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .products-detail .listing .summary .page .details.proceed .slide-out {
        flex-wrap: wrap;
        min-width: 100%; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .products-detail .listing .summary .page .details.proceed .slide-out div.center {
      padding: 10px 0px; }
    .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 0px 15px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
        height: auto;
        padding: 0px;
        width: 100%; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
          height: 30px; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          height: 50px; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          position: relative; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
            display: inherit; }
            .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            min-width: 170px; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
          color: #222; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
          color: #222; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
          color: #222; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
          flex-wrap: wrap;
          width: 100%; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            color: #666; }
          .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            line-height: 30px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
        padding: 0px 15px;
        margin: 0px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
        height: 25px;
        background: none !important;
        margin: 10px 5px 0px;
        padding: 0px;
        width: auto;
        border: none; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
          background: none !important;
          border: none !important; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
          filter: grayscale(100%);
          pointer-events: none;
          cursor: default;
          opacity: 0.25; }
      .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
        height: 25px; }
      .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
        display: none; }
    @media (max-width: 767px) {
      .products-detail .listing .summary .page .details.proceed .slide-out {
        padding: 0px; }
        .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection {
          flex-wrap: wrap;
          padding: 15px; } }
    .products-detail .listing .summary .page .details.proceed .slide-out .mode-selection {
      flex-wrap: wrap; }
  .products-detail .listing .summary .page .details.proceed .custom-radiobox {
    height: auto; }
  .products-detail .listing .summary .page .details.proceed p.center {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0px; }
  .products-detail .listing .summary .page .details.proceed .e-row + .supp.text-center {
    margin: -10px auto 10px; }
  .products-detail .listing .summary .page .details.proceed.sticky-div form {
    width: auto; }
  .products-detail .listing #accordion, .products-detail .listing #braidAccordian {
    flex-wrap: wrap; }
    .products-detail .listing #accordion .title-link, .products-detail .listing #braidAccordian .title-link {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center;
      padding: 10px 15px;
      text-align: left;
      cursor: pointer;
      line-height: normal;
      text-transform: capitalize; }
      .products-detail .listing #accordion .title-link .col, .products-detail .listing #braidAccordian .title-link .col {
        word-break: break-word;
        line-height: 25px; }
    .products-detail .listing #accordion .title-link.collapsed, .products-detail .listing #braidAccordian .title-link.collapsed {
      color: #666; }
    .products-detail .listing #accordion .title-link:after, .products-detail .listing #braidAccordian .title-link:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e996";
      color: #666;
      line-height: calc(20px + 2px);
      float: right; }
    .products-detail .listing #accordion .title-link.collapsed:after, .products-detail .listing #braidAccordian .title-link.collapsed:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e9b1";
      color: #666; }
    .products-detail .listing #accordion .title-link + .collapse + .title-link, .products-detail .listing #braidAccordian .title-link + .collapse + .title-link {
      border-top: none; }
    .products-detail .listing #accordion .collapse:not(.show), .products-detail .listing #braidAccordian .collapse:not(.show) {
      display: none; }
    .products-detail .listing #accordion .details, .products-detail .listing #braidAccordian .details {
      width: 100%;
      border: 1px solid #ccc;
      border-top: none; }
  .products-detail .listing .td-1 {
    max-width: 8.33%; }
  .products-detail .listing .td-2 {
    max-width: 16.666667%; }
  .products-detail .listing .td-3 {
    max-width: 25%; }
  .products-detail .listing .td-4 {
    max-width: 33.333333%; }
  .products-detail .listing .td-5 {
    max-width: 41.666667%; }
  .products-detail .listing .td-6 {
    max-width: 50%; }
  .products-detail .listing .td-7 {
    max-width: 58.33%; }
  .products-detail .listing .td-8 {
    max-width: 66.66%; }
  .products-detail .listing .td-9 {
    max-width: 75%; }
  .products-detail .listing .td-10 {
    max-width: 83.33333333%; }
  .products-detail .listing .td-11 {
    max-width: 91.66666667%; }
  .products-detail .listing .td-12 {
    max-width: 100%;
    flex: 0 0 100%; }
  .products-detail .listing .center {
    text-align: center; }
  .products-detail .listing .right {
    justify-content: flex-end;
    text-align: right;
    padding: 0px; }
  .products-detail .listing .left {
    align-items: self-start;
    text-align: left;
    padding: 0px; }
  .products-detail .listing .col-9.left {
    padding-right: 20px; }
  .products-detail .listing .actions {
    font-size: 0.875rem;
    flex-wrap: wrap;
    background: #fff;
    /* EXPLORER ONLY */ }
    .products-detail .listing .actions .results {
      color: #222; }
      .products-detail .listing .actions .results span {
        margin-right: 5px;
        font-weight: 600; }
    .products-detail .listing .actions .search {
      margin: 0px auto;
      padding: 0px;
      max-width: 50%;
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      justify-content: center; }
      .products-detail .listing .actions .search input, .products-detail .listing .actions .search button {
        border-radius: 0px;
        float: left; }
      .products-detail .listing .actions .search input:focus, .products-detail .listing .actions .search button:focus {
        box-shadow: none;
        border-color: #666 !important; }
      .products-detail .listing .actions .search input {
        color: #222;
        background: #fff !important;
        border-color: #ccc;
        font-size: 0.95rem;
        width: 300px; }
      .products-detail .listing .actions .search button {
        width: 50px;
        border-left: none;
        border-color: #ccc;
        padding: 5px; }
        .products-detail .listing .actions .search button i {
          color: #666;
          font-size: 1.5rem;
          top: 2px;
          position: relative; }
        .products-detail .listing .actions .search button:hover {
          border-color: #666; }
      @media (max-width: 991px) {
        .products-detail .listing .actions .search button {
          width: 40px; }
        .products-detail .listing .actions .search input, .products-detail .listing .actions .search button {
          height: 40px; }
        .products-detail .listing .actions .search input {
          width: 100%; } }
      @media (max-width: 767px) {
        .products-detail .listing .actions .search input {
          width: calc(100% - 40px); } }
      .products-detail .listing .actions .search input, .products-detail .listing .actions .search textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .products-detail .listing .actions .search input, .products-detail .listing .actions .search button {
        height: 30px; }
      .products-detail .listing .actions .search textarea {
        height: 50px; }
      .products-detail .listing .actions .search span {
        padding-right: 10px;
        color: #222; }
      .products-detail .listing .actions .search input {
        width: 200px;
        font-size: 0.8rem;
        height: 30px; }
      .products-detail .listing .actions .search button {
        width: 30px;
        height: 30px; }
        .products-detail .listing .actions .search button i {
          font-size: 1rem;
          top: -2px; }
      @media (max-width: 991px) {
        .products-detail .listing .actions .search input {
          width: 170px; } }
      @media (max-width: 767px) {
        .products-detail .listing .actions .search {
          max-width: 100%;
          flex: 0 0 100%; } }
    .products-detail .listing .actions .search:only-child {
      padding: 10px; }
    .products-detail .listing .actions a.pdf-export, .products-detail .listing .actions a.excel-export, .products-detail .listing .actions a.import-pro {
      cursor: pointer;
      position: relative; }
      .products-detail .listing .actions a.pdf-export.active, .products-detail .listing .actions a.excel-export.active, .products-detail .listing .actions a.import-pro.active {
        color: #214a8c; }
        .products-detail .listing .actions a.pdf-export.active:before, .products-detail .listing .actions a.excel-export.active:before, .products-detail .listing .actions a.import-pro.active:before {
          content: "";
          top: -7px;
          margin: 0px auto;
          height: 10px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #666;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          top: calc(20px + 7px);
          left: 50%; }
    .products-detail .listing .actions #exportPdf, .products-detail .listing .actions #exportExcel, .products-detail .listing .actions #importPro {
      border: 1px solid #666;
      margin: 7px 0px 10px;
      padding: 0px;
      height: auto;
      background: #fff; }
      .products-detail .listing .actions #exportPdf form, .products-detail .listing .actions #exportExcel form, .products-detail .listing .actions #importPro form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0px; }
        .products-detail .listing .actions #exportPdf form label, .products-detail .listing .actions #exportExcel form label, .products-detail .listing .actions #importPro form label {
          margin-bottom: 0px;
          text-align: left; }
        .products-detail .listing .actions #exportPdf form > div, .products-detail .listing .actions #exportExcel form > div, .products-detail .listing .actions #importPro form > div {
          padding: 0px 15px;
          height: 50px;
          display: flex;
          align-items: center;
          flex-direction: row; }
        .products-detail .listing .actions #exportPdf form > div:not(.generate), .products-detail .listing .actions #exportExcel form > div:not(.generate), .products-detail .listing .actions #importPro form > div:not(.generate) {
          border-bottom: 1px solid #ddd; }
        .products-detail .listing .actions #exportPdf form .left, .products-detail .listing .actions #exportExcel form .left, .products-detail .listing .actions #importPro form .left {
          max-width: 25%;
          flex: 0 0 25%;
          line-height: 1rem;
          justify-content: flex-end; }
        .products-detail .listing .actions #exportPdf form .right, .products-detail .listing .actions #exportExcel form .right, .products-detail .listing .actions #importPro form .right {
          max-width: 75%;
          flex: 0 0 75%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          border-left: 1px solid #ddd; }
        .products-detail .listing .actions #exportPdf form .attachment, .products-detail .listing .actions #exportExcel form .attachment, .products-detail .listing .actions #importPro form .attachment {
          flex-wrap: wrap;
          padding: 15px;
          display: none;
          height: auto; }
          .products-detail .listing .actions #exportPdf form .attachment > div, .products-detail .listing .actions #exportExcel form .attachment > div, .products-detail .listing .actions #importPro form .attachment > div {
            width: 100%;
            display: flex;
            padding: 0px; }
          .products-detail .listing .actions #exportPdf form .attachment .col-3, .products-detail .listing .actions #exportPdf form .attachment .col-9, .products-detail .listing .actions #exportExcel form .attachment .col-3, .products-detail .listing .actions #exportExcel form .attachment .col-9, .products-detail .listing .actions #importPro form .attachment .col-3, .products-detail .listing .actions #importPro form .attachment .col-9 {
            float: left;
            flex-wrap: wrap; }
            .products-detail .listing .actions #exportPdf form .attachment .col-3 > div, .products-detail .listing .actions #exportPdf form .attachment .col-9 > div, .products-detail .listing .actions #exportExcel form .attachment .col-3 > div, .products-detail .listing .actions #exportExcel form .attachment .col-9 > div, .products-detail .listing .actions #importPro form .attachment .col-3 > div, .products-detail .listing .actions #importPro form .attachment .col-9 > div {
              width: 100%;
              text-align: left; }
            .products-detail .listing .actions #exportPdf form .attachment .col-3 > label, .products-detail .listing .actions #exportPdf form .attachment .col-9 > label, .products-detail .listing .actions #exportExcel form .attachment .col-3 > label, .products-detail .listing .actions #exportExcel form .attachment .col-9 > label, .products-detail .listing .actions #importPro form .attachment .col-3 > label, .products-detail .listing .actions #importPro form .attachment .col-9 > label {
              margin-bottom: 10px; }
            .products-detail .listing .actions #exportPdf form .attachment .col-3 p.supp, .products-detail .listing .actions #exportPdf form .attachment .col-9 p.supp, .products-detail .listing .actions #exportExcel form .attachment .col-3 p.supp, .products-detail .listing .actions #exportExcel form .attachment .col-9 p.supp, .products-detail .listing .actions #importPro form .attachment .col-3 p.supp, .products-detail .listing .actions #importPro form .attachment .col-9 p.supp {
              position: relative;
              margin: 0px 0px 0px 10px; }
          .products-detail .listing .actions #exportPdf form .attachment .col-9, .products-detail .listing .actions #exportExcel form .attachment .col-9, .products-detail .listing .actions #importPro form .attachment .col-9 {
            padding-left: 15px; }
          .products-detail .listing .actions #exportPdf form .attachment .text, .products-detail .listing .actions #exportPdf form .attachment .image, .products-detail .listing .actions #exportExcel form .attachment .text, .products-detail .listing .actions #exportExcel form .attachment .image, .products-detail .listing .actions #importPro form .attachment .text, .products-detail .listing .actions #importPro form .attachment .image {
            margin: 0px 0px 5px; }
            .products-detail .listing .actions #exportPdf form .attachment .text p, .products-detail .listing .actions #exportPdf form .attachment .image p, .products-detail .listing .actions #exportExcel form .attachment .text p, .products-detail .listing .actions #exportExcel form .attachment .image p, .products-detail .listing .actions #importPro form .attachment .text p, .products-detail .listing .actions #importPro form .attachment .image p {
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              font-weight: 400;
              margin: 0px; }
          .products-detail .listing .actions #exportPdf form .attachment .image, .products-detail .listing .actions #exportExcel form .attachment .image, .products-detail .listing .actions #importPro form .attachment .image {
            display: flex;
            align-items: center;
            flex-direction: row;
            margin: 0px;
            width: 100%; }
            .products-detail .listing .actions #exportPdf form .attachment .image p, .products-detail .listing .actions #exportExcel form .attachment .image p, .products-detail .listing .actions #importPro form .attachment .image p {
              font-style: italic;
              margin: 0px 10px; }
            .products-detail .listing .actions #exportPdf form .attachment .image img, .products-detail .listing .actions #exportExcel form .attachment .image img, .products-detail .listing .actions #importPro form .attachment .image img {
              max-width: 100px;
              width: auto;
              max-height: 40px; }
          .products-detail .listing .actions #exportPdf form .attachment .btns, .products-detail .listing .actions #exportExcel form .attachment .btns, .products-detail .listing .actions #importPro form .attachment .btns {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .products-detail .listing .actions #exportPdf form .attachment .btns i, .products-detail .listing .actions #exportExcel form .attachment .btns i, .products-detail .listing .actions #importPro form .attachment .btns i {
              font-size: calc(20px + 2px);
              margin-right: 5px; }
            .products-detail .listing .actions #exportPdf form .attachment .btns a, .products-detail .listing .actions #exportPdf form .attachment .btns input, .products-detail .listing .actions #exportPdf form .attachment .btns button, .products-detail .listing .actions #exportExcel form .attachment .btns a, .products-detail .listing .actions #exportExcel form .attachment .btns input, .products-detail .listing .actions #exportExcel form .attachment .btns button, .products-detail .listing .actions #importPro form .attachment .btns a, .products-detail .listing .actions #importPro form .attachment .btns input, .products-detail .listing .actions #importPro form .attachment .btns button {
              border: none;
              background: none;
              padding: 0px;
              height: 20px;
              cursor: pointer;
              margin-right: 10px;
              font-size: 0.875rem;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              display: flex;
              align-items: center; }
              .products-detail .listing .actions #exportPdf form .attachment .btns a:focus, .products-detail .listing .actions #exportPdf form .attachment .btns input:focus, .products-detail .listing .actions #exportPdf form .attachment .btns button:focus, .products-detail .listing .actions #exportExcel form .attachment .btns a:focus, .products-detail .listing .actions #exportExcel form .attachment .btns input:focus, .products-detail .listing .actions #exportExcel form .attachment .btns button:focus, .products-detail .listing .actions #importPro form .attachment .btns a:focus, .products-detail .listing .actions #importPro form .attachment .btns input:focus, .products-detail .listing .actions #importPro form .attachment .btns button:focus {
                border: none;
                background: none; }
              .products-detail .listing .actions #exportPdf form .attachment .btns a:hover, .products-detail .listing .actions #exportPdf form .attachment .btns input:hover, .products-detail .listing .actions #exportPdf form .attachment .btns button:hover, .products-detail .listing .actions #exportExcel form .attachment .btns a:hover, .products-detail .listing .actions #exportExcel form .attachment .btns input:hover, .products-detail .listing .actions #exportExcel form .attachment .btns button:hover, .products-detail .listing .actions #importPro form .attachment .btns a:hover, .products-detail .listing .actions #importPro form .attachment .btns input:hover, .products-detail .listing .actions #importPro form .attachment .btns button:hover {
                color: #214a8c; }
            .products-detail .listing .actions #exportPdf form .attachment .btns button + button, .products-detail .listing .actions #exportPdf form .attachment .btns a + a, .products-detail .listing .actions #exportPdf form .attachment .btns input + input, .products-detail .listing .actions #exportExcel form .attachment .btns button + button, .products-detail .listing .actions #exportExcel form .attachment .btns a + a, .products-detail .listing .actions #exportExcel form .attachment .btns input + input, .products-detail .listing .actions #importPro form .attachment .btns button + button, .products-detail .listing .actions #importPro form .attachment .btns a + a, .products-detail .listing .actions #importPro form .attachment .btns input + input {
              pointer-events: none;
              color: #ccc; }
            .products-detail .listing .actions #exportPdf form .attachment .btns .image, .products-detail .listing .actions #exportExcel form .attachment .btns .image, .products-detail .listing .actions #importPro form .attachment .btns .image {
              margin-top: 15px;
              padding-top: 15px;
              border-top: 1px solid #ddd;
              flex-wrap: wrap;
              height: auto; }
              .products-detail .listing .actions #exportPdf form .attachment .btns .image > div, .products-detail .listing .actions #exportExcel form .attachment .btns .image > div, .products-detail .listing .actions #importPro form .attachment .btns .image > div {
                max-width: 50%;
                flex: 0 0 50%;
                display: flex;
                align-items: center; }
        .products-detail .listing .actions #exportPdf form .address-list, .products-detail .listing .actions #exportExcel form .address-list, .products-detail .listing .actions #importPro form .address-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 0px;
          padding: 15px;
          height: auto;
          border-left: none; }
          .products-detail .listing .actions #exportPdf form .address-list div, .products-detail .listing .actions #exportExcel form .address-list div, .products-detail .listing .actions #importPro form .address-list div {
            padding: 0px;
            font-family: "Open Sans", sans-serif; }
          .products-detail .listing .actions #exportPdf form .address-list > div:not(.d-flex), .products-detail .listing .actions #exportExcel form .address-list > div:not(.d-flex), .products-detail .listing .actions #importPro form .address-list > div:not(.d-flex) {
            padding: 5px 0px;
            text-align: left; }
          .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 {
            max-width: calc(50% - 10px);
            flex: 0 0 50%;
            position: relative; }
            .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 label {
              display: inherit; }
              .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .products-detail .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .products-detail .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .products-detail .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .products-detail .listing .actions #exportPdf form .address-list .btn-block, .products-detail .listing .actions #exportExcel form .address-list .btn-block, .products-detail .listing .actions #importPro form .address-list .btn-block {
            border: none; }
            .products-detail .listing .actions #exportPdf form .address-list .btn-block a, .products-detail .listing .actions #exportExcel form .address-list .btn-block a, .products-detail .listing .actions #importPro form .address-list .btn-block a {
              height: 30px; }
        .products-detail .listing .actions #exportPdf form .attachment, .products-detail .listing .actions #exportPdf form .address-list, .products-detail .listing .actions #exportExcel form .attachment, .products-detail .listing .actions #exportExcel form .address-list, .products-detail .listing .actions #importPro form .attachment, .products-detail .listing .actions #importPro form .address-list {
          max-width: 100%;
          flex: 0 0 100%;
          padding-left: calc(25% + 15px); }
        .products-detail .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .products-detail .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .products-detail .listing .actions #importPro form .btn-sml.btn-dark-bdr {
          margin: 0px; }
        .products-detail .listing .actions #exportPdf form .generate, .products-detail .listing .actions #exportExcel form .generate, .products-detail .listing .actions #importPro form .generate {
          padding: 15px;
          justify-content: center; }
          .products-detail .listing .actions #exportPdf form .generate .btn-sml, .products-detail .listing .actions #exportExcel form .generate .btn-sml, .products-detail .listing .actions #importPro form .generate .btn-sml {
            max-width: 100px; }
        .products-detail .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .products-detail .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .products-detail .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
          pointer-events: none;
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer */
          -khtml-user-select: none;
          /* KHTML browsers (e.g. Konqueror) */
          -webkit-user-select: none;
          /* Chrome, Safari, and Opera */
          -webkit-touch-callout: none;
          /* Disable Android and iOS callouts*/
          opacity: 0.25; }
        .products-detail .listing .actions #exportPdf form .img, .products-detail .listing .actions #exportExcel form .img, .products-detail .listing .actions #importPro form .img {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .products-detail .listing .actions #exportPdf form .img .text p, .products-detail .listing .actions #exportExcel form .img .text p, .products-detail .listing .actions #importPro form .img .text p {
            margin-bottom: 0px;
            text-align: left; }
          .products-detail .listing .actions #exportPdf form .img p.supp, .products-detail .listing .actions #exportExcel form .img p.supp, .products-detail .listing .actions #importPro form .img p.supp {
            width: 100%;
            margin: 0px 0px 10px;
            position: inherit;
            text-align: left; }
          .products-detail .listing .actions #exportPdf form .img img, .products-detail .listing .actions #exportExcel form .img img, .products-detail .listing .actions #importPro form .img img {
            padding-right: 15px; }
    .products-detail .listing .actions #exportPdf:not(.show), .products-detail .listing .actions #exportExcel:not(.show), .products-detail .listing .actions #importPro:not(.show) {
      display: none; }
    @media (max-width: 991px) {
      .products-detail .listing .actions #exportPdf form > div, .products-detail .listing .actions #exportExcel form > div, .products-detail .listing .actions #importPro form > div {
        height: auto;
        padding: 10px !important; }
      .products-detail .listing .actions #exportPdf form .custom-checkbox, .products-detail .listing .actions #exportExcel form .custom-checkbox, .products-detail .listing .actions #importPro form .custom-checkbox {
        height: 30px; }
      .products-detail .listing .actions #exportPdf form .left, .products-detail .listing .actions #exportPdf form .right, .products-detail .listing .actions #exportExcel form .left, .products-detail .listing .actions #exportExcel form .right, .products-detail .listing .actions #importPro form .left, .products-detail .listing .actions #importPro form .right {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 10px; }
      .products-detail .listing .actions #exportPdf form .left, .products-detail .listing .actions #exportExcel form .left, .products-detail .listing .actions #importPro form .left {
        border-bottom: none !important;
        padding-bottom: 0px !important; }
      .products-detail .listing .actions #exportPdf form .address-list, .products-detail .listing .actions #exportExcel form .address-list, .products-detail .listing .actions #importPro form .address-list {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .products-detail .listing .actions #exportPdf form label, .products-detail .listing .actions #exportExcel form label, .products-detail .listing .actions #importPro form label {
        justify-content: flex-start; }
      .products-detail .listing .actions #exportPdf form .right, .products-detail .listing .actions #exportExcel form .right, .products-detail .listing .actions #importPro form .right {
        border-left: none;
        margin: 0px; }
      .products-detail .listing .actions #exportPdf form .attachment, .products-detail .listing .actions #exportExcel form .attachment, .products-detail .listing .actions #importPro form .attachment {
        padding: 10px; }
        .products-detail .listing .actions #exportPdf form .attachment .col-3, .products-detail .listing .actions #exportPdf form .attachment .col-9, .products-detail .listing .actions #exportExcel form .attachment .col-3, .products-detail .listing .actions #exportExcel form .attachment .col-9, .products-detail .listing .actions #importPro form .attachment .col-3, .products-detail .listing .actions #importPro form .attachment .col-9 {
          max-width: 100%;
          flex: 0 0 100%; }
        .products-detail .listing .actions #exportPdf form .attachment .col-3, .products-detail .listing .actions #exportExcel form .attachment .col-3, .products-detail .listing .actions #importPro form .attachment .col-3 {
          margin-bottom: 10px;
          flex-wrap: nowrap; }
          .products-detail .listing .actions #exportPdf form .attachment .col-3 label, .products-detail .listing .actions #exportPdf form .attachment .col-3 .image, .products-detail .listing .actions #exportExcel form .attachment .col-3 label, .products-detail .listing .actions #exportExcel form .attachment .col-3 .image, .products-detail .listing .actions #importPro form .attachment .col-3 label, .products-detail .listing .actions #importPro form .attachment .col-3 .image {
            width: 50%;
            margin: 0px; }
        .products-detail .listing .actions #exportPdf form .attachment .col-9, .products-detail .listing .actions #exportExcel form .attachment .col-9, .products-detail .listing .actions #importPro form .attachment .col-9 {
          padding: 0px; }
          .products-detail .listing .actions #exportPdf form .attachment .col-9 p.supp, .products-detail .listing .actions #exportExcel form .attachment .col-9 p.supp, .products-detail .listing .actions #importPro form .attachment .col-9 p.supp {
            width: 50%; }
      .products-detail .listing .actions #exportPdf form .address-list .col-3, .products-detail .listing .actions #exportExcel form .address-list .col-3, .products-detail .listing .actions #importPro form .address-list .col-3 {
        max-width: 40%;
        flex: 0 0 40%; }
      .products-detail .listing .actions #exportPdf form .address-list .col-9, .products-detail .listing .actions #exportExcel form .address-list .col-9, .products-detail .listing .actions #importPro form .address-list .col-9 {
        max-width: 60%;
        flex: 0 0 60%; }
      .products-detail .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .products-detail .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .products-detail .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .products-detail .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .products-detail .listing .actions #importPro form .address-list > div:nth-of-type(1), .products-detail .listing .actions #importPro form .address-list > div:nth-of-type(2) {
        max-width: 100%;
        flex: 0 0 100%; }
      .products-detail .listing .actions #exportPdf form .img img, .products-detail .listing .actions #exportExcel form .img img, .products-detail .listing .actions #importPro form .img img {
        max-width: 100%;
        padding: 0px 0px 10px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .products-detail .listing .actions #exportPdf .custom-checkbox .custom-check, .products-detail .listing .actions #exportExcel .custom-checkbox .custom-check, .products-detail .listing .actions #importPro .custom-checkbox .custom-check {
        top: 1rem; } }
    .products-detail .listing .actions .slide-out {
      border: 1px solid #ccc;
      border-bottom: 0px; }
    .products-detail .listing .actions form {
      margin: 0px; }
    .products-detail .listing .actions .shared {
      padding: 0px;
      position: absolute;
      justify-content: flex-end;
      top: -100px;
      right: 0px; }
      .products-detail .listing .actions .shared .checkbox {
        background: #f5fefa;
        padding: 3px 25px 2px;
        border-radius: 4px;
        border: 1px solid #10a700; }
      .products-detail .listing .actions .shared .custom-input:checked ~ p {
        color: #10a700; }
      .products-detail .listing .actions .shared .email {
        display: flex; }
        .products-detail .listing .actions .shared .email i {
          line-height: 20px;
          color: #10a700;
          margin-right: 5px; }
          .products-detail .listing .actions .shared .email i span {
            font-family: "Open Sans", sans-serif;
            margin: 0px 5px; }
        .products-detail .listing .actions .shared .email p {
          margin: 0px;
          color: #222; }
    .products-detail .listing .actions .left, .products-detail .listing .actions > .center, .products-detail .listing .actions .right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      display: flex;
      align-items: center;
      max-width: max-content;
      flex: 0 0 auto;
      min-height: 30px; }
    .products-detail .listing .actions .right {
      margin-left: auto; }
    .products-detail .listing .actions .action-link, .products-detail .listing .actions .left > a, .products-detail .listing .actions .right > a {
      border: none;
      background: none;
      padding: 0px;
      cursor: pointer;
      height: 30px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      color: #222;
      display: flex;
      align-items: center; }
      .products-detail .listing .actions .action-link:hover, .products-detail .listing .actions .left > a:hover, .products-detail .listing .actions .right > a:hover {
        color: #214a8c;
        text-decoration: none; }
      .products-detail .listing .actions .action-link span, .products-detail .listing .actions .left > a span, .products-detail .listing .actions .right > a span {
        margin-left: 5px; }
      .products-detail .listing .actions .action-link span:empty, .products-detail .listing .actions .left > a span:empty, .products-detail .listing .actions .right > a span:empty {
        display: none; }
    .products-detail .listing .actions .action-link, .products-detail .listing .actions a + a, .products-detail .listing .actions .checkbox + a {
      margin-left: 20px; }
    .products-detail .listing .actions .action-link.disabled {
      color: #ccc;
      cursor: default;
      pointer-events: none; }
    .products-detail .listing .actions .custom-checkbox p {
      color: #222; }
    .products-detail .listing .actions .custom-checkbox:hover p {
      color: #214a8c; }
  .products-detail .listing .actions ~ .d-flex {
    margin-top: -1px; }
  .products-detail .listing > .actions, .products-detail .listing .sub-header ~ .actions {
    border: none;
    padding: 7px 0px; }
  .products-detail .listing .actions.sticky-div {
    border-bottom: 1px solid #ccc; }
    .products-detail .listing .actions.sticky-div .right {
      margin: 10px 0px 10px auto; }
  @media (max-width: 991px) {
    .products-detail .listing .actions {
      font-size: 0.8rem; }
      .products-detail .listing .actions .shared {
        top: calc(10px - 100px);
        margin: auto;
        left: 0px;
        right: 0px; }
      .products-detail .listing .actions .left .action-link i {
        font-size: 1rem; }
      .products-detail .listing .actions .left a.action-link, .products-detail .listing .actions .left .action-link i span {
        display: none !important; } }
  @media (max-width: 767px) {
    .products-detail .listing .actions {
      justify-content: center; }
      .products-detail .listing .actions .shared {
        top: calc(10px - 150px); }
      .products-detail .listing .actions .action-link, .products-detail .listing .actions a + a, .products-detail .listing .actions .checkbox + a {
        margin-left: 15px; }
      .products-detail .listing .actions > .right {
        justify-content: center; }
      .products-detail .listing .actions .search + .right {
        margin-left: 0px; } }
  .products-detail .listing .add-more[aria-expanded="true"] {
    background: #214a8c !important;
    color: #fff !important;
    border-color: #214a8c;
    position: relative; }
    .products-detail .listing .add-more[aria-expanded="true"]:hover, .products-detail .listing .add-more[aria-expanded="true"]:focus {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c; }
      .products-detail .listing .add-more[aria-expanded="true"]:hover i, .products-detail .listing .add-more[aria-expanded="true"]:focus i {
        color: #fff; }
    .products-detail .listing .add-more[aria-expanded="true"]:before {
      content: "";
      top: -7px;
      margin: 0px auto;
      height: 10px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #666;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      top: auto;
      bottom: calc(3px - 15px); }
  .products-detail .listing .add-more[aria-expanded="false"], .products-detail .listing .add-more.collapsed {
    background: #fff !important;
    border: 1px solid #214a8c;
    color: #214a8c !important; }
    .products-detail .listing .add-more[aria-expanded="false"]:hover, .products-detail .listing .add-more[aria-expanded="false"]:focus, .products-detail .listing .add-more.collapsed:hover, .products-detail .listing .add-more.collapsed:focus {
      background: #08285c !important;
      color: #fff !important; }
    .products-detail .listing .add-more[aria-expanded="false"]:hover, .products-detail .listing .add-more.collapsed:hover {
      border-color: #08285c; }
      .products-detail .listing .add-more[aria-expanded="false"]:hover i, .products-detail .listing .add-more.collapsed:hover i {
        color: #fff; }
  .products-detail .listing .add-more.cancel:before {
    display: none; }
  .products-detail .listing a.add-more.disabled {
    pointer-events: none;
    color: #ccc !important;
    border-color: #ccc; }
  .products-detail .listing button.links, .products-detail .listing a.links {
    border: none;
    color: #214a8c;
    height: auto;
    background: none;
    text-align: left;
    padding: 0px;
    cursor: pointer;
    color: #666;
    text-decoration: underline; }
    .products-detail .listing button.links:hover, .products-detail .listing a.links:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .products-detail .listing a.plus i {
    font-size: 1rem; }
  .products-detail .listing a.plus[aria-expanded="true"] i:before {
    content: "\e998";
    color: #214a8c; }
  .products-detail .listing a.plus[aria-expanded="true"] > span {
    color: #214a8c; }
  .products-detail .listing a.plus:not(.collapsed) > span {
    color: #214a8c !important; }
  .products-detail .listing .custom-radiobox:not(:last-of-type), .products-detail .listing .custom-checkbox:not(:last-of-type) {
    margin-right: 25px; }
  .products-detail .listing .ship-when > p, .products-detail .listing .bill-method > p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    color: #666;
    font-weight: normal;
    font-size: 0.875rem;
    text-transform: none; }
  .products-detail .listing .delivery-date {
    line-height: 25px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    color: #666; }
    .products-detail .listing .delivery-date span {
      margin-left: 5px;
      color: #222; }
    .products-detail .listing .delivery-date .date input {
      font-family: "Open Sans", sans-serif;
      color: #222;
      background: none !important;
      border: none !important;
      height: 20px;
      padding: 0px;
      line-height: 400;
      cursor: pointer;
      max-width: 60px;
      color: #666;
      text-decoration: underline; }
      .products-detail .listing .delivery-date .date input:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .products-detail .listing .address:not(.e-label) {
    font-family: "Open Sans", sans-serif; }
  .products-detail .listing .day-time span {
    font-weight: 600; }
  .products-detail .listing .contact a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #222;
    text-decoration: none;
    text-decoration: underline; }
    .products-detail .listing .contact a:hover {
      color: #214a8c;
      text-decoration: none; }
  .products-detail .listing .sub-total.btm {
    border-bottom: 4px double #ccc;
    padding: 15px 5px;
    display: flex;
    flex-direction: row; }
    .products-detail .listing .sub-total.btm > div, .products-detail .listing .sub-total.btm .total {
      padding: 0px;
      color: #222; }
    .products-detail .listing .sub-total.btm > div:last-child {
      display: flex;
      justify-content: flex-end;
      margin-left: auto; }
    .products-detail .listing .sub-total.btm .actions {
      margin: 0px;
      display: none; }
  .products-detail .listing .sub-header {
    clear: both;
    padding: 0px; }
    .products-detail .listing .sub-header > div {
      display: flex;
      align-items: center; }
    .products-detail .listing .sub-header .delivery-date {
      display: flex;
      justify-content: flex-end; }
    .products-detail .listing .sub-header .title {
      margin-bottom: 0px; }
      .products-detail .listing .sub-header .title span {
        color: #214a8c;
        margin-left: 3px; }
  .products-detail .listing .page + .sub-header {
    margin-top: 40px; }
    .products-detail .listing .page + .sub-header .title {
      flex-basis: content; }
  .products-detail .listing div.alert-warning {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #fbe4b5;
    color: #de6e00; }
    .products-detail .listing div.alert-warning .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-detail .listing div.alert-warning p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-detail .listing div.alert-warning {
        padding: 5px;
        margin: 10px auto; }
        .products-detail .listing div.alert-warning p {
          font-size: 0.8rem; }
        .products-detail .listing div.alert-warning .alert-heading {
          font-size: 0.875rem; } }
  .products-detail .listing div.alert-danger {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #f8c1c4;
    color: #dc3545;
    background: #feeeef; }
    .products-detail .listing div.alert-danger .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-detail .listing div.alert-danger p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-detail .listing div.alert-danger {
        padding: 5px;
        margin: 10px auto; }
        .products-detail .listing div.alert-danger p {
          font-size: 0.8rem; }
        .products-detail .listing div.alert-danger .alert-heading {
          font-size: 0.875rem; } }
  @media (min-width: 992px) {
    .products-detail .listing .col-9 > .page {
      min-height: 500px; }
    .products-detail .listing .page .details .submit input:hover, .products-detail .listing .page .details .submit button:hover {
      left: 10px; } }
  @media (max-width: 991px) {
    .products-detail .listing .page .details {
      flex-wrap: wrap;
      padding: 15px 0px; }
      .products-detail .listing .page .details .submit button {
        width: 25px; }
    .products-detail .listing .col-3.right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%; }
    .products-detail .listing .col-9.left {
      padding-right: 10px;
      max-width: 66.66%;
      flex: 0 0 66.66%; }
      .products-detail .listing .col-9.left .page-th {
        display: none !important; }
      .products-detail .listing .col-9.left .page {
        border-top: 1px solid #666; }
    .products-detail .listing .sub-header {
      flex-wrap: wrap; }
      .products-detail .listing .sub-header .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-start;
        margin: 0px !important; }
      .products-detail .listing .sub-header > .title {
        font-size: 1.2rem !important; }
    .products-detail .listing .page + .sub-header {
      margin-top: 20px;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .products-detail .listing > .d-flex {
      flex-wrap: wrap; }
    .products-detail .listing .col-12.left .page-th, .products-detail .listing .col-9.left .page-th {
      display: none !important; }
    .products-detail .listing .page .details > div {
      max-width: 100% !important;
      flex: 0 0 auto; }
    .products-detail .listing .page .details .col {
      display: inline-flex;
      color: #222;
      line-height: 1.2rem; }
    .products-detail .listing .page .details .time, .products-detail .listing .page .details .type {
      color: #666; }
    .products-detail .listing .page .details .custom-radiobox .custom-radio {
      height: 25px; }
    .products-detail .listing .col-12.left, .products-detail .listing .col-3.right, .products-detail .listing .col-9.left {
      padding-right: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
    .products-detail .listing .summary {
      margin-top: 15px; }
      .products-detail .listing .summary .details.proceed .supp {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
    .products-detail .listing .sub-total.btm > div:last-child {
      max-width: 100%;
      flex: 0 0 100%; } }
.products-detail label.dnArw {
  margin-bottom: 0px; }
.products-detail .mini-snippet {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 9999;
  box-shadow: 0.25rem 0.25rem 15px #aaa; }
  .products-detail .mini-snippet .container > div {
    display: flex;
    align-items: center;
    align-self: center; }
  .products-detail .mini-snippet .container div:not(.tag) {
    padding: 0px; }
  .products-detail .mini-snippet .col-8 {
    max-width: 60%;
    flex: 0 0 60%; }
    .products-detail .mini-snippet .col-8 .text {
      padding: 0px 25px 0px 15px;
      margin-top: -5px; }
  .products-detail .mini-snippet .col-4 {
    max-width: 40%;
    flex: 0 0 40%; }
  .products-detail .mini-snippet .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 160px;
    max-width: 160px;
    height: 100px;
    max-width: 100px;
    width: 100%; }
    .products-detail .mini-snippet .product-img img {
      width: auto; }
    .products-detail .mini-snippet .product-img img {
      max-height: calc(150px - 5px);
      max-width: calc(150px - 5px); }
    .products-detail .mini-snippet .product-img img {
      max-height: 80px;
      max-width: 80px; }
  .products-detail .mini-snippet .sub-title {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    color: #666;
    font-size: 0.8rem;
    font-weight: 300;
    text-transform: uppercase; }
    .products-detail .mini-snippet .sub-title a {
      color: #666; }
      .products-detail .mini-snippet .sub-title a:hover {
        color: #222; }
  .products-detail .mini-snippet .title {
    color: #222;
    font-size: 0.8rem;
    font-family: "Poppins", sans-serif;
    line-height: 1.1rem;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
    max-height: 35px;
    overflow: hidden;
    position: relative;
    max-height: 100%;
    font-size: 1rem;
    line-height: 20px;
    margin: 0px; }
    .products-detail .mini-snippet .title a {
      color: #222; }
      .products-detail .mini-snippet .title a:hover {
        color: #214a8c; }
    .products-detail .mini-snippet .title:after {
      content: "";
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 40%;
      height: 1rem;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
      bottom: 0px; }
    .products-detail .mini-snippet .title:after {
      display: none; }
  .products-detail .mini-snippet .price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .products-detail .mini-snippet .price .sale {
      color: #dc3545;
      margin: 0px; }
    .products-detail .mini-snippet .price .price {
      color: #222; }
    .products-detail .mini-snippet .price .discount {
      color: #222;
      margin: 0px; }
    .products-detail .mini-snippet .price .sale + .price, .products-detail .mini-snippet .price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .products-detail .mini-snippet .price .supp {
      margin-left: 5px; }
    .products-detail .mini-snippet .price .eco {
      color: #10a700; }
    .products-detail .mini-snippet .price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .products-detail .mini-snippet .price .supp:not(:last-child) {
        margin-right: 10px; } }
    .products-detail .mini-snippet .price .sale, .products-detail .mini-snippet .price .price {
      font-size: 1.1rem;
      font-family: "Poppins", sans-serif;
      font-weight: 500; }
    .products-detail .mini-snippet .price span.supp {
      text-transform: lowercase;
      margin-left: 5px;
      font-size: 0.875rem; }
  .products-detail .mini-snippet .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .products-detail .mini-snippet .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .products-detail .mini-snippet .inventory .in-stock, .products-detail .mini-snippet .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .products-detail .mini-snippet .inventory .in-stock:before, .products-detail .mini-snippet .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .products-detail .mini-snippet .inventory .in-stock {
      color: #10a700; }
      .products-detail .mini-snippet .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .products-detail .mini-snippet .inventory .out-stock {
      color: #dc3545; }
      .products-detail .mini-snippet .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .products-detail .mini-snippet .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .products-detail .mini-snippet .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .products-detail .mini-snippet .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .products-detail .mini-snippet .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .products-detail .mini-snippet .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .products-detail .mini-snippet .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .products-detail .mini-snippet .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .products-detail .mini-snippet .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .products-detail .mini-snippet .inventory .nonstock .supp {
      color: #dc3545; }
    .products-detail .mini-snippet .inventory .leadtime span {
      color: #10a700; }
    .products-detail .mini-snippet .inventory .leadtime.supp, .products-detail .mini-snippet .inventory .pickup .preferred {
      display: block; }
    .products-detail .mini-snippet .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .products-detail .mini-snippet .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .products-detail .mini-snippet .inventory .backorder .in-stock, .products-detail .mini-snippet .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .products-detail .mini-snippet .inventory .backorder .in-stock:before, .products-detail .mini-snippet .inventory .nonstock .in-stock:before {
        color: #666; }
    .products-detail .mini-snippet .inventory ._labels {
      display: none !important; }
    .products-detail .mini-snippet .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .products-detail .mini-snippet .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .products-detail .mini-snippet .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .products-detail .mini-snippet .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .products-detail .mini-snippet .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .products-detail .mini-snippet .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .products-detail .mini-snippet .inventory {
        margin-bottom: 5px; }
        .products-detail .mini-snippet .inventory .pickup:before {
          height: 1.5rem; }
        .products-detail .mini-snippet .inventory .pickup:after {
          bottom: -20px; }
        .products-detail .mini-snippet .inventory .pickup:last-child:before, .products-detail .mini-snippet .inventory .pickup:last-child:after {
          display: none; }
        .products-detail .mini-snippet .inventory .leadtime.supp, .products-detail .mini-snippet .inventory .pickup .preferred {
          display: inline-block; } }
    .products-detail .mini-snippet .inventory .delivery, .products-detail .mini-snippet .inventory .pickup {
      margin-bottom: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
      .products-detail .mini-snippet .inventory .delivery .leadtime, .products-detail .mini-snippet .inventory .delivery .preferred, .products-detail .mini-snippet .inventory .pickup .leadtime, .products-detail .mini-snippet .inventory .pickup .preferred {
        display: inline-block;
        padding-left: 10px; }
      .products-detail .mini-snippet .inventory .delivery:before, .products-detail .mini-snippet .inventory .delivery:after, .products-detail .mini-snippet .inventory .pickup:before, .products-detail .mini-snippet .inventory .pickup:after {
        display: none; }
  .products-detail .mini-snippet .price, .products-detail .mini-snippet .inventory {
    margin: 0px;
    line-height: 1.25rem; }
  .products-detail .mini-snippet .col-4 .col-8 {
    display: flex;
    flex-direction: column;
    align-self: center; }
  .products-detail .mini-snippet form, .products-detail .mini-snippet button.add-cart {
    margin: 0px 0px 0px auto; }
  @media (max-width: 991px) {
    .products-detail .mini-snippet .container {
      padding: 10px 0px; }
    .products-detail .mini-snippet .col-8, .products-detail .mini-snippet .col-4 {
      max-width: 50%;
      flex: 0 0 50%; }
    .products-detail .mini-snippet .col-8 {
      padding-right: 10px; }
      .products-detail .mini-snippet .col-8 .text {
        padding: 0px 20px 0px 0px; }
    .products-detail .mini-snippet .title {
      font-size: 0.875rem;
      line-height: 20px;
      max-height: 60px; }
    .products-detail .mini-snippet .container > .col-4 {
      display: flex;
      flex-direction: column; }
    .products-detail .mini-snippet .col-4 > div {
      max-width: 100%;
      flex-basis: auto; }
    .products-detail .mini-snippet button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      width: 120px;
      margin: 5px 0px 0px 0px; }
      .products-detail .mini-snippet button.add-cart:hover, .products-detail .mini-snippet button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .products-detail .mini-snippet button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .products-detail .mini-snippet button.add-cart:focus {
        outline-style: none; } }
  @media (max-width: 767px) {
    .products-detail .mini-snippet {
      display: none !important; } }
.products-detail .widgets .nav-tabs a.nav-link {
  padding: 10px 30px;
  font-size: 0.95rem; }

.b2c .products-detail .details .text .add-to-cart .text {
  font-family: "Poppins", sans-serif;
  color: #222;
  font-size: 1.25rem;
  box-shadow: 0px 0px 0px 5px #fff;
  padding-bottom: 15px; }
  .b2c .products-detail .details .text .add-to-cart .text:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e9a7";
    color: #222;
    left: -5px; }
.b2c .products-detail .details .text .inventory .backorder .in-stock, .b2c .products-detail .details .text .inventory .nonstock .in-stock {
  padding-right: 5px; }
.b2c .products-detail .product-display {
  border-top: 1px solid #ddd; }
  .b2c .products-detail .product-display .page {
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .b2c .products-detail .product-display .page form {
      border-bottom: 1px solid #ddd; }
      .b2c .products-detail .product-display .page form:hover {
        background-color: #f7fbff; }
    .b2c .products-detail .product-display .page .details {
      padding: 0px; }
      .b2c .products-detail .product-display .page .details > .col {
        text-align: left;
        padding: 0px; }
        .b2c .products-detail .product-display .page .details > .col .eco {
          display: block;
          text-transform: inherit; }
      .b2c .products-detail .product-display .page .details .col.checkbox {
        z-index: 1;
        max-width: 20px; }
      .b2c .products-detail .product-display .page .details .supp {
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
      .b2c .products-detail .product-display .page .details .col.pro-details {
        flex-wrap: wrap; }
        .b2c .products-detail .product-display .page .details .col.pro-details .text {
          width: 100%; }
        .b2c .products-detail .product-display .page .details .col.pro-details .product-img {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          height: 160px;
          max-width: 160px;
          width: 100%;
          flex: 0 0 auto;
          margin: 0px auto; }
          .b2c .products-detail .product-display .page .details .col.pro-details .product-img img {
            width: auto; }
          .b2c .products-detail .product-display .page .details .col.pro-details .product-img img {
            max-height: calc(150px - 5px);
            max-width: calc(150px - 5px); }
        .b2c .products-detail .product-display .page .details .col.pro-details .sub-title {
          font-family: "Poppins", sans-serif;
          font-size: 0.875rem;
          letter-spacing: 0.75px;
          color: #666;
          font-size: 0.8rem;
          font-weight: 300;
          text-transform: uppercase; }
          .b2c .products-detail .product-display .page .details .col.pro-details .sub-title a {
            color: #666; }
            .b2c .products-detail .product-display .page .details .col.pro-details .sub-title a:hover {
              color: #222; }
        .b2c .products-detail .product-display .page .details .col.pro-details .title {
          color: #222;
          font-size: 0.8rem;
          font-family: "Poppins", sans-serif;
          line-height: 1.1rem;
          letter-spacing: 0.25px;
          margin-bottom: 10px;
          max-height: 35px;
          overflow: hidden;
          position: relative; }
          .b2c .products-detail .product-display .page .details .col.pro-details .title a {
            color: #222; }
            .b2c .products-detail .product-display .page .details .col.pro-details .title a:hover {
              color: #214a8c; }
          .b2c .products-detail .product-display .page .details .col.pro-details .title:after {
            content: "";
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 40%;
            height: 1rem;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
            bottom: 0px; }
        .b2c .products-detail .product-display .page .details .col.pro-details .mfg, .b2c .products-detail .product-display .page .details .col.pro-details .upc, .b2c .products-detail .product-display .page .details .col.pro-details .co-label {
          display: flex;
          min-height: auto; }
          .b2c .products-detail .product-display .page .details .col.pro-details .mfg span, .b2c .products-detail .product-display .page .details .col.pro-details .upc span, .b2c .products-detail .product-display .page .details .col.pro-details .co-label span {
            font-size: 0.8rem; }
          .b2c .products-detail .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2c .products-detail .product-display .page .details .col.pro-details .upc span:last-of-type, .b2c .products-detail .product-display .page .details .col.pro-details .co-label span:last-of-type {
            width: calc(100% - 110px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .b2c .products-detail .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2c .products-detail .product-display .page .details .col.pro-details .upc span:first-of-type, .b2c .products-detail .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2c .products-detail .product-display .page .details .col.pro-details .personal-code span:first-of-type {
          font-size: 0.8rem;
          text-align: left;
          font-family: "Open Sans", sans-serif;
          letter-spacing: normal;
          min-width: 110px;
          line-height: 1.2rem;
          display: inline-block; }
        .b2c .products-detail .product-display .page .details .col.pro-details .personal-code {
          font-size: 0.8rem; }
          .b2c .products-detail .product-display .page .details .col.pro-details .personal-code a {
            color: #ff9933;
            text-decoration: underline; }
        .b2c .products-detail .product-display .page .details .col.pro-details .change-code {
          display: flex; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code input, .b2c .products-detail .product-display .page .details .col.pro-details .change-code textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code input, .b2c .products-detail .product-display .page .details .col.pro-details .change-code button {
            height: 30px; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code textarea {
            height: 50px; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code input {
            width: 200px;
            padding: 5px 7px;
            font-size: 0.8rem;
            margin: 5px 0px; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code button.img {
            height: 30px;
            border: none;
            background: none;
            padding: 0px;
            cursor: pointer;
            margin: 5px 0px; }
          .b2c .products-detail .product-display .page .details .col.pro-details .change-code input[type="image"], .b2c .products-detail .product-display .page .details .col.pro-details .change-code img {
            padding: 2px;
            margin-left: 5px;
            width: 30px;
            height: 30px;
            border: none;
            background: none !important; }
        .b2c .products-detail .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
          display: none; }
        .b2c .products-detail .product-display .page .details .col.pro-details .change-code.show {
          display: flex; }
        @media (max-width: 991px) {
          .b2c .products-detail .product-display .page .details .col.pro-details .mfg, .b2c .products-detail .product-display .page .details .col.pro-details .upc, .b2c .products-detail .product-display .page .details .col.pro-details .co-label {
            margin: 5px 0px; } }
      .b2c .products-detail .product-display .page .details .inventory {
        min-height: auto;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        .b2c .products-detail .product-display .page .details .inventory .supp {
          color: #222;
          padding-left: 0px;
          font-size: 0.8rem;
          letter-spacing: 0.25px;
          text-transform: inherit; }
        .b2c .products-detail .product-display .page .details .inventory .in-stock, .b2c .products-detail .product-display .page .details .inventory .out-stock {
          font-size: 0.875rem;
          padding-right: 5px; }
          .b2c .products-detail .product-display .page .details .inventory .in-stock:before, .b2c .products-detail .product-display .page .details .inventory .out-stock:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            top: 2px;
            width: 25px;
            display: inline-block;
            padding-right: 0px; }
        .b2c .products-detail .product-display .page .details .inventory .in-stock {
          color: #10a700; }
          .b2c .products-detail .product-display .page .details .inventory .in-stock:before {
            color: #10a700;
            font-size: 15px; }
        .b2c .products-detail .product-display .page .details .inventory .out-stock {
          color: #dc3545; }
          .b2c .products-detail .product-display .page .details .inventory .out-stock:before {
            content: "\ea02";
            color: #dc3545;
            line-height: 20px;
            left: -1px; }
        .b2c .products-detail .product-display .page .details .inventory .delivery {
          max-width: 100%;
          flex: 0 0 100%;
          position: relative;
          margin-bottom: 5px; }
          .b2c .products-detail .product-display .page .details .inventory .delivery .in-stock:before {
            content: "\e9e8"; }
        .b2c .products-detail .product-display .page .details .inventory .pickup .in-stock:before {
          content: "\e98c"; }
        .b2c .products-detail .product-display .page .details .inventory .pickup {
          position: relative;
          margin-bottom: 5px; }
          .b2c .products-detail .product-display .page .details .inventory .pickup:before {
            content: "";
            border-left: 1px solid #10a700;
            height: 30px;
            position: absolute;
            left: 7px;
            top: 20px; }
          .b2c .products-detail .product-display .page .details .inventory .pickup:after {
            content: "";
            width: 3px;
            height: 3px;
            border-radius: 50%;
            position: absolute;
            background: #10a700;
            left: 6px;
            bottom: -15px; }
        .b2c .products-detail .product-display .page .details .inventory .nonstock .out-stock {
          padding-right: 0px; }
          .b2c .products-detail .product-display .page .details .inventory .nonstock .out-stock:before {
            content: "\e9d0";
            font-size: 15px; }
        .b2c .products-detail .product-display .page .details .inventory .nonstock .supp {
          color: #dc3545; }
        .b2c .products-detail .product-display .page .details .inventory .leadtime span {
          color: #10a700; }
        .b2c .products-detail .product-display .page .details .inventory .leadtime.supp, .b2c .products-detail .product-display .page .details .inventory .pickup .preferred {
          display: block; }
        .b2c .products-detail .product-display .page .details .inventory .preferred {
          color: #10a700;
          padding-left: 5px; }
        .b2c .products-detail .product-display .page .details .inventory .out-stock ~ .preferred {
          color: #aaa; }
        .b2c .products-detail .product-display .page .details .inventory .backorder .in-stock, .b2c .products-detail .product-display .page .details .inventory .nonstock .in-stock {
          /*padding:$zero;*/
          color: #222; }
          .b2c .products-detail .product-display .page .details .inventory .backorder .in-stock:before, .b2c .products-detail .product-display .page .details .inventory .nonstock .in-stock:before {
            color: #666; }
        .b2c .products-detail .product-display .page .details .inventory ._labels {
          display: none !important; }
        .b2c .products-detail .product-display .page .details .inventory .text {
          height: 30px;
          color: #222;
          font-family: "Open Sans", sans-serif;
          font-size: 0.75rem;
          line-height: 0.75rem;
          margin-top: 10px;
          line-height: 0.875rem; }
          .b2c .products-detail .product-display .page .details .inventory .text span {
            font-weight: 400;
            margin-right: 5px; }
            .b2c .products-detail .product-display .page .details .inventory .text span:before {
              content: "(";
              padding-right: 1px; }
            .b2c .products-detail .product-display .page .details .inventory .text span:after {
              content: ")";
              padding-left: 1px; }
            .b2c .products-detail .product-display .page .details .inventory .text span a {
              color: #666;
              text-decoration: underline;
              color: #222; }
              .b2c .products-detail .product-display .page .details .inventory .text span a:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
        @media (max-width: 767px) {
          .b2c .products-detail .product-display .page .details .inventory {
            margin-bottom: 5px; }
            .b2c .products-detail .product-display .page .details .inventory .pickup:before {
              height: 1.5rem; }
            .b2c .products-detail .product-display .page .details .inventory .pickup:after {
              bottom: -20px; }
            .b2c .products-detail .product-display .page .details .inventory .pickup:last-child:before, .b2c .products-detail .product-display .page .details .inventory .pickup:last-child:after {
              display: none; }
            .b2c .products-detail .product-display .page .details .inventory .leadtime.supp, .b2c .products-detail .product-display .page .details .inventory .pickup .preferred {
              display: inline-block; } }
        .b2c .products-detail .product-display .page .details .inventory .leadtime.supp, .b2c .products-detail .product-display .page .details .inventory .pickup .preferred {
          padding-left: 25px; }
      .b2c .products-detail .product-display .page .details .pickup {
        max-width: 100%;
        flex: 0 0 100%; }
      .b2c .products-detail .product-display .page .details .branch {
        margin-left: 25px; }
        .b2c .products-detail .product-display .page .details .branch button {
          height: 20px;
          border: none;
          background: none;
          padding: 0px;
          color: #222;
          text-decoration: underline;
          font-size: 0.8rem; }
          .b2c .products-detail .product-display .page .details .branch button:focus {
            box-shadow: none;
            color: #10a700; }
        .b2c .products-detail .product-display .page .details .branch .dropdown-menu {
          max-height: 240px;
          overflow-y: auto;
          font-size: 0.8rem;
          padding: 0px;
          margin: 0px;
          border-radius: 0px;
          box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
          width: calc(200px + 20px);
          cursor: default;
          border-color: #aaa; }
          .b2c .products-detail .product-display .page .details .branch .dropdown-menu li {
            padding: 3px 7px;
            color: #666;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px dotted #ccc; }
            .b2c .products-detail .product-display .page .details .branch .dropdown-menu li:after {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-left: 5px;
              left: 0px;
              font-weight: 400;
              font-size: 1rem;
              content: "\ea02";
              color: #dc3545; }
            .b2c .products-detail .product-display .page .details .branch .dropdown-menu li span {
              color: #dc3545; }
          .b2c .products-detail .product-display .page .details .branch .dropdown-menu li.available:after {
            font-size: 0.875rem;
            content: "\e98c";
            color: #10a700; }
          .b2c .products-detail .product-display .page .details .branch .dropdown-menu li.available span {
            color: #10a700; }
      .b2c .products-detail .product-display .page .details .col.price {
        margin-bottom: 15px;
        display: flex;
        align-items: first baseline;
        flex-wrap: wrap;
        flex-direction: row; }
        .b2c .products-detail .product-display .page .details .col.price .sale {
          color: #dc3545;
          margin: 0px; }
        .b2c .products-detail .product-display .page .details .col.price .price {
          color: #222; }
        .b2c .products-detail .product-display .page .details .col.price .discount {
          color: #222;
          margin: 0px; }
        .b2c .products-detail .product-display .page .details .col.price .sale + .price, .b2c .products-detail .product-display .page .details .col.price .discount + .price {
          text-decoration: line-through;
          color: #666;
          font-size: 0.95rem;
          margin-left: 5px;
          display: initial; }
        .b2c .products-detail .product-display .page .details .col.price .supp {
          margin-left: 5px; }
        .b2c .products-detail .product-display .page .details .col.price .eco {
          color: #10a700; }
        .b2c .products-detail .product-display .page .details .col.price > span:nth-of-type(2) {
          font-size: 1.1rem; }
        @media (max-width: 991px) {
          .b2c .products-detail .product-display .page .details .col.price .supp:not(:last-child) {
            margin-right: 10px; } }
      .b2c .products-detail .product-display .page .details .col.qty {
        display: flex;
        flex-wrap: wrap;
        text-align: right; }
        .b2c .products-detail .product-display .page .details .col.qty input, .b2c .products-detail .product-display .page .details .col.qty textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .b2c .products-detail .product-display .page .details .col.qty input, .b2c .products-detail .product-display .page .details .col.qty button {
          height: 30px; }
        .b2c .products-detail .product-display .page .details .col.qty textarea {
          height: 50px; }
        .b2c .products-detail .product-display .page .details .col.qty input {
          max-width: 50px;
          text-align: center;
          font-size: 0.95rem;
          color: #222;
          margin-right: 5px; }
        .b2c .products-detail .product-display .page .details .col.qty input.disabled {
          background: #eee !important;
          cursor: default;
          pointer-events: none; }
        .b2c .products-detail .product-display .page .details .col.qty input.input-validation-error {
          border-color: #ff9933; }
        .b2c .products-detail .product-display .page .details .col.qty span.margin + input {
          margin-left: 5px; }
        .b2c .products-detail .product-display .page .details .col.qty span.uom {
          width: 20px;
          text-align: left; }
        .b2c .products-detail .product-display .page .details .col.qty > span.supp, .b2c .products-detail .product-display .page .details .col.qty .available {
          line-height: 30px; }
        .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          margin-top: 5px; }
          .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length {
            position: relative;
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            min-width: 75px;
            max-width: 75px; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
              padding: 0px 5px 5px 0px;
              letter-spacing: -0.3px; }
          .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e904";
            border: 1px solid #ff9933;
            border-left: none;
            padding-right: 7px;
            font-size: 0.875rem;
            line-height: 1.75rem;
            color: #de6e00;
            width: 70px;
            position: absolute;
            height: 30px;
            background: #fff;
            left: 60px;
            bottom: 0px;
            -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
            -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
            box-shadow: inset -3px 0px 1px 3px #fff3cd; }
          .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\ea02";
            position: absolute;
            bottom: 5px;
            color: #aaa;
            font-size: 0.875rem;
            padding: 0px;
            left: 1px; }
          .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            position: relative;
            left: 60px; }
          .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button {
            background: none;
            border: none;
            padding: 0px;
            width: 20px; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i {
              cursor: pointer; }
              .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
                border-radius: 50%;
                color: #fff; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
              background: #10a700; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
              border: 1px solid #dc3545;
              color: #dc3545; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
              pointer-events: none;
              cursor: default; }
              .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
                background: #ddd; }
              .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
                color: #ddd;
                border-color: #ddd; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
              background: #dc3545;
              color: #fff;
              border: none; }
          @media (max-width: 991px) {
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
              padding-right: 0px; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
              width: 20px; }
            .b2c .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
              left: 0.5rem; } }
        @media (min-width: 992px) {
          .b2c .products-detail .product-display .page .details .col.qty {
            display: flex;
            justify-content: flex-end;
            max-width: calc(15% + 20px); } }
        .b2c .products-detail .product-display .page .details .col.qty .cable-cuts {
          margin-top: calc(20px - 2px); }
      .b2c .products-detail .product-display .page .details .col.total .saving {
        font-weight: 400;
        color: #10a700;
        font-size: 0.75rem; }
      .b2c .products-detail .product-display .page .details .add-to-cart {
        position: absolute;
        bottom: 0px;
        width: auto;
        right: 0px;
        display: table; }
        .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart {
          background: #214a8c !important;
          color: #fff;
          font-size: 1rem;
          cursor: pointer;
          letter-spacing: 0.5px;
          font-family: "Poppins", sans-serif;
          width: 200px;
          text-transform: uppercase;
          margin: 40px auto;
          text-align: center;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px 10px;
          border: none;
          white-space: normal;
          line-height: 1rem;
          padding: 3px 5px;
          height: 30px;
          font-size: 0.75rem;
          margin: 0px;
          line-height: 10px;
          background: #214a8c !important;
          color: #fff; }
          .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
            background: #08285c !important;
            border: none; }
          .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart a {
            color: #fff;
            padding: 15px;
            width: 100%; }
          .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
            outline-style: none; }
          .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
            background: #08285c !important;
            border: none; }
        .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart.disabled {
          background: #eee !important;
          cursor: default;
          pointer-events: none; }
        .b2c .products-detail .product-display .page .details .add-to-cart button.add-cart, .b2c .products-detail .product-display .page .details .add-to-cart .btn-sml {
          width: 120px; }
        .b2c .products-detail .product-display .page .details .add-to-cart .text {
          height: 25px;
          font-family: "Poppins", sans-serif;
          color: #222;
          margin-bottom: 0.875rem;
          display: flex;
          align-items: center;
          font-size: 0.875rem; }
          .b2c .products-detail .product-display .page .details .add-to-cart .text:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\e9a7";
            color: #222; }
      .b2c .products-detail .product-display .page .details .alert-warning {
        width: 100%;
        background: none;
        z-index: 1;
        padding: 0px; }
        .b2c .products-detail .product-display .page .details .alert-warning > span {
          background: #fff3cd;
          padding: 3px 5px 5px;
          min-height: 30px;
          max-height: 30px;
          font-size: calc(10px + 1px);
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
      .b2c .products-detail .product-display .page .details .download {
        margin-top: 10px;
        font-size: 0.8rem;
        color: #222;
        font-family: "Open Sans", sans-serif; }
        .b2c .products-detail .product-display .page .details .download i {
          font-size: 1rem;
          margin-right: 7px; }
        .b2c .products-detail .product-display .page .details .download > a {
          display: inline-flex;
          align-items: center;
          color: #222;
          font-size: 0.8rem; }
          .b2c .products-detail .product-display .page .details .download > a span {
            color: #666;
            text-decoration: underline;
            color: #222;
            margin-left: 7px;
            letter-spacing: 0.25px; }
            .b2c .products-detail .product-display .page .details .download > a span:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
          .b2c .products-detail .product-display .page .details .download > a img {
            height: 1rem; }
          .b2c .products-detail .product-display .page .details .download > a i {
            font-size: 1rem; }
        .b2c .products-detail .product-display .page .details .download #docModal .modal-dialog {
          max-width: calc(320px * 2); }
        .b2c .products-detail .product-display .page .details .download .modal .modal-title {
          display: flex;
          align-items: center;
          text-align: left;
          margin: 0px 0px 15px; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-title .text {
            padding-left: 30px;
            max-width: 66.66%;
            flex: 0 0 66.66%; }
            .b2c .products-detail .product-display .page .details .download .modal .modal-title .text .sub-title {
              line-height: normal; }
            .b2c .products-detail .product-display .page .details .download .modal .modal-title .text .title {
              margin: 0px; }
              .b2c .products-detail .product-display .page .details .download .modal .modal-title .text .title:after {
                background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
        .b2c .products-detail .product-display .page .details .download .modal .modal-body > div {
          display: flex;
          flex-wrap: wrap; }
        .b2c .products-detail .product-display .page .details .download .modal .modal-body div {
          padding: 7px 0px 10px;
          color: #222; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div .doc:before, .b2c .products-detail .product-display .page .details .download .modal .modal-body div .xLink:before, .b2c .products-detail .product-display .page .details .download .modal .modal-body div .xDocs:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            font-size: 1rem;
            color: #222; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div .doc:before {
            content: "\e964"; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div .xLink:before {
            content: "\e95b"; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div .xDocs:before {
            content: "\e963"; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div span {
            display: block;
            color: #666;
            line-height: 1.1rem;
            margin-left: 1.25rem; }
            .b2c .products-detail .product-display .page .details .download .modal .modal-body div span:before {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-right: 5px;
              right: 0px;
              font-weight: 400;
              content: "\e946";
              color: #666;
              font-size: 0.8rem; }
            .b2c .products-detail .product-display .page .details .download .modal .modal-body div span a {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              color: #666;
              text-decoration: underline;
              color: #222; }
              .b2c .products-detail .product-display .page .details .download .modal .modal-body div span a:hover {
                text-decoration: none;
                color: #214a8c;
                cursor: pointer; }
        .b2c .products-detail .product-display .page .details .download .modal .btn-secondary {
          color: #222;
          font-weight: 500;
          font-family: "Poppins", sans-serif; }
          .b2c .products-detail .product-display .page .details .download .modal .btn-secondary i {
            margin-right: 5px; }
        @media (max-width: 767px) {
          .b2c .products-detail .product-display .page .details .download .modal .modal-title {
            display: flex;
            flex-wrap: wrap; }
            .b2c .products-detail .product-display .page .details .download .modal .modal-title .text {
              padding: 10px 0px 0px;
              max-width: 100%;
              flex: 0 0 100%; }
          .b2c .products-detail .product-display .page .details .download .modal .modal-body div {
            max-width: 100%;
            flex: 0 0 100%; } }
    @media (max-width: 1199px) {
      .b2c .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 35px; } }
    @media (min-width: 992px) {
      .b2c .products-detail .product-display .page .details .col.total .saving {
        margin-top: 5px; } }
    @media (max-width: 991px) {
      .b2c .products-detail .product-display .page .details .col.total .saving {
        padding: 2px 0px 0px 15px; } }
    @media (max-width: 767px) {
      .b2c .products-detail .product-display .page .details .checkbox {
        position: absolute;
        top: 75px; }
      .b2c .products-detail .product-display .page .details .col ._labels {
        display: block !important; }
      .b2c .products-detail .product-display .page .details .inventory ._labels {
        display: none !important; }
      .b2c .products-detail .product-display .page .details .col.price {
        flex-wrap: wrap;
        min-height: auto; }
        .b2c .products-detail .product-display .page .details .col.price span {
          display: flex;
          align-items: center; }
      .b2c .products-detail .product-display .page .details .col.qty {
        max-width: 360px !important; }
        .b2c .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
          margin-bottom: 0px; }
      .b2c .products-detail .product-display .page .details .col.total {
        flex-wrap: wrap; }
        .b2c .products-detail .product-display .page .details .col.total .saving {
          padding: 0px;
          width: 100%;
          text-align: left; }
      .b2c .products-detail .product-display .page .details .add-to-cart {
        position: inherit;
        margin-top: 10px; }
      .b2c .products-detail .product-display .page .details .alert-warning {
        position: absolute;
        bottom: -40px !important; } }
    .b2c .products-detail .product-display .page form {
      width: 25%;
      padding: 15px; }
    .b2c .products-detail .product-display .page .details {
      position: relative;
      flex-direction: column;
      justify-content: flex-start; }
      .b2c .products-detail .product-display .page .details > .col {
        max-width: 100%;
        flex: 0 0 100%; }
      .b2c .products-detail .product-display .page .details .col.pro-details .title {
        height: 50px;
        max-height: 50px;
        line-height: 1rem; }
      .b2c .products-detail .product-display .page .details .inventory {
        max-width: 100%; }
        .b2c .products-detail .product-display .page .details .inventory .pickup a {
          top: -5px; }
      .b2c .products-detail .product-display .page .details .inventory, .b2c .products-detail .product-display .page .details .col.price, .b2c .products-detail .product-display .page .details .col.qty {
        min-height: 45px; }
        .b2c .products-detail .product-display .page .details .inventory .price + .supp, .b2c .products-detail .product-display .page .details .col.price .price + .supp, .b2c .products-detail .product-display .page .details .col.qty .price + .supp {
          margin: 0px 5px; }
        .b2c .products-detail .product-display .page .details .inventory .eco, .b2c .products-detail .product-display .page .details .col.price .eco, .b2c .products-detail .product-display .page .details .col.qty .eco {
          display: inline-block; }
      .b2c .products-detail .product-display .page .details .inventory {
        height: calc(100px - 15px);
        margin-top: 5px; }
      .b2c .products-detail .product-display .page .details .add-to-cart {
        left: 0px; }
      .b2c .products-detail .product-display .page .details .col.qty {
        max-width: 100%;
        justify-content: flex-start;
        padding-top: 7px;
        position: relative; }
        .b2c .products-detail .product-display .page .details .col.qty .cable-cuts {
          margin-top: calc(3px - 25px);
          margin-left: auto; }
      .b2c .products-detail .product-display .page .details .sp-tags {
        width: 100%; }
    @media screen and (max-width: 1440px) {
      .b2c .products-detail .product-display .page form {
        width: 33.333333%;
        padding: 10px; } }
    @media (min-width: 768px) {
      .b2c .products-detail .product-display .page form {
        border-right: 1px solid #ddd; }
      .b2c .products-detail .product-display .page .details .checkbox {
        top: 10px; }
      .b2c .products-detail .product-display .page .details .col.pro-details .product-img {
        height: 200px;
        max-width: 200px; }
        .b2c .products-detail .product-display .page .details .col.pro-details .product-img img {
          max-height: 190px;
          max-width: 190px; }
      .b2c .products-detail .product-display .page .details .col.pro-details .text .co-label {
        min-height: 1.25rem; }
      .b2c .products-detail .product-display .page .details .col.qty .cable-pop {
        right: auto;
        left: 80px;
        top: 7px; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .b2c .products-detail .product-display .page .details .col.qty .cable-pop {
        left: 1.1rem;
        top: -0.875rem; } }
    @media (max-width: 767px) {
      .b2c .products-detail .product-display .page form {
        width: 100%;
        padding: 15px 0px; }
      .b2c .products-detail .product-display .page .details .custom-input:checked ~ .custom-check:before {
        top: -1px; }
      .b2c .products-detail .product-display .page .details .col.price {
        display: flex;
        align-items: center; }
      .b2c .products-detail .product-display .page .details .col.pro-details {
        margin-top: 0px; }
        .b2c .products-detail .product-display .page .details .col.pro-details .title {
          height: auto; }
      .b2c .products-detail .product-display .page .details .inventory .pickup a {
        display: inline-block;
        top: inherit; } }
    .b2c .products-detail .product-display .page form {
      width: 20%;
      border: none; }
      .b2c .products-detail .product-display .page form .details {
        min-height: calc(400px + 10px);
        display: inherit; }
        .b2c .products-detail .product-display .page form .details .col.pro-details .product-img {
          height: 150px;
          max-width: 150px; }
          .b2c .products-detail .product-display .page form .details .col.pro-details .product-img img {
            max-height: 150px;
            max-width: 150px; }
        .b2c .products-detail .product-display .page form .details .col.pro-details .title {
          height: 30px;
          max-height: 30px;
          line-height: 0.875rem; }
        .b2c .products-detail .product-display .page form .details .col.pro-details .title, .b2c .products-detail .product-display .page form .details .col.pro-details .sub-title {
          font-family: "Open Sans", sans-serif; }
        .b2c .products-detail .product-display .page form .details .inventory {
          height: 60px;
          margin: 0px 0px 10px;
          text-align: left; }
          .b2c .products-detail .product-display .page form .details .inventory .delivery, .b2c .products-detail .product-display .page form .details .inventory .pickup {
            margin-bottom: 0px; }
          .b2c .products-detail .product-display .page form .details .inventory .delivery .leadtime {
            display: none !important; }
          .b2c .products-detail .product-display .page form .details .inventory .pickup {
            height: 35px; }
            .b2c .products-detail .product-display .page form .details .inventory .pickup .preferred {
              width: 100%; }
            .b2c .products-detail .product-display .page form .details .inventory .pickup:before, .b2c .products-detail .product-display .page form .details .inventory .pickup:after {
              display: none; }
      .b2c .products-detail .product-display .page form .add-to-cart .add-cart {
        bottom: 0px;
        left: 0px; }
      .b2c .products-detail .product-display .page form .add-to-cart .text {
        padding: 0px; }
    .b2c .products-detail .product-display .page form:nth-of-type(4n) {
      border-right: 1px solid #ddd; }
    .b2c .products-detail .product-display .page form:nth-of-type(5n), .b2c .products-detail .product-display .page form:last-of-type {
      border-right: none; }
.b2c .products-detail .substitutes .product-display .details .col.price {
  margin-bottom: 0px; }

.b2b .products-detail .product-display .page form {
  border-bottom: 1px solid #ddd; }
  .b2b .products-detail .product-display .page form:hover {
    background-color: #f7fbff; }
.b2b .products-detail .product-display .page .details {
  padding: 0px; }
  .b2b .products-detail .product-display .page .details > .col {
    text-align: left;
    padding: 0px; }
    .b2b .products-detail .product-display .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .b2b .products-detail .product-display .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .b2b .products-detail .product-display .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .b2b .products-detail .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .products-detail .product-display .page .details .col.pro-details .text {
      width: 100%; }
    .b2b .products-detail .product-display .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .b2b .products-detail .product-display .page .details .col.pro-details .product-img img {
        width: auto; }
      .b2b .products-detail .product-display .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .b2b .products-detail .product-display .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .b2b .products-detail .product-display .page .details .col.pro-details .sub-title a {
        color: #666; }
        .b2b .products-detail .product-display .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .b2b .products-detail .product-display .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .b2b .products-detail .product-display .page .details .col.pro-details .title a {
        color: #222; }
        .b2b .products-detail .product-display .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .b2b .products-detail .product-display .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .b2b .products-detail .product-display .page .details .col.pro-details .mfg, .b2b .products-detail .product-display .page .details .col.pro-details .upc, .b2b .products-detail .product-display .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .b2b .products-detail .product-display .page .details .col.pro-details .mfg span, .b2b .products-detail .product-display .page .details .col.pro-details .upc span, .b2b .products-detail .product-display .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2b .products-detail .product-display .page .details .col.pro-details .upc span:last-of-type, .b2b .products-detail .product-display .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .b2b .products-detail .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2b .products-detail .product-display .page .details .col.pro-details .upc span:first-of-type, .b2b .products-detail .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2b .products-detail .product-display .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .b2b .products-detail .product-display .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .b2b .products-detail .product-display .page .details .col.pro-details .change-code {
      display: flex; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code input, .b2b .products-detail .product-display .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code input, .b2b .products-detail .product-display .page .details .col.pro-details .change-code button {
        height: 30px; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .b2b .products-detail .product-display .page .details .col.pro-details .change-code input[type="image"], .b2b .products-detail .product-display .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .b2b .products-detail .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .b2b .products-detail .product-display .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .b2b .products-detail .product-display .page .details .col.pro-details .mfg, .b2b .products-detail .product-display .page .details .col.pro-details .upc, .b2b .products-detail .product-display .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .b2b .products-detail .product-display .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .b2b .products-detail .product-display .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .b2b .products-detail .product-display .page .details .inventory .in-stock, .b2b .products-detail .product-display .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .b2b .products-detail .product-display .page .details .inventory .in-stock:before, .b2b .products-detail .product-display .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .b2b .products-detail .product-display .page .details .inventory .in-stock {
      color: #10a700; }
      .b2b .products-detail .product-display .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .b2b .products-detail .product-display .page .details .inventory .out-stock {
      color: #dc3545; }
      .b2b .products-detail .product-display .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .b2b .products-detail .product-display .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-detail .product-display .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .b2b .products-detail .product-display .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .b2b .products-detail .product-display .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-detail .product-display .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .b2b .products-detail .product-display .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .b2b .products-detail .product-display .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .b2b .products-detail .product-display .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .b2b .products-detail .product-display .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .b2b .products-detail .product-display .page .details .inventory .leadtime span {
      color: #10a700; }
    .b2b .products-detail .product-display .page .details .inventory .leadtime.supp, .b2b .products-detail .product-display .page .details .inventory .pickup .preferred {
      display: block; }
    .b2b .products-detail .product-display .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .b2b .products-detail .product-display .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .b2b .products-detail .product-display .page .details .inventory .backorder .in-stock, .b2b .products-detail .product-display .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .b2b .products-detail .product-display .page .details .inventory .backorder .in-stock:before, .b2b .products-detail .product-display .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .b2b .products-detail .product-display .page .details .inventory ._labels {
      display: none !important; }
    .b2b .products-detail .product-display .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .b2b .products-detail .product-display .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .b2b .products-detail .product-display .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .b2b .products-detail .product-display .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .b2b .products-detail .product-display .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-detail .product-display .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .b2b .products-detail .product-display .page .details .inventory {
        margin-bottom: 5px; }
        .b2b .products-detail .product-display .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .b2b .products-detail .product-display .page .details .inventory .pickup:after {
          bottom: -20px; }
        .b2b .products-detail .product-display .page .details .inventory .pickup:last-child:before, .b2b .products-detail .product-display .page .details .inventory .pickup:last-child:after {
          display: none; }
        .b2b .products-detail .product-display .page .details .inventory .leadtime.supp, .b2b .products-detail .product-display .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .b2b .products-detail .product-display .page .details .inventory .leadtime.supp, .b2b .products-detail .product-display .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .b2b .products-detail .product-display .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .b2b .products-detail .product-display .page .details .branch {
    margin-left: 25px; }
    .b2b .products-detail .product-display .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .b2b .products-detail .product-display .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .b2b .products-detail .product-display .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .b2b .products-detail .product-display .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .b2b .products-detail .product-display .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .b2b .products-detail .product-display .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .b2b .products-detail .product-display .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .b2b .products-detail .product-display .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .b2b .products-detail .product-display .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .b2b .products-detail .product-display .page .details .col.price .price {
      color: #222; }
    .b2b .products-detail .product-display .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .b2b .products-detail .product-display .page .details .col.price .sale + .price, .b2b .products-detail .product-display .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .b2b .products-detail .product-display .page .details .col.price .supp {
      margin-left: 5px; }
    .b2b .products-detail .product-display .page .details .col.price .eco {
      color: #10a700; }
    .b2b .products-detail .product-display .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .b2b .products-detail .product-display .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .b2b .products-detail .product-display .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .b2b .products-detail .product-display .page .details .col.qty input, .b2b .products-detail .product-display .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .b2b .products-detail .product-display .page .details .col.qty input, .b2b .products-detail .product-display .page .details .col.qty button {
      height: 30px; }
    .b2b .products-detail .product-display .page .details .col.qty textarea {
      height: 50px; }
    .b2b .products-detail .product-display .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .b2b .products-detail .product-display .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-detail .product-display .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .b2b .products-detail .product-display .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .b2b .products-detail .product-display .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .b2b .products-detail .product-display .page .details .col.qty > span.supp, .b2b .products-detail .product-display .page .details .col.qty .available {
      line-height: 30px; }
    .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .b2b .products-detail .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .b2b .products-detail .product-display .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .b2b .products-detail .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .b2b .products-detail .product-display .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .b2b .products-detail .product-display .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-detail .product-display .page .details .add-to-cart button.add-cart, .b2b .products-detail .product-display .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .b2b .products-detail .product-display .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .b2b .products-detail .product-display .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .b2b .products-detail .product-display .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .b2b .products-detail .product-display .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .b2b .products-detail .product-display .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .b2b .products-detail .product-display .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .b2b .products-detail .product-display .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .b2b .products-detail .product-display .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .b2b .products-detail .product-display .page .details .download > a img {
        height: 1rem; }
      .b2b .products-detail .product-display .page .details .download > a i {
        font-size: 1rem; }
    .b2b .products-detail .product-display .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .b2b .products-detail .product-display .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .b2b .products-detail .product-display .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .b2b .products-detail .product-display .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .b2b .products-detail .product-display .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .b2b .products-detail .product-display .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .b2b .products-detail .product-display .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div .doc:before, .b2b .products-detail .product-display .page .details .download .modal .modal-body div .xLink:before, .b2b .products-detail .product-display .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .b2b .products-detail .product-display .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .b2b .products-detail .product-display .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-detail .product-display .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .b2b .products-detail .product-display .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .b2b .products-detail .product-display .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .b2b .products-detail .product-display .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .b2b .products-detail .product-display .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .b2b .products-detail .product-display .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .b2b .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .b2b .products-detail .product-display .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .b2b .products-detail .product-display .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .b2b .products-detail .product-display .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .b2b .products-detail .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .products-detail .product-display .page .details .inventory ._labels {
    display: none !important; }
  .b2b .products-detail .product-display .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .b2b .products-detail .product-display .page .details .col.price span {
      display: flex;
      align-items: center; }
  .b2b .products-detail .product-display .page .details .col.qty {
    max-width: 360px !important; }
    .b2b .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .products-detail .product-display .page .details .col.total {
    flex-wrap: wrap; }
    .b2b .products-detail .product-display .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .b2b .products-detail .product-display .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .b2b .products-detail .product-display .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.b2b .products-detail .product-display .page form {
  width: 100%;
  padding: 15px 0px; }
.b2b .products-detail .product-display .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .b2b .products-detail .product-display .page .details .checkbox {
    align-self: center; }
  .b2b .products-detail .product-display .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .b2b .products-detail .product-display .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .b2b .products-detail .product-display .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .b2b .products-detail .product-display .page .details .col.price, .b2b .products-detail .product-display .page .details .col.total {
    text-align: right; }
  .b2b .products-detail .product-display .page .details .ordered .qty {
    text-align: left; }
  .b2b .products-detail .product-display .page .details .col.qty {
    position: static; }
    .b2b .products-detail .product-display .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .b2b .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .b2b .products-detail .product-display .page .details .col.price .eco {
    margin-top: 3px; }
  .b2b .products-detail .product-display .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .b2b .products-detail .product-display .page .details .sp-tags {
    justify-content: flex-end; }
  .b2b .products-detail .product-display .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .b2b .products-detail .product-display .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .b2b .products-detail .product-display .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .b2b .products-detail .product-display .page .details .remove button, .b2b .products-detail .product-display .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .b2b .products-detail .product-display .page .details .remove button:hover, .b2b .products-detail .product-display .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .b2b .products-detail .product-display .page .details .remove button span, .b2b .products-detail .product-display .page .details .remove a span {
        margin-left: 3px; }
      .b2b .products-detail .product-display .page .details .remove button i, .b2b .products-detail .product-display .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .b2b .products-detail .product-display .page .details .remove button:hover i, .b2b .products-detail .product-display .page .details .remove a:hover i {
        color: #214a8c; }
    .b2b .products-detail .product-display .page .details .remove button {
      background: none; }
  .b2b .products-detail .product-display .page .details .remove, .b2b .products-detail .product-display .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .b2b .products-detail .product-display .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .b2b .products-detail .product-display .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .b2b .products-detail .product-display .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .b2b .products-detail .product-display .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .b2b .products-detail .product-display .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .b2b .products-detail .product-display .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .b2b .products-detail .product-display .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .b2b .products-detail .product-display .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .b2b .products-detail .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .b2b .products-detail .product-display .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .b2b .products-detail .product-display .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .b2b .products-detail .product-display .page .details .quote-details {
    padding-left: 100px; }
    .b2b .products-detail .product-display .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note input, .b2b .products-detail .product-display .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note input, .b2b .products-detail .product-display .page .details .quote-details .pro-note button {
        height: 30px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note p, .b2b .products-detail .product-display .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .b2b .products-detail .product-display .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .b2b .products-detail .product-display .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .b2b .products-detail .product-display .page .details:not(.dnr) {
    justify-content: space-between; }
  .b2b .products-detail .product-display .page .quote-details {
    flex-direction: row; }
  .b2b .products-detail .product-display .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .b2b .products-detail .product-display .page .details .col.price .eco {
      min-width: 100%; }
  .b2b .products-detail .product-display .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .b2b .products-detail .product-display .page .details .checkbox {
    position: absolute; }
  .b2b .products-detail .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .products-detail .product-display .page .details .col.pro-details, .b2b .products-detail .product-display .page .details .inventory, .b2b .products-detail .product-display .page .details .col.price, .b2b .products-detail .product-display .page .details .ordered, .b2b .products-detail .product-display .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .b2b .products-detail .product-display .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .b2b .products-detail .product-display .page .details .inventory, .b2b .products-detail .product-display .page .details .col.price, .b2b .products-detail .product-display .page .details .col.qty, .b2b .products-detail .product-display .page .details .ordered, .b2b .products-detail .product-display .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .b2b .products-detail .product-display .page .details .inventory {
    margin-top: 5px; }
    .b2b .products-detail .product-display .page .details .inventory .delivery .leadtime.supp, .b2b .products-detail .product-display .page .details .inventory .pickup .preferred, .b2b .products-detail .product-display .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .b2b .products-detail .product-display .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .b2b .products-detail .product-display .page .details .inventory .pickup:after {
      bottom: -20px; }
  .b2b .products-detail .product-display .page .details .ordered span.supp {
    margin-left: 5px; }
    .b2b .products-detail .product-display .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .b2b .products-detail .product-display .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .b2b .products-detail .product-display .page .details .col.price {
    min-height: 45px; }
    .b2b .products-detail .product-display .page .details .col.price .eco {
      margin-top: 0px; }
  .b2b .products-detail .product-display .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .b2b .products-detail .product-display .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .b2b .products-detail .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .b2b .products-detail .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .products-detail .product-display .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .b2b .products-detail .product-display .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .b2b .products-detail .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .b2b .products-detail .product-display .page .details .update + .note {
    left: auto;
    right: 0px; }
  .b2b .products-detail .product-display .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .b2b .products-detail .product-display .page .details .quote-details {
    flex-wrap: wrap; }
    .b2b .products-detail .product-display .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note label, .b2b .products-detail .product-display .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .b2b .products-detail .product-display .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .b2b .products-detail .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .products-detail .product-display .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .b2b .products-detail .product-display .page .details .inventory, .b2b .products-detail .product-display .page .details .col.price, .b2b .products-detail .product-display .page .details .col.qty, .b2b .products-detail .product-display .page .details .ordered, .b2b .products-detail .product-display .page .details .quote-details {
    padding-left: 0px; }
  .b2b .products-detail .product-display .page .details .col.price {
    flex-wrap: wrap; }
  .b2b .products-detail .product-display .page .details .sp-tags {
    width: 100%; }
  .b2b .products-detail .product-display .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .b2b .products-detail .product-display .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .b2b .products-detail .product-display .page .details .alert-warning {
    position: absolute; }
  .b2b .products-detail .product-display .page .details .pro-status {
    left: 0px; }
    .b2b .products-detail .product-display .page .details .pro-status:before {
      display: none; } }
.b2b .products-detail .substitutes .product-display .page .details .col.qty {
  margin-left: 7px; }

@media (min-width: 1200px) {
  .products-detail .details .product-gallery {
    max-width: calc(50% - 20px); } }
@media (max-width: 1199px) {
  .products-detail section > .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0px !important; }
  .products-detail .details {
    flex-wrap: wrap; }
    .products-detail .details .product-gallery {
      margin: 0px 0px 30px; }

  .b2c .products-detail .product-display .page form {
    width: 33.333333%; } }
@media screen and (max-width: 1200px) {
  .products-detail .widgets .nav-tabs a.nav-link {
    padding: 10px 1.1rem;
    font-size: 0.875rem; } }
@media (max-width: 991px) {
  .products-detail .product-display .page-th {
    display: none !important; }
  .products-detail .substitutes, .products-detail .recommendations {
    margin-top: 30px;
    width: 100%; }
    .products-detail .substitutes .col.qty, .products-detail .recommendations .col.qty {
      margin-left: 0px !important; }

  .widgets .nav-tabs a.nav-link {
    font-size: 0.75rem; } }
@media (min-width: 768px) {
  .products-detail .details > .text .inventory .delivery, .products-detail .details > .text .inventory .pickup {
    height: 1.75rem; }
  .products-detail .details > .text .inventory .supp {
    font-size: 0.95rem; }
  .products-detail .details > .text .inventory .pickup:before, .products-detail .details > .text .inventory .pickup:after {
    display: none; }
  .products-detail .details > .text .inventory .in-stock:before {
    font-size: 1.1rem; }
  .products-detail .details > .text .inventory .out-stock:before, .products-detail .details > .text .inventory .nonstock .out-stock:before {
    font-size: 1.25rem; } }
@media (max-width: 767px) {
  .products-detail .tab-pane {
    height: auto; }
  .products-detail .details .product-gallery {
    border: none; }
    .products-detail .details .product-gallery .made-in {
      z-index: 2;
      top: 0px;
      left: 0px; }
      .products-detail .details .product-gallery .made-in img {
        width: 50px;
        height: 50px; }
    .products-detail .details .product-gallery .product-slider {
      flex-wrap: wrap; }
      .products-detail .details .product-gallery .product-slider .content-carousel {
        max-width: 100%;
        min-width: 100%; }
      .products-detail .details .product-gallery .product-slider .owl-item {
        height: 240px;
        min-width: 100%;
        margin: 0px;
        border: none; }
        .products-detail .details .product-gallery .product-slider .owl-item img {
          width: auto;
          max-height: 200px;
          max-width: 100%; }
      .products-detail .details .product-gallery .product-slider .owl-item:only-of-type {
        display: flex; }
      .products-detail .details .product-gallery .product-slider .product-video a {
        margin: 20px 5px 0px; }
    .products-detail .details .product-gallery .owl-carousel .owl-dots button.owl-dot {
      width: 0.75rem;
      height: 0.75rem; }
  .products-detail .details .product-gallery .product-img, .products-detail .details .modal#myModal {
    display: none !important; }
  .products-detail .details > .text .title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500; }
  .products-detail .details > .text .stock-status .text {
    font-size: 0.875rem; }
  .products-detail .details > .text .stock-status .sp-tags {
    margin-left: 0px;
    margin-bottom: 10px;
    width: 100%; }
  .products-detail .details > .text .other-details > form {
    width: 100%; }
    .products-detail .details > .text .other-details > form #toolTip {
      top: calc(40px + 1px);
      left: 0px;
      width: 100%; }
      .products-detail .details > .text .other-details > form #toolTip:before {
        right: 50%; }
  .products-detail .details > .text .other-details > form:nth-child(1) {
    padding-right: 0px;
    border-bottom: 1px solid #eee;
    border-right: none; }
  .products-detail .details > .text .other-details > form:nth-child(2) {
    padding-left: 0px; }
  .products-detail .details > .text .other-details .mfg {
    width: 100%; }
  .products-detail .details > .text .other-details .mfg + .mfg {
    margin-top: 5px; }
  .products-detail .details > .text .inventory {
    flex-wrap: wrap; }
    .products-detail .details > .text .inventory .branch + span {
      margin-left: auto; }
    .products-detail .details > .text .inventory:before {
      min-width: 100%; }
    .products-detail .details > .text .inventory .available ~ .branch {
      margin-left: 0px;
      margin-top: 10px; }
    .products-detail .details > .text .inventory .available ~ .branch + span {
      margin-left: 5px;
      margin-top: 7px; }
  .products-detail .specifications.inventory .strippedTable table tr td:nth-child(odd) {
    width: 66.66%; }
  .products-detail .specifications.inventory .strippedTable table tr td:nth-child(even) {
    width: 33.333333%; }
  .products-detail .substitutes .product-display .page form {
    width: 100%;
    border-bottom: 1px solid #ddd; }

  .b2c .products-detail .product-display .page {
    flex-wrap: wrap; }
    .b2c .products-detail .product-display .page form .details {
      min-height: auto; }
      .b2c .products-detail .product-display .page form .details .col ._labels {
        display: none !important; }
  .b2c .products-detail .details > .text .inventory .in-stock, .b2c .products-detail .details > .text .inventory .out-stock, .b2c .products-detail .details > .text .inventory .nonstock {
    padding-right: 0px; } }
.products-listing .breadcrumbs {
  background: #f1f1f1; }
  .products-listing .breadcrumbs ul {
    border: none; }
.products-listing .header {
  background: #f1f1f1;
  margin: 0px;
  padding-bottom: 15px;
  max-width: 100% !important; }
  .products-listing .header .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    padding: 0px;
    line-height: 2.5rem;
    margin: 0px auto; }
    @media (max-width: 991px) {
      .products-listing .header .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    @media (max-width: 991px) {
      .products-listing .header .pg-title {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; } }
    @media (min-width: 992px) {
      .products-listing .header .pg-title {
        max-width: calc(100% - 30px);
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 1440px) {
      .products-listing .header .pg-title {
        max-width: 1400px; } }
    @media (min-width: 1640px) {
      .products-listing .header .pg-title {
        max-width: 1600px; } }
    .products-listing .header .pg-title:after {
      display: block;
      width: 50px;
      border-bottom: 3px solid #214a8c;
      content: "";
      padding-top: 10px; }
    .products-listing .header .pg-title span {
      font-weight: 300; }
.products-listing section {
  margin: 40px auto;
  padding: 0px;
  position: relative; }
  @media (max-width: 991px) {
    .products-listing section {
      margin: 15px auto; } }
  .products-listing section h2 {
    margin-bottom: 10px; }
  .products-listing section h2, .products-listing section h5, .products-listing section .nav-tabs a.nav-link {
    color: #222;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto; }
    .products-listing section h2 span, .products-listing section h5 span, .products-listing section .nav-tabs a.nav-link span {
      color: #214a8c;
      text-transform: uppercase;
      word-break: break-word; }
  .products-listing section h5:after {
    display: none; }
  .products-listing section h5, .products-listing section .nav-tabs a.nav-link {
    margin-bottom: 0px;
    padding: 15px 30px;
    display: inline-block;
    background: #f1f1f1;
    line-height: 1.25rem; }
    .products-listing section h5.active, .products-listing section .nav-tabs a.nav-link.active {
      border: none; }
  @media (max-width: 991px) {
    .products-listing section h2, .products-listing section h5, .products-listing section .nav-tabs a.nav-link {
      font-size: 1rem; }
    .products-listing section h5, .products-listing section .nav-tabs a.nav-link {
      padding: 7px 15px;
      line-height: 1rem; } }
.products-listing section:first-of-type {
  margin-top: 40px; }
.products-listing form {
  margin: 20px auto;
  padding: 0px;
  background: none;
  /* ALL SUBMIT BUTTON STYLES */ }
  .products-listing form .field-validation-error:not(.text-danger), .products-listing form .field-validation-valid:not(.text-danger) {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    display: flex; }
    .products-listing form .field-validation-error:not(.text-danger) span, .products-listing form .field-validation-valid:not(.text-danger) span {
      border: 1px solid #ff9933;
      color: #de6e00;
      padding: 5px;
      display: flex;
      margin-top: 10px; }
  .products-listing form .field-validation-error {
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif; }
  .products-listing form .field-validation-error.global {
    margin-bottom: 20px;
    color: #dc3545;
    background: #feeeef;
    border: 1px solid #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    min-height: 50px; }
    .products-listing form .field-validation-error.global:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      font-size: 1.5rem;
      padding-right: 10px;
      content: "\e902";
      color: #dc3545; }
    @media (min-width: 1200px) {
      .products-listing form .field-validation-error.global {
        margin: 0px 80px 30px; } }
  .products-listing form .validation-summary-error {
    width: 100%;
    margin-bottom: 30px;
    margin: 0px; }
    .products-listing form .validation-summary-error ul {
      margin: 0px;
      padding: 0px; }
    .products-listing form .validation-summary-error ul li, .products-listing form .validation-summary-error span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-listing form .validation-summary-error ul li:before, .products-listing form .validation-summary-error span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-listing form .validation-summary-error ul li span, .products-listing form .validation-summary-error span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-listing form .validation-summary-error ul li span + span:before, .products-listing form .validation-summary-error span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-listing form .validation-summary-error {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-listing form .validation-summary-error ul li, .products-listing form .validation-summary-error span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-listing form .validation-summary-error ul li, .products-listing form .validation-summary-error span {
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545; }
      .products-listing form .validation-summary-error ul li:before, .products-listing form .validation-summary-error span:before {
        content: "\e902";
        color: #dc3545; }
    .products-listing form .validation-summary-error ul li {
      margin-bottom: 20px; }
  .products-listing form .validation-summary-success {
    width: 100%;
    margin-bottom: 30px; }
    .products-listing form .validation-summary-success ul {
      margin: 0px;
      padding: 0px; }
    .products-listing form .validation-summary-success ul li, .products-listing form .validation-summary-success span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-listing form .validation-summary-success ul li:before, .products-listing form .validation-summary-success span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-listing form .validation-summary-success ul li span, .products-listing form .validation-summary-success span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-listing form .validation-summary-success ul li span + span:before, .products-listing form .validation-summary-success span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-listing form .validation-summary-success {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-listing form .validation-summary-success ul li, .products-listing form .validation-summary-success span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-listing form .validation-summary-success ul li {
      color: #10a700;
      background: #f5fefa;
      border: 1px solid #10a700; }
      .products-listing form .validation-summary-success ul li:before {
        content: "\e92c";
        color: #10a700; }
  .products-listing form .alert-success {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #b0e9b0;
    color: #10a700;
    background: #f5fefa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    text-align: center;
    border-radius: 0px; }
    .products-listing form .alert-success ul {
      margin: 0px;
      padding: 0px; }
    .products-listing form .alert-success ul li, .products-listing form .alert-success span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      list-style: none;
      font-size: 0.875rem; }
      .products-listing form .alert-success ul li:before, .products-listing form .alert-success span:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px; }
      .products-listing form .alert-success ul li span, .products-listing form .alert-success span span {
        font-weight: 600;
        padding-left: 3px; }
      .products-listing form .alert-success ul li span + span:before, .products-listing form .alert-success span span + span:before {
        content: ",";
        padding-right: 3px; }
    @media (min-width: 1200px) {
      .products-listing form .alert-success {
        padding: 0px 60px; } }
    @media (max-width: 991px) {
      .products-listing form .alert-success ul li, .products-listing form .alert-success span {
        line-height: 1.2rem;
        display: inline-block;
        text-align: center;
        width: 100%; } }
    .products-listing form .alert-success .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-listing form .alert-success p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-listing form .alert-success {
        padding: 5px;
        margin: 10px auto; }
        .products-listing form .alert-success p {
          font-size: 0.8rem; }
        .products-listing form .alert-success .alert-heading {
          font-size: 0.875rem; } }
  .products-listing form .e-group {
    margin: 0px auto; }
  .products-listing form .e-row {
    text-align: left;
    position: relative;
    margin-bottom: 30px; }
    .products-listing form .e-row .links {
      margin-top: 3px;
      text-align: right; }
  .products-listing form .select {
    position: relative; }
    .products-listing form .select label {
      display: inherit; }
      .products-listing form .select label:after {
        top: 7px;
        background: #fff;
        right: 0px; }
    .products-listing form .select select {
      border: 1px solid #aaa;
      background: #fff !important;
      padding: 0px 10px; }
  .products-listing form input[type="number"], .products-listing form input[type="number"]::-webkit-inner-spin-button, .products-listing form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield; }
  .products-listing form select, .products-listing form input, .products-listing form button {
    height: 50px; }
  .products-listing form select, .products-listing form textarea, .products-listing form input {
    color: #222;
    background: #f1f1f1 !important;
    border-color: #f1f1f1;
    background-image: no-repeat;
    font-size: 0.95rem;
    border-radius: 0px;
    filter: none;
    padding: 5px 10px; }
  .products-listing form select:focus, .products-listing form textarea:focus, .products-listing form input:focus {
    border-color: #214a8c !important;
    box-shadow: none; }
  .products-listing form p.note {
    text-align: left;
    margin-bottom: 20px; }
  .products-listing form p.center {
    text-align: center;
    line-height: 30px; }
  .products-listing form p.mandatory {
    text-align: center;
    margin-bottom: 15px; }
  .products-listing form p.mandatory, .products-listing form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
    font-size: 0.875rem;
    margin-bottom: 5px; }
    .products-listing form p.mandatory span, .products-listing form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
      color: #214a8c;
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
  .products-listing form p.supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #aaa;
    margin: 5px 0px 0px;
    text-align: right;
    position: absolute;
    right: 0px;
    text-transform: lowercase; }
  .products-listing form p.sub-title {
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    font-size: 0.95rem;
    color: #666;
    display: block;
    margin: 20px 0px;
    color: #222;
    text-align: left; }
  .products-listing form p.mandatory + .submit-btn {
    margin-top: 10px; }
  .products-listing form label.e-label:after {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-left: 5px;
    left: 0px;
    font-weight: 400;
    color: #666;
    background: #f1f1f1;
    left: inherit;
    position: absolute;
    right: calc(15px - 3px);
    top: calc(40px - 2px);
    padding-left: 5px; }
  .products-listing form label.user:after {
    content: "\e9f1"; }
  .products-listing form label.password:after {
    content: "\e987"; }
  .products-listing form label.email:after {
    content: "\e98a"; }
  .products-listing form label.search:after {
    content: "\e9c1"; }
  .products-listing form label.box1:after {
    content: "\e9a2"; }
  .products-listing form label.home:after {
    content: "\e979"; }
  .products-listing form label.phone:after {
    content: "\e9a7"; }
  .products-listing form label.mobile:after {
    content: "\e9d2"; }
  .products-listing form label.flag:after {
    content: "\e967"; }
  .products-listing form label.address:after {
    content: "\e98b"; }
  .products-listing form label.postal:after {
    content: "\e98c"; }
  .products-listing form label.dnArw:after {
    content: "\e92e";
    pointer-events: none;
    font-size: calc(1.25rem + 0.05rem + 0.05rem); }
  .products-listing form label.doc1:after {
    content: "\e938"; }
  .products-listing form label.hash:after {
    content: "\e975"; }
  .products-listing form label.dollar:after {
    content: "\e954"; }
  .products-listing form label.msg1:after {
    content: "\e990"; }
  .products-listing form label.percent:after {
    content: "\e9a6"; }
  .products-listing form .submit-btn {
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem; }
    .products-listing form .submit-btn:hover, .products-listing form .submit-btn:focus {
      background: #08285c !important;
      border: none; }
    .products-listing form .submit-btn a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    .products-listing form .submit-btn:focus {
      outline-style: none; }
  .products-listing form .btn-sml {
    background: #214a8c !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-family: "Poppins", sans-serif;
    width: 200px;
    text-transform: uppercase;
    margin: 40px auto;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: none;
    white-space: normal;
    line-height: 1rem;
    padding: 3px 5px;
    height: 30px;
    font-size: 0.75rem;
    margin: 0px;
    line-height: 10px; }
    .products-listing form .btn-sml:hover, .products-listing form .btn-sml:focus {
      background: #08285c !important;
      border: none; }
    .products-listing form .btn-sml a {
      color: #fff;
      padding: 15px;
      width: 100%; }
    .products-listing form .btn-sml:focus {
      outline-style: none; }
  .products-listing form .btn-sml + .btn-sml {
    margin-left: 10px; }
  .products-listing form .btn-red {
    background: #214a8c !important;
    color: #fff; }
    .products-listing form .btn-red:hover, .products-listing form .btn-red:focus {
      background: #08285c !important;
      border: none; }
  .products-listing form .btn-dark {
    background: #aaa !important;
    color: #fff; }
    .products-listing form .btn-dark:hover, .products-listing form .btn-dark:focus {
      background: #666 !important;
      color: #fff; }
  .products-listing form .btn-dark-bdr {
    background: #fff !important;
    border: 1px solid #666;
    color: #666; }
    .products-listing form .btn-dark-bdr:hover, .products-listing form .btn-dark-bdr:focus {
      background: #666 !important;
      color: #fff !important; }
  .products-listing form .btn-darker-bdr {
    background: #fff !important;
    border: 1px solid #222;
    color: #222; }
    .products-listing form .btn-darker-bdr:hover, .products-listing form .btn-darker-bdr:focus {
      background: #fff !important;
      color: #214a8c !important;
      border: 1px solid #214a8c; }
  .products-listing form .btn-brand-bdr {
    background: #fff !important;
    border: 1px solid #214a8c;
    color: #214a8c !important; }
    .products-listing form .btn-brand-bdr:hover, .products-listing form .btn-brand-bdr:focus {
      background: #08285c !important;
      color: #fff !important; }
  .products-listing form input.disabled, .products-listing form a.disabled, .products-listing form input.htmx-request {
    background: #eee !important;
    cursor: default;
    pointer-events: none; }
  .products-listing form input.input-validation-error, .products-listing form input.cable-error {
    border-color: #ff9933;
    -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
    -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
    box-shadow: inset 0px 0px 1px 3px #fff3cd; }
  .products-listing form .btn-sml.add-more {
    margin-left: 10px; }
    .products-listing form .btn-sml.add-more i {
      font-size: 1rem;
      margin-left: 5px; }
    .products-listing form .btn-sml.add-more:hover i {
      color: #214a8c; }
  .products-listing form .btn-sml.add-cart, .products-listing form .btn-sml.add-more, .products-listing form .btn-sml.add-cart > a {
    width: 120px;
    min-width: auto;
    max-width: auto; }
  .products-listing form .add-more {
    background: #fff !important;
    border: 1px solid #222;
    color: #222; }
    .products-listing form .add-more:hover, .products-listing form .add-more:focus {
      background: #fff !important;
      color: #214a8c !important;
      border: 1px solid #214a8c; }
  .products-listing form .add-cart {
    background: #214a8c !important;
    color: #fff; }
    .products-listing form .add-cart:hover, .products-listing form .add-cart:focus {
      background: #08285c !important;
      border: none; }
  .products-listing form .add-cart.disabled {
    background: #eee !important;
    cursor: default;
    pointer-events: none; }
  .products-listing form .add-more.disabled, .products-listing form .btn-brand-bdr.disabled {
    color: #ccc !important;
    cursor: default;
    pointer-events: none;
    border-color: #ccc; }
  .products-listing form .links {
    text-align: center; }
    .products-listing form .links a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      color: #666;
      color: #666;
      text-decoration: underline; }
      .products-listing form .links a:hover {
        color: #214a8c;
        text-decoration: none; }
      .products-listing form .links a:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .products-listing form .e-row.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
  .products-listing form .e-row input ~ .checkbox {
    margin-top: 10px; }
  .products-listing form .e-row.deactive select, .products-listing form .e-row.deactive textarea, .products-listing form .e-row.deactive input {
    background: #ddd !important;
    border-color: #ccc;
    color: #aaa; }
  .products-listing form .e-row.deactive label.e-label:after {
    background: #ddd;
    color: #aaa; }
  .products-listing form .e-group.row .e-row {
    width: calc(50% - 20px); }
  .products-listing form .e-group.row .e-row:nth-child(odd) {
    margin-right: 20px; }
  .products-listing form .e-group.row .e-row:nth-child(even) {
    margin-left: 20px; }
  .products-listing form .duo {
    display: flex;
    align-items: center;
    justify-content: center; }
    .products-listing form .duo input, .products-listing form .duo a {
      margin: 0px; }
    .products-listing form .duo input + a, .products-listing form .duo input + input {
      margin-left: 20px; }
  .products-listing form .uom-dpdn {
    position: relative; }
    .products-listing form .uom-dpdn label {
      display: inherit; }
      .products-listing form .uom-dpdn label:after {
        top: 7px;
        background: #fff;
        right: 0px; }
    .products-listing form .uom-dpdn select {
      border: 1px solid #aaa;
      background: #fff !important;
      padding: 0px 10px; }
    .products-listing form .uom-dpdn label:after {
      top: 1px;
      font-size: 1rem;
      right: 5px;
      height: calc(30px - 2px);
      line-height: calc(30px - 2px);
      width: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px; }
    .products-listing form .uom-dpdn select {
      font-family: "Open Sans", sans-serif;
      font-size: 0.8rem;
      padding: 0px 5px;
      height: 30px;
      width: 100%; }
    .products-listing form .uom-dpdn select {
      border-left: none;
      width: 75px; }
  @media (max-width: 991px) {
    .products-listing form {
      margin: 10px auto; }
      .products-listing form label.e-label:after {
        right: calc(15px - 5px);
        top: calc(40px - 2px); }
      .products-listing form .e-row {
        margin-bottom: 20px; }
      .products-listing form p.supp + .field-validation-error {
        margin-top: 20px;
        display: block; }
      .products-listing form .uom-dpdn label.e-label:after {
        right: 5px;
        top: 1px; } }
.products-listing .widgets {
  max-width: 100%;
  flex: 0 0 100%; }
  .products-listing .widgets .nav-tabs a.nav-link {
    padding: 10px 30px;
    font-size: 0.95rem; }
  .products-listing .widgets .tab-content {
    margin-bottom: 40px; }
.products-listing .slide-out {
  border: 1px solid #ccc;
  position: relative;
  margin-top: 10px;
  margin: 0px auto; }
  .products-listing .slide-out .mode {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 15px;
    height: 45px; }
  .products-listing .slide-out .mode + .mode {
    border-left: none; }
  .products-listing .slide-out .e-row.select {
    padding: 0px;
    margin-bottom: 0px; }
    .products-listing .slide-out .e-row.select label.dnArw:after {
      background: #fff !important;
      top: 7px; }
    .products-listing .slide-out .e-row.select select {
      border: none;
      height: calc(45px - 2px); }
    .products-listing .slide-out .e-row.select p.supp {
      bottom: -20px; }
  @media (max-width: 767px) {
    .products-listing .slide-out {
      flex-wrap: wrap;
      min-width: 100%; }
      .products-listing .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
        border-top: none; }
      .products-listing .slide-out .mode:nth-child(3) {
        border-left: 1px solid #666; } }
  .products-listing .slide-out div.center {
    padding: 10px 0px; }
  .products-listing .slide-out .mode-selection {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px 15px; }
    .products-listing .slide-out .mode-selection .mode {
      height: auto;
      padding: 0px;
      width: 100%; }
      .products-listing .slide-out .mode-selection .mode .parent1 input, .products-listing .slide-out .mode-selection .mode .parent1 textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .products-listing .slide-out .mode-selection .mode .parent1 input, .products-listing .slide-out .mode-selection .mode .parent1 button {
        height: 30px; }
      .products-listing .slide-out .mode-selection .mode .parent1 textarea {
        height: 50px; }
      .products-listing .slide-out .mode-selection .mode .parent2 {
        position: relative; }
        .products-listing .slide-out .mode-selection .mode .parent2 label {
          display: inherit; }
          .products-listing .slide-out .mode-selection .mode .parent2 label:after {
            top: 7px;
            background: #fff;
            right: 0px; }
        .products-listing .slide-out .mode-selection .mode .parent2 select {
          border: 1px solid #aaa;
          background: #fff !important;
          padding: 0px 10px; }
        .products-listing .slide-out .mode-selection .mode .parent2 label:after {
          top: 1px;
          font-size: 1rem;
          right: 5px;
          height: calc(30px - 2px);
          line-height: calc(30px - 2px);
          width: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px; }
        .products-listing .slide-out .mode-selection .mode .parent2 select {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          padding: 0px 5px;
          height: 30px;
          width: 100%; }
      .products-listing .slide-out .mode-selection .mode .parent1, .products-listing .slide-out .mode-selection .mode .parent2 {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .products-listing .slide-out .mode-selection .mode .parent1 input, .products-listing .slide-out .mode-selection .mode .parent1 select, .products-listing .slide-out .mode-selection .mode .parent2 input, .products-listing .slide-out .mode-selection .mode .parent2 select {
          min-width: 170px; }
      .products-listing .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
        color: #222; }
      .products-listing .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
        color: #222; }
      .products-listing .slide-out .mode-selection .mode .custom-input:checked ~ p {
        color: #222; }
      .products-listing .slide-out .mode-selection .mode .custom-radiobox {
        flex-wrap: wrap;
        width: 100%; }
        .products-listing .slide-out .mode-selection .mode .custom-radiobox p {
          color: #666; }
        .products-listing .slide-out .mode-selection .mode .custom-radiobox span, .products-listing .slide-out .mode-selection .mode .custom-radiobox p {
          line-height: 30px; }
    .products-listing .slide-out .mode-selection p.center {
      padding: 0px 15px;
      margin: 0px; }
    .products-listing .slide-out .mode-selection > input[type="image"], .products-listing .slide-out .mode-selection a.cancel, .products-listing .slide-out .mode-selection a.cancel[aria-expanded="true"] {
      height: 25px;
      background: none !important;
      margin: 10px 5px 0px;
      padding: 0px;
      width: auto;
      border: none; }
      .products-listing .slide-out .mode-selection > input[type="image"]:hover, .products-listing .slide-out .mode-selection > input[type="image"]:focus, .products-listing .slide-out .mode-selection a.cancel:hover, .products-listing .slide-out .mode-selection a.cancel:focus, .products-listing .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .products-listing .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
        background: none !important;
        border: none !important; }
      .products-listing .slide-out .mode-selection > input[type="image"].disabled, .products-listing .slide-out .mode-selection a.cancel.disabled, .products-listing .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
        filter: grayscale(100%);
        pointer-events: none;
        cursor: default;
        opacity: 0.25; }
    .products-listing .slide-out .mode-selection > a.cancel img {
      height: 25px; }
    .products-listing .slide-out .mode-selection > a.cancel:after {
      display: none; }
  @media (max-width: 767px) {
    .products-listing .slide-out {
      padding: 0px; }
      .products-listing .slide-out .mode-selection {
        flex-wrap: wrap;
        padding: 15px; } }
  @media (min-width: 768px) {
    .products-listing .slide-out .mode-selection .mode {
      width: inherit; }
      .products-listing .slide-out .mode-selection .mode .custom-radiobox {
        flex-wrap: nowrap;
        width: inherit; }
      .products-listing .slide-out .mode-selection .mode .parent1, .products-listing .slide-out .mode-selection .mode .parent2 {
        max-width: inherit;
        flex: 0 0 auto;
        margin-left: 15px; }
    .products-listing .slide-out .mode-selection > input[type="image"], .products-listing .slide-out .mode-selection a.cancel, .products-listing .slide-out .mode-selection a.cancel[aria-expanded="true"] {
      margin-top: 0px; } }
  .products-listing .slide-out:before {
    right: calc(160px + 20px); }
.products-listing .custom-radiobox {
  cursor: pointer;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex; }
  .products-listing .custom-radiobox .custom-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .products-listing .custom-radiobox p {
    margin: 0px;
    padding-left: 20px;
    color: #666; }
    .products-listing .custom-radiobox p span {
      display: block;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
  .products-listing .custom-radiobox .custom-input:checked ~ p {
    color: #222; }
  .products-listing .custom-radiobox .facet-value {
    font-size: 0.875rem; }
  .products-listing .custom-radiobox .custom-input:checked ~ .facet-value {
    color: #222;
    text-decoration: underline; }
  .products-listing .custom-radiobox .custom-input:checked ~ select {
    color: #222; }
  .products-listing .custom-radiobox:hover p {
    color: #214a8c; }
  .products-listing .custom-radiobox:hover span {
    border-color: #214a8c;
    /*&:before{color:$brand-color;}*/ }
  .products-listing .custom-radiobox .custom-radio:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    left: -2px;
    content: "\e937";
    color: #aaa; }
  .products-listing .custom-radiobox .custom-input:checked ~ .custom-radio:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92c";
    color: #214a8c; }
  .products-listing .custom-radiobox p {
    padding-left: 0px;
    line-height: 0.95rem; }
.products-listing .custom-checkbox {
  cursor: pointer;
  margin: 0px;
  display: flex;
  align-items: center; }
  .products-listing .custom-checkbox .custom-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .products-listing .custom-checkbox p {
    margin: 0px;
    padding-left: 20px;
    color: #666; }
    .products-listing .custom-checkbox p span {
      display: block;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
  .products-listing .custom-checkbox .custom-input:checked ~ p {
    color: #222; }
  .products-listing .custom-checkbox .facet-value {
    font-size: 0.875rem; }
  .products-listing .custom-checkbox .custom-input:checked ~ .facet-value {
    color: #222;
    text-decoration: underline; }
  .products-listing .custom-checkbox .custom-input:checked ~ select {
    color: #222; }
  .products-listing .custom-checkbox:hover p {
    color: #214a8c; }
  .products-listing .custom-checkbox:hover span {
    border-color: #214a8c;
    /*&:before{color:$brand-color;}*/ }
  .products-listing .custom-checkbox .custom-check {
    position: absolute;
    width: 15px;
    height: 15px;
    left: auto;
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
    -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
    box-shadow: inset 1px 1px 2px 0px #ddd;
    border: 1px solid #aaa; }
  .products-listing .custom-checkbox .custom-input:checked ~ .custom-check {
    -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
    -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
    box-shadow: inset 0px 0px 0px 0px #ddd;
    border: none; }
  .products-listing .custom-checkbox .custom-input:checked ~ .custom-check:before {
    font-family: "Feather";
    color: #214a8c;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-size: 1.1rem;
    padding-right: 5px;
    right: 0px;
    font-weight: 400;
    content: "\e92d";
    top: -6px;
    font-size: 1.1rem;
    left: -1px;
    color: #214a8c; }
  .products-listing .custom-checkbox p span {
    line-height: 1.2; }
.products-listing .listing {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  position: relative; }
  .products-listing .listing .page-th > .col, .products-listing .listing .page .details > .col {
    padding-left: 0px;
    padding-right: 0px; }
  .products-listing .listing .page-th .price, .products-listing .listing .page-th .qty, .products-listing .listing .page .details .price, .products-listing .listing .page .details .qty {
    text-align: right; }
  .products-listing .listing .page-th .col.price, .products-listing .listing .page-th .ordered, .products-listing .listing .page .details .col.price, .products-listing .listing .page .details .ordered {
    max-width: 13.33%; }
  .products-listing .listing .page-th .inventory, .products-listing .listing .page .details .inventory {
    max-width: 20%; }
  .products-listing .listing .page-th .col.qty, .products-listing .listing .page-th .col.total, .products-listing .listing .page .details .col.qty, .products-listing .listing .page .details .col.total {
    max-width: 16.666667%; }
  .products-listing .listing .page-th {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 7px 0px;
    letter-spacing: 0.25px;
    font-size: 0.875rem;
    width: 100%;
    align-items: center; }
    .products-listing .listing .page-th .col {
      word-break: break-word;
      line-height: 25px; }
    .products-listing .listing .page-th > .col:first-of-type {
      padding-left: 15px; }
    .products-listing .listing .page-th > .col:last-of-type {
      text-align: right;
      padding-right: 15px; }
  .products-listing .listing .page > form {
    margin: 0px; }
  .products-listing .listing .page .details {
    padding: 15px 0px;
    align-items: center;
    margin-top: 0px;
    position: relative; }
    .products-listing .listing .page .details .location {
      padding: 3px 5px;
      border: 1px solid #aaa;
      display: inline-block;
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.25px;
      line-height: normal;
      color: #666;
      margin-right: 10px;
      margin-bottom: 10px; }
    .products-listing .listing .page .details .time, .products-listing .listing .page .details .type {
      font-weight: 600; }
    .products-listing .listing .page .details .icon {
      text-align: right;
      font-size: 1.5rem;
      padding-right: 10px; }
      .products-listing .listing .page .details .icon a {
        color: #214a8c;
        display: block; }
    .products-listing .listing .page .details .submit {
      text-align: right;
      padding-right: 0px;
      display: flex;
      justify-content: flex-end; }
      .products-listing .listing .page .details .submit input, .products-listing .listing .page .details .submit button {
        background: none !important;
        border-color: #fff;
        border: none;
        left: 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        cursor: pointer;
        position: relative;
        height: 25px; }
      .products-listing .listing .page .details .submit input {
        padding: 3px 15px; }
      .products-listing .listing .page .details .submit button {
        padding: 0px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
  .products-listing .listing .page .total {
    text-align: right;
    color: #222;
    font-weight: 600; }
  .products-listing .listing .page .details + .actions a .fe-download, .products-listing .listing .page .details + .actions a span, .products-listing .listing .page .details + .sub-total .actions a .fe-download, .products-listing .listing .page .details + .sub-total .actions a span {
    color: #214a8c; }
  .products-listing .listing .summary .page-th > .col {
    text-align: left; }
  .products-listing .listing .summary .page .details {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    flex-wrap: wrap;
    background: #fff; }
    .products-listing .listing .summary .page .details > .col {
      display: flex;
      justify-content: space-between;
      margin-bottom: 3px;
      text-align: left; }
    .products-listing .listing .summary .page .details > .col .left {
      display: flex;
      align-items: center;
      line-height: 1rem; }
    .products-listing .listing .summary .page .details .eco .right {
      color: #10a700; }
    .products-listing .listing .summary .page .details .discount .right {
      color: #dc3545; }
      .products-listing .listing .summary .page .details .discount .right:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "-";
        padding-right: 2px;
        line-height: 1rem;
        color: #dc3545; }
    .products-listing .listing .summary .page .details .total {
      border-top: 1px solid #ccc;
      margin: 10px auto 0px;
      padding-top: 10px;
      align-items: center; }
      .products-listing .listing .summary .page .details .total .left {
        font-weight: 600; }
      .products-listing .listing .summary .page .details .total .right {
        font-size: 1.25rem; }
    .products-listing .listing .summary .page .details .sub-total .right, .products-listing .listing .summary .page .details .items .right {
      color: #222; }
    .products-listing .listing .summary .page .details .sub-total .right, .products-listing .listing .summary .page .details .items .right, .products-listing .listing .summary .page .details .saving .right {
      font-weight: 700;
      font-size: 1rem; }
    .products-listing .listing .summary .page .details .saving {
      color: #10a700;
      margin-top: 10px; }
    .products-listing .listing .summary .page .details .supp {
      text-align: left;
      color: #666;
      font-size: 0.75rem; }
    .products-listing .listing .summary .page .details form {
      margin: 0px;
      width: 100%; }
    .products-listing .listing .summary .page .details .e-row {
      padding-bottom: 15px;
      margin-bottom: 0px; }
      .products-listing .listing .summary .page .details .e-row input[type="text"], .products-listing .listing .summary .page .details .e-row textarea {
        background: #fff !important;
        border-color: #ccc; }
      .products-listing .listing .summary .page .details .e-row input[type="image"] {
        position: absolute;
        right: 0px;
        bottom: 15px;
        width: 50px;
        border: 1px solid #214a8c;
        margin: 0px;
        padding: 15px;
        min-width: auto; }
      .products-listing .listing .summary .page .details .e-row p.note {
        margin: 0px; }
      .products-listing .listing .summary .page .details .e-row label.e-label {
        font-size: 0.8rem; }
    .products-listing .listing .summary .page .details .col.total {
      max-width: 100%; }
    .products-listing .listing .summary .page .details .submit-btn {
      margin: 10px auto;
      max-width: 240px;
      width: 100%; }
    .products-listing .listing .summary .page .details.save-cart .submit-btn {
      margin-bottom: 0px; }
  .products-listing .listing .summary .page .details.proceed .e-group, .products-listing .listing .summary .page .details.proceed form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px;
    width: 100%; }
    .products-listing .listing .summary .page .details.proceed .e-group .add-cart, .products-listing .listing .summary .page .details.proceed form .add-cart {
      width: 240px; }
    .products-listing .listing .summary .page .details.proceed .e-group .add-more, .products-listing .listing .summary .page .details.proceed form .add-more {
      width: 240px;
      height: 50px;
      margin: 10px 0px;
      font-size: 1rem; }
      .products-listing .listing .summary .page .details.proceed .e-group .add-more i, .products-listing .listing .summary .page .details.proceed form .add-more i {
        font-size: 1.25rem; }
    .products-listing .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .products-listing .listing .summary .page .details.proceed form .add-more.btn-sml:before {
      display: none; }
  .products-listing .listing .summary .page .details.proceed .e-row {
    padding-bottom: 0px;
    width: 100%; }
    .products-listing .listing .summary .page .details.proceed .e-row a:hover {
      color: #fff; }
  .products-listing .listing .summary .page .details.proceed .supp {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .products-listing .listing .summary .page .details.proceed .supp a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline;
      margin-left: 5px; }
      .products-listing .listing .summary .page .details.proceed .supp a:hover {
        color: #214a8c;
        text-decoration: none; }
  .products-listing .listing .summary .page .details.proceed .slide-out {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px auto;
    border: none;
    margin-top: 1px; }
    .products-listing .listing .summary .page .details.proceed .slide-out .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .products-listing .listing .summary .page .details.proceed .slide-out .mode + .mode {
      border-left: none; }
    .products-listing .listing .summary .page .details.proceed .slide-out .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .products-listing .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .products-listing .listing .summary .page .details.proceed .slide-out {
        flex-wrap: wrap;
        min-width: 100%; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .products-listing .listing .summary .page .details.proceed .slide-out div.center {
      padding: 10px 0px; }
    .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 0px 15px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
        height: auto;
        padding: 0px;
        width: 100%; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
          height: 30px; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
          height: 50px; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          position: relative; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
            display: inherit; }
            .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
            min-width: 170px; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
          color: #222; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
          color: #222; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
          color: #222; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
          flex-wrap: wrap;
          width: 100%; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            color: #666; }
          .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
            line-height: 30px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
        padding: 0px 15px;
        margin: 0px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
        height: 25px;
        background: none !important;
        margin: 10px 5px 0px;
        padding: 0px;
        width: auto;
        border: none; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
          background: none !important;
          border: none !important; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
          filter: grayscale(100%);
          pointer-events: none;
          cursor: default;
          opacity: 0.25; }
      .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
        height: 25px; }
      .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
        display: none; }
    @media (max-width: 767px) {
      .products-listing .listing .summary .page .details.proceed .slide-out {
        padding: 0px; }
        .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection {
          flex-wrap: wrap;
          padding: 15px; } }
    .products-listing .listing .summary .page .details.proceed .slide-out .mode-selection {
      flex-wrap: wrap; }
  .products-listing .listing .summary .page .details.proceed .custom-radiobox {
    height: auto; }
  .products-listing .listing .summary .page .details.proceed p.center {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 0px; }
  .products-listing .listing .summary .page .details.proceed .e-row + .supp.text-center {
    margin: -10px auto 10px; }
  .products-listing .listing .summary .page .details.proceed.sticky-div form {
    width: auto; }
  .products-listing .listing #accordion, .products-listing .listing #braidAccordian {
    flex-wrap: wrap; }
    .products-listing .listing #accordion .title-link, .products-listing .listing #braidAccordian .title-link {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center;
      padding: 10px 15px;
      text-align: left;
      cursor: pointer;
      line-height: normal;
      text-transform: capitalize; }
      .products-listing .listing #accordion .title-link .col, .products-listing .listing #braidAccordian .title-link .col {
        word-break: break-word;
        line-height: 25px; }
    .products-listing .listing #accordion .title-link.collapsed, .products-listing .listing #braidAccordian .title-link.collapsed {
      color: #666; }
    .products-listing .listing #accordion .title-link:after, .products-listing .listing #braidAccordian .title-link:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e996";
      color: #666;
      line-height: calc(20px + 2px);
      float: right; }
    .products-listing .listing #accordion .title-link.collapsed:after, .products-listing .listing #braidAccordian .title-link.collapsed:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      content: "\e9b1";
      color: #666; }
    .products-listing .listing #accordion .title-link + .collapse + .title-link, .products-listing .listing #braidAccordian .title-link + .collapse + .title-link {
      border-top: none; }
    .products-listing .listing #accordion .collapse:not(.show), .products-listing .listing #braidAccordian .collapse:not(.show) {
      display: none; }
    .products-listing .listing #accordion .details, .products-listing .listing #braidAccordian .details {
      width: 100%;
      border: 1px solid #ccc;
      border-top: none; }
  .products-listing .listing .td-1 {
    max-width: 8.33%; }
  .products-listing .listing .td-2 {
    max-width: 16.666667%; }
  .products-listing .listing .td-3 {
    max-width: 25%; }
  .products-listing .listing .td-4 {
    max-width: 33.333333%; }
  .products-listing .listing .td-5 {
    max-width: 41.666667%; }
  .products-listing .listing .td-6 {
    max-width: 50%; }
  .products-listing .listing .td-7 {
    max-width: 58.33%; }
  .products-listing .listing .td-8 {
    max-width: 66.66%; }
  .products-listing .listing .td-9 {
    max-width: 75%; }
  .products-listing .listing .td-10 {
    max-width: 83.33333333%; }
  .products-listing .listing .td-11 {
    max-width: 91.66666667%; }
  .products-listing .listing .td-12 {
    max-width: 100%;
    flex: 0 0 100%; }
  .products-listing .listing .center {
    text-align: center; }
  .products-listing .listing .right {
    justify-content: flex-end;
    text-align: right;
    padding: 0px; }
  .products-listing .listing .left {
    align-items: self-start;
    text-align: left;
    padding: 0px; }
  .products-listing .listing .col-9.left {
    padding-right: 20px; }
  .products-listing .listing .actions {
    font-size: 0.875rem;
    flex-wrap: wrap;
    background: #fff;
    /* EXPLORER ONLY */ }
    .products-listing .listing .actions .results {
      color: #222; }
      .products-listing .listing .actions .results span {
        margin-right: 5px;
        font-weight: 600; }
    .products-listing .listing .actions .search {
      margin: 0px auto;
      padding: 0px;
      max-width: 50%;
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      justify-content: center; }
      .products-listing .listing .actions .search input, .products-listing .listing .actions .search button {
        border-radius: 0px;
        float: left; }
      .products-listing .listing .actions .search input:focus, .products-listing .listing .actions .search button:focus {
        box-shadow: none;
        border-color: #666 !important; }
      .products-listing .listing .actions .search input {
        color: #222;
        background: #fff !important;
        border-color: #ccc;
        font-size: 0.95rem;
        width: 300px; }
      .products-listing .listing .actions .search button {
        width: 50px;
        border-left: none;
        border-color: #ccc;
        padding: 5px; }
        .products-listing .listing .actions .search button i {
          color: #666;
          font-size: 1.5rem;
          top: 2px;
          position: relative; }
        .products-listing .listing .actions .search button:hover {
          border-color: #666; }
      @media (max-width: 991px) {
        .products-listing .listing .actions .search button {
          width: 40px; }
        .products-listing .listing .actions .search input, .products-listing .listing .actions .search button {
          height: 40px; }
        .products-listing .listing .actions .search input {
          width: 100%; } }
      @media (max-width: 767px) {
        .products-listing .listing .actions .search input {
          width: calc(100% - 40px); } }
      .products-listing .listing .actions .search input, .products-listing .listing .actions .search textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .products-listing .listing .actions .search input, .products-listing .listing .actions .search button {
        height: 30px; }
      .products-listing .listing .actions .search textarea {
        height: 50px; }
      .products-listing .listing .actions .search span {
        padding-right: 10px;
        color: #222; }
      .products-listing .listing .actions .search input {
        width: 200px;
        font-size: 0.8rem;
        height: 30px; }
      .products-listing .listing .actions .search button {
        width: 30px;
        height: 30px; }
        .products-listing .listing .actions .search button i {
          font-size: 1rem;
          top: -2px; }
      @media (max-width: 991px) {
        .products-listing .listing .actions .search input {
          width: 170px; } }
      @media (max-width: 767px) {
        .products-listing .listing .actions .search {
          max-width: 100%;
          flex: 0 0 100%; } }
    .products-listing .listing .actions .search:only-child {
      padding: 10px; }
    .products-listing .listing .actions a.pdf-export, .products-listing .listing .actions a.excel-export, .products-listing .listing .actions a.import-pro {
      cursor: pointer;
      position: relative; }
      .products-listing .listing .actions a.pdf-export.active, .products-listing .listing .actions a.excel-export.active, .products-listing .listing .actions a.import-pro.active {
        color: #214a8c; }
        .products-listing .listing .actions a.pdf-export.active:before, .products-listing .listing .actions a.excel-export.active:before, .products-listing .listing .actions a.import-pro.active:before {
          content: "";
          top: -7px;
          margin: 0px auto;
          height: 10px;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 7px solid #666;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          top: calc(20px + 7px);
          left: 50%; }
    .products-listing .listing .actions #exportPdf, .products-listing .listing .actions #exportExcel, .products-listing .listing .actions #importPro {
      border: 1px solid #666;
      margin: 7px 0px 10px;
      padding: 0px;
      height: auto;
      background: #fff; }
      .products-listing .listing .actions #exportPdf form, .products-listing .listing .actions #exportExcel form, .products-listing .listing .actions #importPro form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0px; }
        .products-listing .listing .actions #exportPdf form label, .products-listing .listing .actions #exportExcel form label, .products-listing .listing .actions #importPro form label {
          margin-bottom: 0px;
          text-align: left; }
        .products-listing .listing .actions #exportPdf form > div, .products-listing .listing .actions #exportExcel form > div, .products-listing .listing .actions #importPro form > div {
          padding: 0px 15px;
          height: 50px;
          display: flex;
          align-items: center;
          flex-direction: row; }
        .products-listing .listing .actions #exportPdf form > div:not(.generate), .products-listing .listing .actions #exportExcel form > div:not(.generate), .products-listing .listing .actions #importPro form > div:not(.generate) {
          border-bottom: 1px solid #ddd; }
        .products-listing .listing .actions #exportPdf form .left, .products-listing .listing .actions #exportExcel form .left, .products-listing .listing .actions #importPro form .left {
          max-width: 25%;
          flex: 0 0 25%;
          line-height: 1rem;
          justify-content: flex-end; }
        .products-listing .listing .actions #exportPdf form .right, .products-listing .listing .actions #exportExcel form .right, .products-listing .listing .actions #importPro form .right {
          max-width: 75%;
          flex: 0 0 75%;
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          border-left: 1px solid #ddd; }
        .products-listing .listing .actions #exportPdf form .attachment, .products-listing .listing .actions #exportExcel form .attachment, .products-listing .listing .actions #importPro form .attachment {
          flex-wrap: wrap;
          padding: 15px;
          display: none;
          height: auto; }
          .products-listing .listing .actions #exportPdf form .attachment > div, .products-listing .listing .actions #exportExcel form .attachment > div, .products-listing .listing .actions #importPro form .attachment > div {
            width: 100%;
            display: flex;
            padding: 0px; }
          .products-listing .listing .actions #exportPdf form .attachment .col-3, .products-listing .listing .actions #exportPdf form .attachment .col-9, .products-listing .listing .actions #exportExcel form .attachment .col-3, .products-listing .listing .actions #exportExcel form .attachment .col-9, .products-listing .listing .actions #importPro form .attachment .col-3, .products-listing .listing .actions #importPro form .attachment .col-9 {
            float: left;
            flex-wrap: wrap; }
            .products-listing .listing .actions #exportPdf form .attachment .col-3 > div, .products-listing .listing .actions #exportPdf form .attachment .col-9 > div, .products-listing .listing .actions #exportExcel form .attachment .col-3 > div, .products-listing .listing .actions #exportExcel form .attachment .col-9 > div, .products-listing .listing .actions #importPro form .attachment .col-3 > div, .products-listing .listing .actions #importPro form .attachment .col-9 > div {
              width: 100%;
              text-align: left; }
            .products-listing .listing .actions #exportPdf form .attachment .col-3 > label, .products-listing .listing .actions #exportPdf form .attachment .col-9 > label, .products-listing .listing .actions #exportExcel form .attachment .col-3 > label, .products-listing .listing .actions #exportExcel form .attachment .col-9 > label, .products-listing .listing .actions #importPro form .attachment .col-3 > label, .products-listing .listing .actions #importPro form .attachment .col-9 > label {
              margin-bottom: 10px; }
            .products-listing .listing .actions #exportPdf form .attachment .col-3 p.supp, .products-listing .listing .actions #exportPdf form .attachment .col-9 p.supp, .products-listing .listing .actions #exportExcel form .attachment .col-3 p.supp, .products-listing .listing .actions #exportExcel form .attachment .col-9 p.supp, .products-listing .listing .actions #importPro form .attachment .col-3 p.supp, .products-listing .listing .actions #importPro form .attachment .col-9 p.supp {
              position: relative;
              margin: 0px 0px 0px 10px; }
          .products-listing .listing .actions #exportPdf form .attachment .col-9, .products-listing .listing .actions #exportExcel form .attachment .col-9, .products-listing .listing .actions #importPro form .attachment .col-9 {
            padding-left: 15px; }
          .products-listing .listing .actions #exportPdf form .attachment .text, .products-listing .listing .actions #exportPdf form .attachment .image, .products-listing .listing .actions #exportExcel form .attachment .text, .products-listing .listing .actions #exportExcel form .attachment .image, .products-listing .listing .actions #importPro form .attachment .text, .products-listing .listing .actions #importPro form .attachment .image {
            margin: 0px 0px 5px; }
            .products-listing .listing .actions #exportPdf form .attachment .text p, .products-listing .listing .actions #exportPdf form .attachment .image p, .products-listing .listing .actions #exportExcel form .attachment .text p, .products-listing .listing .actions #exportExcel form .attachment .image p, .products-listing .listing .actions #importPro form .attachment .text p, .products-listing .listing .actions #importPro form .attachment .image p {
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              font-weight: 400;
              margin: 0px; }
          .products-listing .listing .actions #exportPdf form .attachment .image, .products-listing .listing .actions #exportExcel form .attachment .image, .products-listing .listing .actions #importPro form .attachment .image {
            display: flex;
            align-items: center;
            flex-direction: row;
            margin: 0px;
            width: 100%; }
            .products-listing .listing .actions #exportPdf form .attachment .image p, .products-listing .listing .actions #exportExcel form .attachment .image p, .products-listing .listing .actions #importPro form .attachment .image p {
              font-style: italic;
              margin: 0px 10px; }
            .products-listing .listing .actions #exportPdf form .attachment .image img, .products-listing .listing .actions #exportExcel form .attachment .image img, .products-listing .listing .actions #importPro form .attachment .image img {
              max-width: 100px;
              width: auto;
              max-height: 40px; }
          .products-listing .listing .actions #exportPdf form .attachment .btns, .products-listing .listing .actions #exportExcel form .attachment .btns, .products-listing .listing .actions #importPro form .attachment .btns {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .products-listing .listing .actions #exportPdf form .attachment .btns i, .products-listing .listing .actions #exportExcel form .attachment .btns i, .products-listing .listing .actions #importPro form .attachment .btns i {
              font-size: calc(20px + 2px);
              margin-right: 5px; }
            .products-listing .listing .actions #exportPdf form .attachment .btns a, .products-listing .listing .actions #exportPdf form .attachment .btns input, .products-listing .listing .actions #exportPdf form .attachment .btns button, .products-listing .listing .actions #exportExcel form .attachment .btns a, .products-listing .listing .actions #exportExcel form .attachment .btns input, .products-listing .listing .actions #exportExcel form .attachment .btns button, .products-listing .listing .actions #importPro form .attachment .btns a, .products-listing .listing .actions #importPro form .attachment .btns input, .products-listing .listing .actions #importPro form .attachment .btns button {
              border: none;
              background: none;
              padding: 0px;
              height: 20px;
              cursor: pointer;
              margin-right: 10px;
              font-size: 0.875rem;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              display: flex;
              align-items: center; }
              .products-listing .listing .actions #exportPdf form .attachment .btns a:focus, .products-listing .listing .actions #exportPdf form .attachment .btns input:focus, .products-listing .listing .actions #exportPdf form .attachment .btns button:focus, .products-listing .listing .actions #exportExcel form .attachment .btns a:focus, .products-listing .listing .actions #exportExcel form .attachment .btns input:focus, .products-listing .listing .actions #exportExcel form .attachment .btns button:focus, .products-listing .listing .actions #importPro form .attachment .btns a:focus, .products-listing .listing .actions #importPro form .attachment .btns input:focus, .products-listing .listing .actions #importPro form .attachment .btns button:focus {
                border: none;
                background: none; }
              .products-listing .listing .actions #exportPdf form .attachment .btns a:hover, .products-listing .listing .actions #exportPdf form .attachment .btns input:hover, .products-listing .listing .actions #exportPdf form .attachment .btns button:hover, .products-listing .listing .actions #exportExcel form .attachment .btns a:hover, .products-listing .listing .actions #exportExcel form .attachment .btns input:hover, .products-listing .listing .actions #exportExcel form .attachment .btns button:hover, .products-listing .listing .actions #importPro form .attachment .btns a:hover, .products-listing .listing .actions #importPro form .attachment .btns input:hover, .products-listing .listing .actions #importPro form .attachment .btns button:hover {
                color: #214a8c; }
            .products-listing .listing .actions #exportPdf form .attachment .btns button + button, .products-listing .listing .actions #exportPdf form .attachment .btns a + a, .products-listing .listing .actions #exportPdf form .attachment .btns input + input, .products-listing .listing .actions #exportExcel form .attachment .btns button + button, .products-listing .listing .actions #exportExcel form .attachment .btns a + a, .products-listing .listing .actions #exportExcel form .attachment .btns input + input, .products-listing .listing .actions #importPro form .attachment .btns button + button, .products-listing .listing .actions #importPro form .attachment .btns a + a, .products-listing .listing .actions #importPro form .attachment .btns input + input {
              pointer-events: none;
              color: #ccc; }
            .products-listing .listing .actions #exportPdf form .attachment .btns .image, .products-listing .listing .actions #exportExcel form .attachment .btns .image, .products-listing .listing .actions #importPro form .attachment .btns .image {
              margin-top: 15px;
              padding-top: 15px;
              border-top: 1px solid #ddd;
              flex-wrap: wrap;
              height: auto; }
              .products-listing .listing .actions #exportPdf form .attachment .btns .image > div, .products-listing .listing .actions #exportExcel form .attachment .btns .image > div, .products-listing .listing .actions #importPro form .attachment .btns .image > div {
                max-width: 50%;
                flex: 0 0 50%;
                display: flex;
                align-items: center; }
        .products-listing .listing .actions #exportPdf form .address-list, .products-listing .listing .actions #exportExcel form .address-list, .products-listing .listing .actions #importPro form .address-list {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 0px;
          padding: 15px;
          height: auto;
          border-left: none; }
          .products-listing .listing .actions #exportPdf form .address-list div, .products-listing .listing .actions #exportExcel form .address-list div, .products-listing .listing .actions #importPro form .address-list div {
            padding: 0px;
            font-family: "Open Sans", sans-serif; }
          .products-listing .listing .actions #exportPdf form .address-list > div:not(.d-flex), .products-listing .listing .actions #exportExcel form .address-list > div:not(.d-flex), .products-listing .listing .actions #importPro form .address-list > div:not(.d-flex) {
            padding: 5px 0px;
            text-align: left; }
          .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 {
            max-width: calc(50% - 10px);
            flex: 0 0 50%;
            position: relative; }
            .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 label {
              display: inherit; }
              .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .products-listing .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .products-listing .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .products-listing .listing .actions #importPro form .address-list > .col-9 .col-4 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .products-listing .listing .actions #exportPdf form .address-list .btn-block, .products-listing .listing .actions #exportExcel form .address-list .btn-block, .products-listing .listing .actions #importPro form .address-list .btn-block {
            border: none; }
            .products-listing .listing .actions #exportPdf form .address-list .btn-block a, .products-listing .listing .actions #exportExcel form .address-list .btn-block a, .products-listing .listing .actions #importPro form .address-list .btn-block a {
              height: 30px; }
        .products-listing .listing .actions #exportPdf form .attachment, .products-listing .listing .actions #exportPdf form .address-list, .products-listing .listing .actions #exportExcel form .attachment, .products-listing .listing .actions #exportExcel form .address-list, .products-listing .listing .actions #importPro form .attachment, .products-listing .listing .actions #importPro form .address-list {
          max-width: 100%;
          flex: 0 0 100%;
          padding-left: calc(25% + 15px); }
        .products-listing .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .products-listing .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .products-listing .listing .actions #importPro form .btn-sml.btn-dark-bdr {
          margin: 0px; }
        .products-listing .listing .actions #exportPdf form .generate, .products-listing .listing .actions #exportExcel form .generate, .products-listing .listing .actions #importPro form .generate {
          padding: 15px;
          justify-content: center; }
          .products-listing .listing .actions #exportPdf form .generate .btn-sml, .products-listing .listing .actions #exportExcel form .generate .btn-sml, .products-listing .listing .actions #importPro form .generate .btn-sml {
            max-width: 100px; }
        .products-listing .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .products-listing .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .products-listing .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
          pointer-events: none;
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer */
          -khtml-user-select: none;
          /* KHTML browsers (e.g. Konqueror) */
          -webkit-user-select: none;
          /* Chrome, Safari, and Opera */
          -webkit-touch-callout: none;
          /* Disable Android and iOS callouts*/
          opacity: 0.25; }
        .products-listing .listing .actions #exportPdf form .img, .products-listing .listing .actions #exportExcel form .img, .products-listing .listing .actions #importPro form .img {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .products-listing .listing .actions #exportPdf form .img .text p, .products-listing .listing .actions #exportExcel form .img .text p, .products-listing .listing .actions #importPro form .img .text p {
            margin-bottom: 0px;
            text-align: left; }
          .products-listing .listing .actions #exportPdf form .img p.supp, .products-listing .listing .actions #exportExcel form .img p.supp, .products-listing .listing .actions #importPro form .img p.supp {
            width: 100%;
            margin: 0px 0px 10px;
            position: inherit;
            text-align: left; }
          .products-listing .listing .actions #exportPdf form .img img, .products-listing .listing .actions #exportExcel form .img img, .products-listing .listing .actions #importPro form .img img {
            padding-right: 15px; }
    .products-listing .listing .actions #exportPdf:not(.show), .products-listing .listing .actions #exportExcel:not(.show), .products-listing .listing .actions #importPro:not(.show) {
      display: none; }
    @media (max-width: 991px) {
      .products-listing .listing .actions #exportPdf form > div, .products-listing .listing .actions #exportExcel form > div, .products-listing .listing .actions #importPro form > div {
        height: auto;
        padding: 10px !important; }
      .products-listing .listing .actions #exportPdf form .custom-checkbox, .products-listing .listing .actions #exportExcel form .custom-checkbox, .products-listing .listing .actions #importPro form .custom-checkbox {
        height: 30px; }
      .products-listing .listing .actions #exportPdf form .left, .products-listing .listing .actions #exportPdf form .right, .products-listing .listing .actions #exportExcel form .left, .products-listing .listing .actions #exportExcel form .right, .products-listing .listing .actions #importPro form .left, .products-listing .listing .actions #importPro form .right {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 10px; }
      .products-listing .listing .actions #exportPdf form .left, .products-listing .listing .actions #exportExcel form .left, .products-listing .listing .actions #importPro form .left {
        border-bottom: none !important;
        padding-bottom: 0px !important; }
      .products-listing .listing .actions #exportPdf form .address-list, .products-listing .listing .actions #exportExcel form .address-list, .products-listing .listing .actions #importPro form .address-list {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .products-listing .listing .actions #exportPdf form label, .products-listing .listing .actions #exportExcel form label, .products-listing .listing .actions #importPro form label {
        justify-content: flex-start; }
      .products-listing .listing .actions #exportPdf form .right, .products-listing .listing .actions #exportExcel form .right, .products-listing .listing .actions #importPro form .right {
        border-left: none;
        margin: 0px; }
      .products-listing .listing .actions #exportPdf form .attachment, .products-listing .listing .actions #exportExcel form .attachment, .products-listing .listing .actions #importPro form .attachment {
        padding: 10px; }
        .products-listing .listing .actions #exportPdf form .attachment .col-3, .products-listing .listing .actions #exportPdf form .attachment .col-9, .products-listing .listing .actions #exportExcel form .attachment .col-3, .products-listing .listing .actions #exportExcel form .attachment .col-9, .products-listing .listing .actions #importPro form .attachment .col-3, .products-listing .listing .actions #importPro form .attachment .col-9 {
          max-width: 100%;
          flex: 0 0 100%; }
        .products-listing .listing .actions #exportPdf form .attachment .col-3, .products-listing .listing .actions #exportExcel form .attachment .col-3, .products-listing .listing .actions #importPro form .attachment .col-3 {
          margin-bottom: 10px;
          flex-wrap: nowrap; }
          .products-listing .listing .actions #exportPdf form .attachment .col-3 label, .products-listing .listing .actions #exportPdf form .attachment .col-3 .image, .products-listing .listing .actions #exportExcel form .attachment .col-3 label, .products-listing .listing .actions #exportExcel form .attachment .col-3 .image, .products-listing .listing .actions #importPro form .attachment .col-3 label, .products-listing .listing .actions #importPro form .attachment .col-3 .image {
            width: 50%;
            margin: 0px; }
        .products-listing .listing .actions #exportPdf form .attachment .col-9, .products-listing .listing .actions #exportExcel form .attachment .col-9, .products-listing .listing .actions #importPro form .attachment .col-9 {
          padding: 0px; }
          .products-listing .listing .actions #exportPdf form .attachment .col-9 p.supp, .products-listing .listing .actions #exportExcel form .attachment .col-9 p.supp, .products-listing .listing .actions #importPro form .attachment .col-9 p.supp {
            width: 50%; }
      .products-listing .listing .actions #exportPdf form .address-list .col-3, .products-listing .listing .actions #exportExcel form .address-list .col-3, .products-listing .listing .actions #importPro form .address-list .col-3 {
        max-width: 40%;
        flex: 0 0 40%; }
      .products-listing .listing .actions #exportPdf form .address-list .col-9, .products-listing .listing .actions #exportExcel form .address-list .col-9, .products-listing .listing .actions #importPro form .address-list .col-9 {
        max-width: 60%;
        flex: 0 0 60%; }
      .products-listing .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .products-listing .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .products-listing .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .products-listing .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .products-listing .listing .actions #importPro form .address-list > div:nth-of-type(1), .products-listing .listing .actions #importPro form .address-list > div:nth-of-type(2) {
        max-width: 100%;
        flex: 0 0 100%; }
      .products-listing .listing .actions #exportPdf form .img img, .products-listing .listing .actions #exportExcel form .img img, .products-listing .listing .actions #importPro form .img img {
        max-width: 100%;
        padding: 0px 0px 10px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .products-listing .listing .actions #exportPdf .custom-checkbox .custom-check, .products-listing .listing .actions #exportExcel .custom-checkbox .custom-check, .products-listing .listing .actions #importPro .custom-checkbox .custom-check {
        top: 1rem; } }
    .products-listing .listing .actions .slide-out {
      border: 1px solid #ccc;
      border-bottom: 0px; }
    .products-listing .listing .actions form {
      margin: 0px; }
    .products-listing .listing .actions .shared {
      padding: 0px;
      position: absolute;
      justify-content: flex-end;
      top: -100px;
      right: 0px; }
      .products-listing .listing .actions .shared .checkbox {
        background: #f5fefa;
        padding: 3px 25px 2px;
        border-radius: 4px;
        border: 1px solid #10a700; }
      .products-listing .listing .actions .shared .custom-input:checked ~ p {
        color: #10a700; }
      .products-listing .listing .actions .shared .email {
        display: flex; }
        .products-listing .listing .actions .shared .email i {
          line-height: 20px;
          color: #10a700;
          margin-right: 5px; }
          .products-listing .listing .actions .shared .email i span {
            font-family: "Open Sans", sans-serif;
            margin: 0px 5px; }
        .products-listing .listing .actions .shared .email p {
          margin: 0px;
          color: #222; }
    .products-listing .listing .actions .left, .products-listing .listing .actions > .center, .products-listing .listing .actions .right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%;
      display: flex;
      align-items: center;
      max-width: max-content;
      flex: 0 0 auto;
      min-height: 30px; }
    .products-listing .listing .actions .right {
      margin-left: auto; }
    .products-listing .listing .actions .action-link, .products-listing .listing .actions .left > a, .products-listing .listing .actions .right > a {
      border: none;
      background: none;
      padding: 0px;
      cursor: pointer;
      height: 30px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      color: #222;
      display: flex;
      align-items: center; }
      .products-listing .listing .actions .action-link:hover, .products-listing .listing .actions .left > a:hover, .products-listing .listing .actions .right > a:hover {
        color: #214a8c;
        text-decoration: none; }
      .products-listing .listing .actions .action-link span, .products-listing .listing .actions .left > a span, .products-listing .listing .actions .right > a span {
        margin-left: 5px; }
      .products-listing .listing .actions .action-link span:empty, .products-listing .listing .actions .left > a span:empty, .products-listing .listing .actions .right > a span:empty {
        display: none; }
    .products-listing .listing .actions .action-link, .products-listing .listing .actions a + a, .products-listing .listing .actions .checkbox + a {
      margin-left: 20px; }
    .products-listing .listing .actions .action-link.disabled {
      color: #ccc;
      cursor: default;
      pointer-events: none; }
    .products-listing .listing .actions .custom-checkbox p {
      color: #222; }
    .products-listing .listing .actions .custom-checkbox:hover p {
      color: #214a8c; }
  .products-listing .listing .actions ~ .d-flex {
    margin-top: -1px; }
  .products-listing .listing > .actions, .products-listing .listing .sub-header ~ .actions {
    border: none;
    padding: 7px 0px; }
  .products-listing .listing .actions.sticky-div {
    border-bottom: 1px solid #ccc; }
    .products-listing .listing .actions.sticky-div .right {
      margin: 10px 0px 10px auto; }
  @media (max-width: 991px) {
    .products-listing .listing .actions {
      font-size: 0.8rem; }
      .products-listing .listing .actions .shared {
        top: calc(10px - 100px);
        margin: auto;
        left: 0px;
        right: 0px; }
      .products-listing .listing .actions .left .action-link i {
        font-size: 1rem; }
      .products-listing .listing .actions .left a.action-link, .products-listing .listing .actions .left .action-link i span {
        display: none !important; } }
  @media (max-width: 767px) {
    .products-listing .listing .actions {
      justify-content: center; }
      .products-listing .listing .actions .shared {
        top: calc(10px - 150px); }
      .products-listing .listing .actions .action-link, .products-listing .listing .actions a + a, .products-listing .listing .actions .checkbox + a {
        margin-left: 15px; }
      .products-listing .listing .actions > .right {
        justify-content: center; }
      .products-listing .listing .actions .search + .right {
        margin-left: 0px; } }
  .products-listing .listing .add-more[aria-expanded="true"] {
    background: #214a8c !important;
    color: #fff !important;
    border-color: #214a8c;
    position: relative; }
    .products-listing .listing .add-more[aria-expanded="true"]:hover, .products-listing .listing .add-more[aria-expanded="true"]:focus {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c; }
      .products-listing .listing .add-more[aria-expanded="true"]:hover i, .products-listing .listing .add-more[aria-expanded="true"]:focus i {
        color: #fff; }
    .products-listing .listing .add-more[aria-expanded="true"]:before {
      content: "";
      top: -7px;
      margin: 0px auto;
      height: 10px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #666;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      top: auto;
      bottom: calc(3px - 15px); }
  .products-listing .listing .add-more[aria-expanded="false"], .products-listing .listing .add-more.collapsed {
    background: #fff !important;
    border: 1px solid #214a8c;
    color: #214a8c !important; }
    .products-listing .listing .add-more[aria-expanded="false"]:hover, .products-listing .listing .add-more[aria-expanded="false"]:focus, .products-listing .listing .add-more.collapsed:hover, .products-listing .listing .add-more.collapsed:focus {
      background: #08285c !important;
      color: #fff !important; }
    .products-listing .listing .add-more[aria-expanded="false"]:hover, .products-listing .listing .add-more.collapsed:hover {
      border-color: #08285c; }
      .products-listing .listing .add-more[aria-expanded="false"]:hover i, .products-listing .listing .add-more.collapsed:hover i {
        color: #fff; }
  .products-listing .listing .add-more.cancel:before {
    display: none; }
  .products-listing .listing a.add-more.disabled {
    pointer-events: none;
    color: #ccc !important;
    border-color: #ccc; }
  .products-listing .listing button.links, .products-listing .listing a.links {
    border: none;
    color: #214a8c;
    height: auto;
    background: none;
    text-align: left;
    padding: 0px;
    cursor: pointer;
    color: #666;
    text-decoration: underline; }
    .products-listing .listing button.links:hover, .products-listing .listing a.links:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .products-listing .listing a.plus i {
    font-size: 1rem; }
  .products-listing .listing a.plus[aria-expanded="true"] i:before {
    content: "\e998";
    color: #214a8c; }
  .products-listing .listing a.plus[aria-expanded="true"] > span {
    color: #214a8c; }
  .products-listing .listing a.plus:not(.collapsed) > span {
    color: #214a8c !important; }
  .products-listing .listing .custom-radiobox:not(:last-of-type), .products-listing .listing .custom-checkbox:not(:last-of-type) {
    margin-right: 25px; }
  .products-listing .listing .ship-when > p, .products-listing .listing .bill-method > p {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    color: #666;
    font-weight: normal;
    font-size: 0.875rem;
    text-transform: none; }
  .products-listing .listing .delivery-date {
    line-height: 25px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    color: #666; }
    .products-listing .listing .delivery-date span {
      margin-left: 5px;
      color: #222; }
    .products-listing .listing .delivery-date .date input {
      font-family: "Open Sans", sans-serif;
      color: #222;
      background: none !important;
      border: none !important;
      height: 20px;
      padding: 0px;
      line-height: 400;
      cursor: pointer;
      max-width: 60px;
      color: #666;
      text-decoration: underline; }
      .products-listing .listing .delivery-date .date input:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .products-listing .listing .address:not(.e-label) {
    font-family: "Open Sans", sans-serif; }
  .products-listing .listing .day-time span {
    font-weight: 600; }
  .products-listing .listing .contact a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #222;
    text-decoration: none;
    text-decoration: underline; }
    .products-listing .listing .contact a:hover {
      color: #214a8c;
      text-decoration: none; }
  .products-listing .listing .sub-total.btm {
    border-bottom: 4px double #ccc;
    padding: 15px 5px;
    display: flex;
    flex-direction: row; }
    .products-listing .listing .sub-total.btm > div, .products-listing .listing .sub-total.btm .total {
      padding: 0px;
      color: #222; }
    .products-listing .listing .sub-total.btm > div:last-child {
      display: flex;
      justify-content: flex-end;
      margin-left: auto; }
    .products-listing .listing .sub-total.btm .actions {
      margin: 0px;
      display: none; }
  .products-listing .listing .sub-header {
    clear: both;
    padding: 0px; }
    .products-listing .listing .sub-header > div {
      display: flex;
      align-items: center; }
    .products-listing .listing .sub-header .delivery-date {
      display: flex;
      justify-content: flex-end; }
    .products-listing .listing .sub-header .title {
      margin-bottom: 0px; }
      .products-listing .listing .sub-header .title span {
        color: #214a8c;
        margin-left: 3px; }
  .products-listing .listing .page + .sub-header {
    margin-top: 40px; }
    .products-listing .listing .page + .sub-header .title {
      flex-basis: content; }
  .products-listing .listing div.alert-warning {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #fbe4b5;
    color: #de6e00; }
    .products-listing .listing div.alert-warning .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-listing .listing div.alert-warning p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-listing .listing div.alert-warning {
        padding: 5px;
        margin: 10px auto; }
        .products-listing .listing div.alert-warning p {
          font-size: 0.8rem; }
        .products-listing .listing div.alert-warning .alert-heading {
          font-size: 0.875rem; } }
  .products-listing .listing div.alert-danger {
    padding: 10px;
    border-radius: 0px;
    text-align: center;
    margin: 15px auto;
    border: 1px solid;
    position: relative;
    font-size: 0.75rem;
    line-height: 0.8rem;
    border-color: #f8c1c4;
    color: #dc3545;
    background: #feeeef; }
    .products-listing .listing div.alert-danger .alert-heading {
      font-weight: 400;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      letter-spacing: 0.5px;
      margin-bottom: 3px;
      text-align: center; }
    .products-listing .listing div.alert-danger p {
      font-size: 0.875rem;
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .products-listing .listing div.alert-danger {
        padding: 5px;
        margin: 10px auto; }
        .products-listing .listing div.alert-danger p {
          font-size: 0.8rem; }
        .products-listing .listing div.alert-danger .alert-heading {
          font-size: 0.875rem; } }
  @media (min-width: 992px) {
    .products-listing .listing .col-9 > .page {
      min-height: 500px; }
    .products-listing .listing .page .details .submit input:hover, .products-listing .listing .page .details .submit button:hover {
      left: 10px; } }
  @media (max-width: 991px) {
    .products-listing .listing .page .details {
      flex-wrap: wrap;
      padding: 15px 0px; }
      .products-listing .listing .page .details .submit button {
        width: 25px; }
    .products-listing .listing .col-3.right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%; }
    .products-listing .listing .col-9.left {
      padding-right: 10px;
      max-width: 66.66%;
      flex: 0 0 66.66%; }
      .products-listing .listing .col-9.left .page-th {
        display: none !important; }
      .products-listing .listing .col-9.left .page {
        border-top: 1px solid #666; }
    .products-listing .listing .sub-header {
      flex-wrap: wrap; }
      .products-listing .listing .sub-header .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-start;
        margin: 0px !important; }
      .products-listing .listing .sub-header > .title {
        font-size: 1.2rem !important; }
    .products-listing .listing .page + .sub-header {
      margin-top: 20px;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .products-listing .listing > .d-flex {
      flex-wrap: wrap; }
    .products-listing .listing .col-12.left .page-th, .products-listing .listing .col-9.left .page-th {
      display: none !important; }
    .products-listing .listing .page .details > div {
      max-width: 100% !important;
      flex: 0 0 auto; }
    .products-listing .listing .page .details .col {
      display: inline-flex;
      color: #222;
      line-height: 1.2rem; }
    .products-listing .listing .page .details .time, .products-listing .listing .page .details .type {
      color: #666; }
    .products-listing .listing .page .details .custom-radiobox .custom-radio {
      height: 25px; }
    .products-listing .listing .col-12.left, .products-listing .listing .col-3.right, .products-listing .listing .col-9.left {
      padding-right: 0px;
      max-width: 100%;
      flex: 0 0 100%; }
    .products-listing .listing .summary {
      margin-top: 15px; }
      .products-listing .listing .summary .details.proceed .supp {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
    .products-listing .listing .sub-total.btm > div:last-child {
      max-width: 100%;
      flex: 0 0 100%; } }
  .products-listing .listing > .left button, .products-listing .listing > .left .modal-footer {
    display: none; }
  .products-listing .listing > .left .modal-dialog {
    margin: 0px;
    max-width: 100%; }
    .products-listing .listing > .left .modal-dialog .modal-content {
      border: none;
      border-radius: 0px; }
  .products-listing .listing > .left .facet-all, .products-listing .listing > .left .list-all {
    display: block !important; }
    .products-listing .listing > .left .facet-all .block, .products-listing .listing > .left .list-all .block {
      border-bottom: 1px solid #ddd;
      padding: 0.75rem 0px;
      min-height: 45px; }
    .products-listing .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-check, .products-listing .listing > .left .list-all .block:first-of-type #collapse1.details .custom-check {
      border-color: #10a700; }
    .products-listing .listing > .left .facet-all .block:first-of-type #collapse1.details .facet-value, .products-listing .listing > .left .list-all .block:first-of-type #collapse1.details .facet-value {
      color: #10a700;
      font-weight: 500;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif; }
    .products-listing .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-input:checked ~ .custom-check:before, .products-listing .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-input:checked ~ .facet-value, .products-listing .listing > .left .list-all .block:first-of-type #collapse1.details .custom-input:checked ~ .custom-check:before, .products-listing .listing > .left .list-all .block:first-of-type #collapse1.details .custom-input:checked ~ .facet-value {
      color: #10a700; }
    .products-listing .listing > .left .facet-all .title, .products-listing .listing > .left .list-all .title {
      color: #222;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.5rem;
      letter-spacing: 1px; }
      .products-listing .listing > .left .facet-all .title a:hover, .products-listing .listing > .left .list-all .title a:hover {
        color: #214a8c; }
      .products-listing .listing > .left .facet-all .title > a, .products-listing .listing > .left .list-all .title > a {
        color: #222;
        display: block;
        font-weight: 400; }
        .products-listing .listing > .left .facet-all .title > a:before, .products-listing .listing > .left .list-all .title > a:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          float: right;
          padding: 0px;
          right: -3px; }
      .products-listing .listing > .left .facet-all .title > a:before, .products-listing .listing > .left .list-all .title > a:before {
        content: "\e996";
        color: #666; }
      .products-listing .listing > .left .facet-all .title > a.collapsed:before, .products-listing .listing > .left .list-all .title > a.collapsed:before {
        content: "\e9b1"; }
      .products-listing .listing > .left .facet-all .title:hover > a:before, .products-listing .listing > .left .list-all .title:hover > a:before {
        color: #214a8c; }
    .products-listing .listing > .left .facet-all .collapse, .products-listing .listing > .left .facet-all .collapsing, .products-listing .listing > .left .list-all .collapse, .products-listing .listing > .left .list-all .collapsing {
      width: 100%; }
    .products-listing .listing > .left .facet-all .details, .products-listing .listing > .left .list-all .details {
      border: none !important; }
      .products-listing .listing > .left .facet-all .details form, .products-listing .listing > .left .list-all .details form {
        height: 60px; }
      .products-listing .listing > .left .facet-all .details ul, .products-listing .listing > .left .list-all .details ul {
        padding-left: 0px;
        margin-bottom: 0px; }
      .products-listing .listing > .left .facet-all .details .facet-load, .products-listing .listing > .left .list-all .details .facet-load {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        display: block;
        margin-top: 15px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.875rem; }
        .products-listing .listing > .left .facet-all .details .facet-load:hover, .products-listing .listing > .left .list-all .details .facet-load:hover {
          color: #214a8c;
          text-decoration: none; }
      .products-listing .listing > .left .facet-all .details li, .products-listing .listing > .left .list-all .details li {
        list-style: none;
        padding: 7px 0px;
        line-height: 1.1rem;
        align-items: center;
        display: flex;
        justify-content: space-between; }
        .products-listing .listing > .left .facet-all .details li a:nth-of-type(1), .products-listing .listing > .left .list-all .details li a:nth-of-type(1) {
          width: 80%; }
        .products-listing .listing > .left .facet-all .details li > i, .products-listing .listing > .left .list-all .details li > i {
          color: #10a700;
          font-size: 0.875rem; }
      .products-listing .listing > .left .facet-all .details li a, .products-listing .listing > .left .facet-all .details .facet-value, .products-listing .listing > .left .facet-all .details .facet-count, .products-listing .listing > .left .list-all .details li a, .products-listing .listing > .left .list-all .details .facet-value, .products-listing .listing > .left .list-all .details .facet-count {
        color: #666;
        font-size: 0.875rem; }
      .products-listing .listing > .left .facet-all .details .facet-count, .products-listing .listing > .left .list-all .details .facet-count {
        margin-left: 3px; }
        .products-listing .listing > .left .facet-all .details .facet-count:before, .products-listing .listing > .left .list-all .details .facet-count:before {
          content: "(";
          padding-right: 1px; }
        .products-listing .listing > .left .facet-all .details .facet-count:after, .products-listing .listing > .left .list-all .details .facet-count:after {
          content: ")";
          padding-left: 1px; }
      .products-listing .listing > .left .facet-all .details .custom-checkbox, .products-listing .listing > .left .list-all .details .custom-checkbox {
        cursor: pointer;
        margin: 0px;
        display: flex;
        align-items: center;
        margin-top: 10px;
        padding-left: 1.75rem; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input {
          position: absolute;
          z-index: -1;
          opacity: 0; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox p, .products-listing .listing > .left .list-all .details .custom-checkbox p {
          margin: 0px;
          padding-left: 20px;
          color: #666; }
          .products-listing .listing > .left .facet-all .details .custom-checkbox p span, .products-listing .listing > .left .list-all .details .custom-checkbox p span {
            display: block;
            color: #222;
            font-family: "Open Sans", sans-serif;
            font-size: 0.75rem;
            line-height: 0.75rem;
            color: #666; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ p, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ p {
          color: #222; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .facet-value, .products-listing .listing > .left .list-all .details .custom-checkbox .facet-value {
          font-size: 0.875rem; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .facet-value, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .facet-value {
          color: #222;
          text-decoration: underline; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ select, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ select {
          color: #222; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox:hover p, .products-listing .listing > .left .list-all .details .custom-checkbox:hover p {
          color: #214a8c; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox:hover span, .products-listing .listing > .left .list-all .details .custom-checkbox:hover span {
          border-color: #214a8c;
          /*&:before{color:$brand-color;}*/ }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-check, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-check {
          position: absolute;
          width: 15px;
          height: 15px;
          left: auto;
          border-radius: 2px;
          -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
          -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
          box-shadow: inset 1px 1px 2px 0px #ddd;
          border: 1px solid #aaa; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .custom-check, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .custom-check {
          -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
          -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
          box-shadow: inset 0px 0px 0px 0px #ddd;
          border: none; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .custom-check:before, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .custom-check:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e92d";
          top: -6px;
          font-size: 1.1rem;
          left: -1px;
          color: #214a8c; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox p span, .products-listing .listing > .left .list-all .details .custom-checkbox p span {
          line-height: 1.2; }
        .products-listing .listing > .left .facet-all .details .custom-checkbox .custom-check, .products-listing .listing > .left .list-all .details .custom-checkbox .custom-check {
          left: 0px; }
      .products-listing .listing > .left .facet-all .details li a:hover, .products-listing .listing > .left .facet-all .details .facet-value:hover, .products-listing .listing > .left .facet-all .details .facet-count:hover, .products-listing .listing > .left .list-all .details li a:hover, .products-listing .listing > .left .list-all .details .facet-value:hover, .products-listing .listing > .left .list-all .details .facet-count:hover {
        text-decoration: underline;
        color: #214a8c; }
      .products-listing .listing > .left .facet-all .details li a[data-toggle="modal"]:hover, .products-listing .listing > .left .list-all .details li a[data-toggle="modal"]:hover {
        text-decoration: none; }
      .products-listing .listing > .left .facet-all .details li.active a, .products-listing .listing > .left .list-all .details li.active a {
        color: #222;
        font-weight: 600; }
      .products-listing .listing > .left .facet-all .details .no-results, .products-listing .listing > .left .list-all .details .no-results {
        width: 100%; }
        .products-listing .listing > .left .facet-all .details .no-results .block-title, .products-listing .listing > .left .list-all .details .no-results .block-title {
          font-size: 0.8rem;
          font-weight: 400;
          color: #666; }
  .products-listing .listing > .left .list-all .block:nth-child(1) .btn-link:before {
    display: none; }
  .products-listing .listing > .left .list-all .btn-link {
    cursor: pointer; }
    .products-listing .listing > .left .list-all .btn-link:hover {
      text-decoration: none; }
  .products-listing .listing > .left .list-all .search input {
    height: 40px;
    padding-left: 40px;
    margin-top: 15px; }
  .products-listing .listing > .left .list-all .search i {
    left: 10px;
    top: calc(20px + 2px); }
  .products-listing .listing > .left .list-all .details ul {
    overflow-y: auto;
    max-height: calc(270px + 10px);
    width: 100%;
    padding-right: 5px;
    margin: 5px 0px; }
  @media (min-width: 1200px) {
    .products-listing .listing > .left {
      padding-right: 15px; }
      .products-listing .listing > .left .facet-all, .products-listing .listing > .left .list-all {
        border-right: 1px solid #666;
        padding-right: 30px; }
      .products-listing .listing > .left .modal:nth-of-type(2) {
        margin-top: 50px; } }
  @media (min-width: 992px) {
    .products-listing .listing > .left {
      max-width: 20%;
      flex: 0 0 20%; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .products-listing .listing > .left {
      overflow: hidden;
      align-self: flex-start !important;
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px;
      z-index: 2; } }
  @media (min-width: 992px) {
      .products-listing .listing > .left .modal {
        display: block !important;
        opacity: 1;
        position: inherit;
        z-index: 5; } }
  @media (max-width: 991px) {
    .products-listing .listing > .left {
      height: 40px;
      border: 1px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: calc(50% - 20px);
      position: absolute;
      right: 0px;
      top: -40px; }
      .products-listing .listing > .left button {
        background: none;
        border: none;
        width: 100%;
        text-transform: uppercase;
        color: #666;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        letter-spacing: 1.25px;
        font-weight: 600;
        display: block; }
        .products-listing .listing > .left button:focus {
          box-shadow: none; }
        .products-listing .listing > .left button:hover {
          color: #214a8c; }
        .products-listing .listing > .left button span:before {
          content: "(";
          padding-right: 1px; }
        .products-listing .listing > .left button span:after {
          content: ")";
          padding-left: 1px; }
      .products-listing .listing > .left .modal-footer {
        background: #eee;
        border: 1px solid #666;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 0px; }
        .products-listing .listing > .left .modal-footer button {
          height: 45px;
          margin: 0px;
          border-radius: 0px; }
        .products-listing .listing > .left .modal-footer button:first-of-type {
          border-right: 1px solid #222; }
      .products-listing .listing > .left .facet-all, .products-listing .listing > .left .list-all {
        border-bottom: none; }
        .products-listing .listing > .left .facet-all .block, .products-listing .listing > .left .list-all .block {
          padding: 15px; }
        .products-listing .listing > .left .facet-all .title, .products-listing .listing > .left .list-all .title {
          font-size: 0.875rem; }
      .products-listing .listing > .left .product-display .page-th {
        display: none !important; }
      .products-listing .listing > .left .products {
        padding: 0px 10px;
        order: 3; } }
  @media (max-width: 767px) {
    .products-listing .listing > .left {
      position: inherit;
      top: inherit;
      max-width: 100%;
      flex: 0 0 100%;
      max-width: calc(100% - 20px);
      left: 10px;
      height: 40px;
      margin-top: 10px; } }
  .products-listing .listing > .left .modal-dialog {
    transform: none;
    margin: 0px;
    max-width: 100%; }
    .products-listing .listing > .left .modal-dialog .modal-content {
      border: none; }
  .products-listing .listing > .right {
    text-align: left; }
    .products-listing .listing > .right form {
      margin: 0px; }
    .products-listing .listing > .right .filters {
      padding-bottom: 10px;
      display: flex;
      align-items: center; }
      .products-listing .listing > .right .filters .results {
        max-width: 20%;
        flex: 0 0 20%;
        color: #222;
        order: 2; }
        .products-listing .listing > .right .filters .results span {
          margin-right: 5px;
          font-weight: 600; }
      .products-listing .listing > .right .filters .custom-dropdown {
        max-width: 20%;
        flex: 0 0 20%;
        order: 4; }
        .products-listing .listing > .right .filters .custom-dropdown a {
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          color: #222;
          text-decoration: none; }
          .products-listing .listing > .right .filters .custom-dropdown a:hover {
            color: #214a8c;
            text-decoration: none; }
        .products-listing .listing > .right .filters .custom-dropdown .nav-link {
          font-weight: 600;
          color: #666;
          padding: 0px;
          font-family: "Poppins", sans-serif;
          letter-spacing: 0.25px; }
        .products-listing .listing > .right .filters .custom-dropdown .show > .nav-link {
          background: none;
          color: #214a8c; }
        .products-listing .listing > .right .filters .custom-dropdown .dropdown-toggle:after {
          font-family: "Feather";
          content: "\e92e";
          border: none;
          height: auto;
          width: auto;
          margin: auto;
          vertical-align: middle;
          font-size: 0.95rem;
          margin-left: 5px;
          line-height: 16px; }
        .products-listing .listing > .right .filters .custom-dropdown .nav-item {
          margin-left: auto; }
        .products-listing .listing > .right .filters .custom-dropdown .dropdown-menu.show {
          margin: 0px;
          font-size: 0.875rem;
          color: #222;
          border-radius: 0px;
          border-color: #666;
          padding: 0px; }
          .products-listing .listing > .right .filters .custom-dropdown .dropdown-menu.show .dropdown-item {
            text-align: left;
            padding: 5px 10px; }
        .products-listing .listing > .right .filters .custom-dropdown .dropdown-menu.show {
          margin: 5px 0px 0px auto;
          right: 0px;
          min-width: 300%; }
        .products-listing .listing > .right .filters .custom-dropdown a.nav-link {
          color: #666;
          text-transform: uppercase;
          font-size: 0.8rem;
          letter-spacing: 1.25px; }
      .products-listing .listing > .right .filters > .pagination {
        margin: 0px auto;
        order: 3; }
      .products-listing .listing > .right .filters .view-style {
        margin-left: 50px;
        order: 4; }
        .products-listing .listing > .right .filters .view-style button {
          border: none;
          background: none;
          margin-left: 7px;
          padding: 0px;
          cursor: pointer;
          width: 30px;
          height: 30px;
          padding: 2px 0px 0px 1px; }
          .products-listing .listing > .right .filters .view-style button i {
            font-size: 1.5rem;
            color: #666; }
          .products-listing .listing > .right .filters .view-style button.active {
            background: #214a8c; }
            .products-listing .listing > .right .filters .view-style button.active i {
              color: #fff; }
          .products-listing .listing > .right .filters .view-style button:focus {
            outline: none; }
    .products-listing .listing > .right .selected-facet {
      margin: 10px auto;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .products-listing .listing > .right .selected-facet span a {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        border-color: #aaa;
        color: #222;
        background: #f7f7f7;
        margin: 0px 5px 10px; }
        .products-listing .listing > .right .selected-facet span a:hover {
          border-color: #dc3545;
          background: #feeeef; }
        .products-listing .listing > .right .selected-facet span a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          font-weight: 600;
          font-size: 1rem;
          color: #666;
          vertical-align: sub; }
        .products-listing .listing > .right .selected-facet span a:hover:after {
          color: #dc3545; }
    @media (min-width: 992px) {
      .products-listing .listing > .right {
        padding-left: 15px;
        max-width: 80%;
        flex: 0 0 80%; }
        .products-listing .listing > .right .filters .custom-dropdown a.nav-link {
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          font-size: 0.95rem;
          letter-spacing: normal;
          color: #222;
          text-transform: capitalize; } }
    @media (max-width: 991px) {
      .products-listing .listing > .right {
        max-width: 100%;
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; }
        .products-listing .listing > .right .filters {
          flex-wrap: wrap;
          position: relative;
          order: 2; }
          .products-listing .listing > .right .filters .custom-dropdown {
            max-width: 50%;
            flex: 0 0 50%;
            height: 40px;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            position: absolute;
            right: 0px;
            top: -40px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .products-listing .listing > .right .filters .custom-dropdown .dropdown-menu.show {
              margin: 5px 0px 0px auto;
              right: 0px;
              min-width: 300%; }
          .products-listing .listing > .right .filters .results {
            order: 2;
            max-width: 100%;
            flex: 0 0 100%;
            margin: 10px auto;
            text-align: center; }
          .products-listing .listing > .right .filters .view-style {
            position: absolute;
            right: 10px;
            bottom: 10px; }
        .products-listing .listing > .right .selected-facet {
          display: none; }
        .products-listing .listing > .right #exportPdf, .products-listing .listing > .right #exportExcel, .products-listing .listing > .right #importPro {
          flex: auto; }
        .products-listing .listing > .right .product-display .page-th {
          display: none !important; } }
    @media (max-width: 767px) {
      .products-listing .listing > .right .filters .view-style {
        display: none !important; } }
    .products-listing .listing > .right > .actions {
      border: none;
      padding: 7px 0px; }
  .products-listing .listing .product-display .page {
    display: flex;
    flex-wrap: wrap; }
  .products-listing .listing .cms-text {
    border-top: 1px solid #aaa;
    padding-top: 40px;
    margin-top: 40px; }
  .products-listing .listing .l-description figure img {
    max-width: 100%;
    height: auto;
    width: auto; }
  .products-listing .listing .l-description figure label {
    font-size: 0.75rem;
    margin-bottom: 0px;
    font-weight: 400;
    color: #aaa; }
  .products-listing .listing .l-description a.brand-link {
    color: #214a8c; }
    .products-listing .listing .l-description a.brand-link:hover {
      color: #08285c; }
  .products-listing .listing .l-description p.brand-btn {
    display: inline-flex; }
    .products-listing .listing .l-description p.brand-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .products-listing .listing .l-description p.brand-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .products-listing .listing .l-description p.brand-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .products-listing .listing .l-description p.brand-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .products-listing .listing .l-description p.brand-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .products-listing .listing .l-description p.brand-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .products-listing .listing .l-description p.brand-btn a:after {
        color: #fff; }
      .products-listing .listing .l-description p.brand-btn a:hover {
        color: #214a8c; }
      .products-listing .listing .l-description p.brand-btn a:hover:after {
        color: #214a8c; }
  .products-listing .listing .l-description p.dark-btn {
    display: inline-flex; }
    .products-listing .listing .l-description p.dark-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .products-listing .listing .l-description p.dark-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .products-listing .listing .l-description p.dark-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .products-listing .listing .l-description p.dark-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .products-listing .listing .l-description p.dark-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
    .products-listing .listing .l-description p.dark-btn a {
      color: #fff;
      background: #214a8c;
      border-color: #214a8c; }
      .products-listing .listing .l-description p.dark-btn a:after {
        color: #fff; }
      .products-listing .listing .l-description p.dark-btn a:hover {
        color: #214a8c; }
      .products-listing .listing .l-description p.dark-btn a:hover:after {
        color: #214a8c; }
    .products-listing .listing .l-description p.dark-btn a {
      background: #222;
      border-color: #222; }
      .products-listing .listing .l-description p.dark-btn a:hover {
        color: #222; }
      .products-listing .listing .l-description p.dark-btn a:hover:after {
        color: #222; }
  .products-listing .listing .l-description p.white-btn {
    display: inline-flex; }
    .products-listing .listing .l-description p.white-btn a {
      color: #222;
      background: #fff;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      padding: 0px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      height: 45px;
      line-height: 1rem;
      text-decoration: none;
      display: inline-flex;
      border: 3px solid #fff;
      align-items: center;
      justify-content: center; }
      .products-listing .listing .l-description p.white-btn a:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e912";
        color: #214a8c; }
      .products-listing .listing .l-description p.white-btn a:hover {
        text-decoration: none;
        background: none;
        color: #fff; }
      .products-listing .listing .l-description p.white-btn a:hover:after {
        left: 5px;
        text-decoration: none;
        color: #fff; }
      @media (max-width: 991px) {
        .products-listing .listing .l-description p.white-btn a {
          padding: 5px 7px;
          font-size: 0.75rem;
          height: auto; } }
  .products-listing .listing .l-description a {
    color: #666;
    text-decoration: underline;
    color: #222; }
    .products-listing .listing .l-description a:hover {
      text-decoration: none;
      color: #214a8c;
      cursor: pointer; }
  .products-listing .listing .l-description p {
    margin-bottom: 15px; }
  .products-listing .listing .l-description p:only-child {
    margin-bottom: 0px; }
  .products-listing .listing .l-description p ~ br {
    display: none; }
  .products-listing .listing .l-description p + ul, .products-listing .listing .l-description ul + p {
    margin-top: 15px; }
  .products-listing .listing .l-description ul {
    margin-bottom: 0px; }
  .products-listing .listing .l-description label {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px; }
  .products-listing .listing .l-description ul li, .products-listing .listing .l-description ol li {
    margin-bottom: 10px;
    width: 100%; }
  .products-listing .listing .l-description ol {
    padding-left: 20px; }
    .products-listing .listing .l-description ol li {
      padding-left: 5px; }
  .products-listing .listing .l-description ul {
    padding-left: 0px; }
    .products-listing .listing .l-description ul li {
      list-style: none;
      position: relative;
      padding-left: 25px; }
    .products-listing .listing .l-description ul li:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      content: "\e930";
      margin-right: 10px;
      color: #666;
      position: absolute;
      left: 0px;
      font-size: 1rem; }
    .products-listing .listing .l-description ul li:nth-last-child(1) {
      margin-bottom: 0px; }
  @media (max-width: 991px) {
    .products-listing .listing .l-description label {
      font-size: 1rem;
      margin-bottom: 0px; } }
  .products-listing .listing .l-description .bold-txt {
    font-weight: 600; }
  .products-listing .listing .l-description .center {
    text-align: center; }
  .products-listing .listing .l-description .left {
    text-align: left; }
  .products-listing .listing .l-description .right {
    text-align: right; }
  .products-listing .listing .l-description .heading, .products-listing .listing .l-description .lg-heading {
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.75px; }
  .products-listing .listing .l-description .lg-heading {
    font-size: 2rem;
    font-weight: 600; }
  .products-listing .listing .l-description .body-title, .products-listing .listing .l-description .lg-txt {
    font-size: 1.25rem;
    color: #222; }
  .products-listing .listing .l-description .row > div, .products-listing .listing .l-description .btm-space {
    margin-bottom: 40px; }
  .products-listing .listing .l-description .noPadLR {
    padding-left: 0px;
    padding-right: 0px; }
  .products-listing .listing .l-description .noPadL {
    padding-left: 0px; }
  .products-listing .listing .l-description .noPadR {
    padding-right: 0px; }
  .products-listing .listing .l-description .wide {
    min-width: 50%; }
  .products-listing .listing .l-description .row.center {
    justify-content: center;
    text-align: left; }
  .products-listing .listing .l-description .brand-color {
    color: #214a8c; }
  @media (max-width: 991px) {
    .products-listing .listing .l-description .row > div, .products-listing .listing .l-description .btm-space {
      margin-bottom: 20px; }
    .products-listing .listing .l-description .body-title, .products-listing .listing .l-description .lg-txt {
      font-size: 1rem; }
    .products-listing .listing .l-description .heading {
      font-size: 1.25rem; } }
.products-listing section.vm-content .vm-hero img {
  width: auto;
  max-width: 100%; }
.products-listing section.vm-content .vm-hero p {
  margin: 20px 0px 0px;
  color: #222; }
.products-listing section.vm-content .vm-title {
  color: #222;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
  letter-spacing: 0.75px;
  color: #222;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
  letter-spacing: 0.75px;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 500; }
  .products-listing section.vm-content .vm-title:after {
    display: block;
    width: 50px;
    border-bottom: 3px solid #214a8c;
    content: "";
    padding-top: 10px;
    margin: 0px auto; }
  @media (max-width: 991px) {
    .products-listing section.vm-content .vm-title {
      margin-bottom: 20px; } }
  .products-listing section.vm-content .vm-title:after {
    display: block;
    width: 50px;
    border-bottom: 3px solid #214a8c;
    content: "";
    padding-top: 10px;
    margin: 0px auto; }
  @media (max-width: 991px) {
    .products-listing section.vm-content .vm-title {
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .products-listing section.vm-content .vm-title {
      font-size: 1.25rem; } }
  .products-listing section.vm-content .vm-title:after {
    display: none; }
.products-listing section.vm-content.recommendations .product-slider .owl-item form {
  border: 0px; }
.products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-item {
  padding: 10px; }
  .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-item form {
    padding: 5px;
    background: #f7f7f7; }
    .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-item form:hover {
      background: #eee; }
.products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel {
  border: 0px; }
  .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel .owl-stage .owl-item .details {
    min-height: auto; }
    .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img {
      background: #fff;
      max-width: 100%;
      height: 110px; }
      .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .product-img img {
        max-height: 100px; }
    .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title {
      text-align: center;
      font-size: 0.875rem;
      font-weight: 600;
      align-content: center;
      margin: 0px;
      height: 40px;
      max-height: 40px; }
      .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-carousel .owl-stage .owl-item .details .col.pro-details .title:after {
        display: none; }
.products-listing section.vm-content.vm-assets {
  display: flex;
  padding-bottom: 40px;
  border-bottom: 1px solid #666; }
  .products-listing section.vm-content.vm-assets .block {
    background: #f1f1f1;
    padding: 0px 15px;
    width: 100%;
    position: relative;
    padding: 0px; }
    .products-listing section.vm-content.vm-assets .block .img, .products-listing section.vm-content.vm-assets .block .video {
      text-align: center;
      position: relative;
      width: 100%; }
      .products-listing section.vm-content.vm-assets .block .img img, .products-listing section.vm-content.vm-assets .block .video img {
        max-width: 100%;
        width: auto;
        height: auto; }
    .products-listing section.vm-content.vm-assets .block .video {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden; }
    .products-listing section.vm-content.vm-assets .block .video iframe, .products-listing section.vm-content.vm-assets .block .video object, .products-listing section.vm-content.vm-assets .block .video embed {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: calc(100% + 1px); }
    .products-listing section.vm-content.vm-assets .block .details {
      margin-top: 15px; }
      .products-listing section.vm-content.vm-assets .block .details > div + div, .products-listing section.vm-content.vm-assets .block .details > article + div, .products-listing section.vm-content.vm-assets .block .details > div + article {
        margin-top: 15px; }
      .products-listing section.vm-content.vm-assets .block .details .cat-title {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin: 0px 5px 10px 0px;
        width: max-content; }
      .products-listing section.vm-content.vm-assets .block .details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        padding-bottom: 10px; }
      .products-listing section.vm-content.vm-assets .block .details .title {
        color: #222;
        font-size: 2.5rem;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        line-height: calc(100% + 5px);
        padding: 25px 0px;
        font-size: 1.75rem;
        padding: 10px 0px;
        font-weight: 400;
        padding: 0px;
        margin-top: 0px; }
        @media (max-width: 991px) {
          .products-listing section.vm-content.vm-assets .block .details .title {
            font-size: 1.2rem;
            padding: 0px; } }
        @media (max-width: 991px) {
          .products-listing section.vm-content.vm-assets .block .details .title {
            font-size: 1.5rem; } }
        @media (min-width: 992px) {
          .products-listing section.vm-content.vm-assets .block .details .title {
            font-size: 1.25rem; } }
        @media (max-width: 991px) {
          .products-listing section.vm-content.vm-assets .block .details .title {
            font-size: 1rem; } }
        .products-listing section.vm-content.vm-assets .block .details .title a {
          color: #222; }
          .products-listing section.vm-content.vm-assets .block .details .title a:hover {
            color: #214a8c;
            text-decoration: none; }
      .products-listing section.vm-content.vm-assets .block .details .posted {
        color: #666;
        font-family: "Poppins", sans-serif;
        font-size: 0.75rem;
        letter-spacing: 0.75px;
        margin-top: 0px;
        padding-top: 0.25rem;
        display: inline-block; }
        .products-listing section.vm-content.vm-assets .block .details .posted span {
          color: #222; }
        .products-listing section.vm-content.vm-assets .block .details .posted span.date {
          text-transform: uppercase; }
      .products-listing section.vm-content.vm-assets .block .details .description, .products-listing section.vm-content.vm-assets .block .details .l-description {
        margin-bottom: 0px;
        color: #222; }
      .products-listing section.vm-content.vm-assets .block .details .l-description figure img {
        max-width: 100%;
        height: auto;
        width: auto; }
      .products-listing section.vm-content.vm-assets .block .details .l-description figure label {
        font-size: 0.75rem;
        margin-bottom: 0px;
        font-weight: 400;
        color: #aaa; }
      .products-listing section.vm-content.vm-assets .block .details .l-description a.brand-link {
        color: #214a8c; }
        .products-listing section.vm-content.vm-assets .block .details .l-description a.brand-link:hover {
          color: #08285c; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn {
        display: inline-flex; }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:after {
            color: #fff; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:hover {
            color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.brand-btn a:hover:after {
            color: #214a8c; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn {
        display: inline-flex; }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a {
          color: #fff;
          background: #214a8c;
          border-color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:after {
            color: #fff; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover {
            color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover:after {
            color: #214a8c; }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a {
          background: #222;
          border-color: #222; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover {
            color: #222; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.dark-btn a:hover:after {
            color: #222; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn {
        display: inline-flex; }
        .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn a {
          color: #222;
          background: #fff;
          font-family: "Poppins", sans-serif;
          font-weight: 600;
          padding: 0px 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          height: 45px;
          line-height: 1rem;
          text-decoration: none;
          display: inline-flex;
          border: 3px solid #fff;
          align-items: center;
          justify-content: center; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\e912";
            color: #214a8c; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn a:hover {
            text-decoration: none;
            background: none;
            color: #fff; }
          .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn a:hover:after {
            left: 5px;
            text-decoration: none;
            color: #fff; }
          @media (max-width: 991px) {
            .products-listing section.vm-content.vm-assets .block .details .l-description p.white-btn a {
              padding: 5px 7px;
              font-size: 0.75rem;
              height: auto; } }
      .products-listing section.vm-content.vm-assets .block .details .l-description a {
        color: #666;
        text-decoration: underline;
        color: #222; }
        .products-listing section.vm-content.vm-assets .block .details .l-description a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p {
        margin-bottom: 15px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p:only-child {
        margin-bottom: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p ~ br {
        display: none; }
      .products-listing section.vm-content.vm-assets .block .details .l-description p + ul, .products-listing section.vm-content.vm-assets .block .details .l-description ul + p {
        margin-top: 15px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description ul {
        margin-bottom: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description label {
        font-size: 1.25rem;
        font-weight: 600;
        color: #222;
        margin-bottom: 15px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description ul li, .products-listing section.vm-content.vm-assets .block .details .l-description ol li {
        margin-bottom: 10px;
        width: 100%; }
      .products-listing section.vm-content.vm-assets .block .details .l-description ol {
        padding-left: 20px; }
        .products-listing section.vm-content.vm-assets .block .details .l-description ol li {
          padding-left: 5px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description ul {
        padding-left: 0px; }
        .products-listing section.vm-content.vm-assets .block .details .l-description ul li {
          list-style: none;
          position: relative;
          padding-left: 25px; }
        .products-listing section.vm-content.vm-assets .block .details .l-description ul li:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          content: "\e930";
          margin-right: 10px;
          color: #666;
          position: absolute;
          left: 0px;
          font-size: 1rem; }
        .products-listing section.vm-content.vm-assets .block .details .l-description ul li:nth-last-child(1) {
          margin-bottom: 0px; }
      @media (max-width: 991px) {
        .products-listing section.vm-content.vm-assets .block .details .l-description label {
          font-size: 1rem;
          margin-bottom: 0px; } }
      .products-listing section.vm-content.vm-assets .block .details .l-description .bold-txt {
        font-weight: 600; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .center {
        text-align: center; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .left {
        text-align: left; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .right {
        text-align: right; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .heading, .products-listing section.vm-content.vm-assets .block .details .l-description .lg-heading {
        font-size: 1.5rem;
        font-family: "Poppins", sans-serif;
        letter-spacing: 0.75px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .lg-heading {
        font-size: 2rem;
        font-weight: 600; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .body-title, .products-listing section.vm-content.vm-assets .block .details .l-description .lg-txt {
        font-size: 1.25rem;
        color: #222; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .row > div, .products-listing section.vm-content.vm-assets .block .details .l-description .btm-space {
        margin-bottom: 40px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .noPadLR {
        padding-left: 0px;
        padding-right: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .noPadL {
        padding-left: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .noPadR {
        padding-right: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .wide {
        min-width: 50%; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .row.center {
        justify-content: center;
        text-align: left; }
      .products-listing section.vm-content.vm-assets .block .details .l-description .brand-color {
        color: #214a8c; }
      @media (max-width: 991px) {
        .products-listing section.vm-content.vm-assets .block .details .l-description .row > div, .products-listing section.vm-content.vm-assets .block .details .l-description .btm-space {
          margin-bottom: 20px; }
        .products-listing section.vm-content.vm-assets .block .details .l-description .body-title, .products-listing section.vm-content.vm-assets .block .details .l-description .lg-txt {
          font-size: 1rem; }
        .products-listing section.vm-content.vm-assets .block .details .l-description .heading {
          font-size: 1.25rem; } }
      .products-listing section.vm-content.vm-assets .block .details article p {
        margin-bottom: 0px; }
      .products-listing section.vm-content.vm-assets .block .details .link a {
        color: #222;
        text-transform: uppercase;
        font-size: 0.875rem;
        text-decoration: none;
        font-weight: 600;
        display: inline-block;
        line-height: 1rem;
        letter-spacing: 0.5px; }
        .products-listing section.vm-content.vm-assets .block .details .link a:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\e912";
          vertical-align: sub; }
        .products-listing section.vm-content.vm-assets .block .details .link a:hover {
          color: #214a8c; }
        .products-listing section.vm-content.vm-assets .block .details .link a:hover:after {
          left: 5px; }
    .products-listing section.vm-content.vm-assets .block .details:only-child {
      display: flex;
      flex-direction: column; }
      .products-listing section.vm-content.vm-assets .block .details:only-child .title:only-child {
        font-size: 2.5rem;
        word-break: break-word;
        text-align: center; }
    @media (max-width: 991px) {
      .products-listing section.vm-content.vm-assets .block .details {
        margin-top: 10px; }
        .products-listing section.vm-content.vm-assets .block .details > div + div {
          margin-top: 10px; }
      .products-listing section.vm-content.vm-assets .block .details:only-child .title:only-child {
        font-size: 1.25rem; } }
    .products-listing section.vm-content.vm-assets .block .details {
      margin: 0px;
      padding: 15px 15px 15px 30px;
      align-self: center; }
  .products-listing section.vm-content.vm-assets .block, .products-listing section.vm-content.vm-assets .block > div {
    max-width: 50%;
    flex: 0 0 50%; }
@media (min-width: 1200px) {
  .products-listing section.vm-content.recommendations.vm-cms .product-slider .owl-item {
    min-width: 12.5%;
    max-width: 12.5%; }
  .products-listing section.vm-content.vm-assets .block {
    display: flex; } }
@media (max-width: 1199px) {
  .products-listing section.vm-content.vm-assets {
    border-bottom: 0px; }
    .products-listing section.vm-content.vm-assets .block {
      flex-direction: column; }
      .products-listing section.vm-content.vm-assets .block > div {
        max-width: 100%;
        flex: 0 0 100%; }
      .products-listing section.vm-content.vm-assets .block .details {
        padding: 15px; } }
@media (max-width: 991px) {
  .products-listing section.vm-content .vm-hero p {
    padding: 0px 10px; }
  .products-listing section.vm-content.vm-assets .block > div {
    max-width: 100%;
    flex: 0 0 100%; } }
@media (max-width: 767px) {
  .products-listing section.vm-content.vm-assets {
    flex-direction: column; }
    .products-listing section.vm-content.vm-assets .block {
      max-width: 100%;
      flex: 0 0 100%; } }
.products-listing section[class="vm-content"] {
  margin-top: 0px; }

.oc .products-listing .product-display .page form, .b2c .products-listing .product-display .page form {
  border-bottom: 1px solid #ddd; }
  .oc .products-listing .product-display .page form:hover, .b2c .products-listing .product-display .page form:hover {
    background-color: #f7fbff; }
.oc .products-listing .product-display .page .details, .b2c .products-listing .product-display .page .details {
  padding: 0px; }
  .oc .products-listing .product-display .page .details > .col, .b2c .products-listing .product-display .page .details > .col {
    text-align: left;
    padding: 0px; }
    .oc .products-listing .product-display .page .details > .col .eco, .b2c .products-listing .product-display .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .oc .products-listing .product-display .page .details .col.checkbox, .b2c .products-listing .product-display .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .oc .products-listing .product-display .page .details .supp, .b2c .products-listing .product-display .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .oc .products-listing .product-display .page .details .col.pro-details, .b2c .products-listing .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .oc .products-listing .product-display .page .details .col.pro-details .text, .b2c .products-listing .product-display .page .details .col.pro-details .text {
      width: 100%; }
    .oc .products-listing .product-display .page .details .col.pro-details .product-img, .b2c .products-listing .product-display .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .oc .products-listing .product-display .page .details .col.pro-details .product-img img, .b2c .products-listing .product-display .page .details .col.pro-details .product-img img {
        width: auto; }
      .oc .products-listing .product-display .page .details .col.pro-details .product-img img, .b2c .products-listing .product-display .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .oc .products-listing .product-display .page .details .col.pro-details .sub-title, .b2c .products-listing .product-display .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .oc .products-listing .product-display .page .details .col.pro-details .sub-title a, .b2c .products-listing .product-display .page .details .col.pro-details .sub-title a {
        color: #666; }
        .oc .products-listing .product-display .page .details .col.pro-details .sub-title a:hover, .b2c .products-listing .product-display .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .oc .products-listing .product-display .page .details .col.pro-details .title, .b2c .products-listing .product-display .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .oc .products-listing .product-display .page .details .col.pro-details .title a, .b2c .products-listing .product-display .page .details .col.pro-details .title a {
        color: #222; }
        .oc .products-listing .product-display .page .details .col.pro-details .title a:hover, .b2c .products-listing .product-display .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .oc .products-listing .product-display .page .details .col.pro-details .title:after, .b2c .products-listing .product-display .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .oc .products-listing .product-display .page .details .col.pro-details .mfg, .oc .products-listing .product-display .page .details .col.pro-details .upc, .oc .products-listing .product-display .page .details .col.pro-details .co-label, .b2c .products-listing .product-display .page .details .col.pro-details .mfg, .b2c .products-listing .product-display .page .details .col.pro-details .upc, .b2c .products-listing .product-display .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .oc .products-listing .product-display .page .details .col.pro-details .mfg span, .oc .products-listing .product-display .page .details .col.pro-details .upc span, .oc .products-listing .product-display .page .details .col.pro-details .co-label span, .b2c .products-listing .product-display .page .details .col.pro-details .mfg span, .b2c .products-listing .product-display .page .details .col.pro-details .upc span, .b2c .products-listing .product-display .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .oc .products-listing .product-display .page .details .col.pro-details .mfg span:last-of-type, .oc .products-listing .product-display .page .details .col.pro-details .upc span:last-of-type, .oc .products-listing .product-display .page .details .col.pro-details .co-label span:last-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .upc span:last-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .oc .products-listing .product-display .page .details .col.pro-details .mfg span:first-of-type, .oc .products-listing .product-display .page .details .col.pro-details .upc span:first-of-type, .oc .products-listing .product-display .page .details .col.pro-details .co-label span:first-of-type, .oc .products-listing .product-display .page .details .col.pro-details .personal-code span:first-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .upc span:first-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2c .products-listing .product-display .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .oc .products-listing .product-display .page .details .col.pro-details .personal-code, .b2c .products-listing .product-display .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .oc .products-listing .product-display .page .details .col.pro-details .personal-code a, .b2c .products-listing .product-display .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .oc .products-listing .product-display .page .details .col.pro-details .change-code, .b2c .products-listing .product-display .page .details .col.pro-details .change-code {
      display: flex; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code input, .oc .products-listing .product-display .page .details .col.pro-details .change-code textarea, .b2c .products-listing .product-display .page .details .col.pro-details .change-code input, .b2c .products-listing .product-display .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code input, .oc .products-listing .product-display .page .details .col.pro-details .change-code button, .b2c .products-listing .product-display .page .details .col.pro-details .change-code input, .b2c .products-listing .product-display .page .details .col.pro-details .change-code button {
        height: 30px; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code textarea, .b2c .products-listing .product-display .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code input, .b2c .products-listing .product-display .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code button.img, .b2c .products-listing .product-display .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .oc .products-listing .product-display .page .details .col.pro-details .change-code input[type="image"], .oc .products-listing .product-display .page .details .col.pro-details .change-code img, .b2c .products-listing .product-display .page .details .col.pro-details .change-code input[type="image"], .b2c .products-listing .product-display .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .oc .products-listing .product-display .page .details .col.pro-details .change-code.collapse:not(.show), .b2c .products-listing .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .oc .products-listing .product-display .page .details .col.pro-details .change-code.show, .b2c .products-listing .product-display .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .oc .products-listing .product-display .page .details .col.pro-details .mfg, .oc .products-listing .product-display .page .details .col.pro-details .upc, .oc .products-listing .product-display .page .details .col.pro-details .co-label, .b2c .products-listing .product-display .page .details .col.pro-details .mfg, .b2c .products-listing .product-display .page .details .col.pro-details .upc, .b2c .products-listing .product-display .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .oc .products-listing .product-display .page .details .inventory, .b2c .products-listing .product-display .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .oc .products-listing .product-display .page .details .inventory .supp, .b2c .products-listing .product-display .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .oc .products-listing .product-display .page .details .inventory .in-stock, .oc .products-listing .product-display .page .details .inventory .out-stock, .b2c .products-listing .product-display .page .details .inventory .in-stock, .b2c .products-listing .product-display .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .oc .products-listing .product-display .page .details .inventory .in-stock:before, .oc .products-listing .product-display .page .details .inventory .out-stock:before, .b2c .products-listing .product-display .page .details .inventory .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .oc .products-listing .product-display .page .details .inventory .in-stock, .b2c .products-listing .product-display .page .details .inventory .in-stock {
      color: #10a700; }
      .oc .products-listing .product-display .page .details .inventory .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .oc .products-listing .product-display .page .details .inventory .out-stock, .b2c .products-listing .product-display .page .details .inventory .out-stock {
      color: #dc3545; }
      .oc .products-listing .product-display .page .details .inventory .out-stock:before, .b2c .products-listing .product-display .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .oc .products-listing .product-display .page .details .inventory .delivery, .b2c .products-listing .product-display .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .oc .products-listing .product-display .page .details .inventory .delivery .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .oc .products-listing .product-display .page .details .inventory .pickup .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .oc .products-listing .product-display .page .details .inventory .pickup, .b2c .products-listing .product-display .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .oc .products-listing .product-display .page .details .inventory .pickup:before, .b2c .products-listing .product-display .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .oc .products-listing .product-display .page .details .inventory .pickup:after, .b2c .products-listing .product-display .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .oc .products-listing .product-display .page .details .inventory .nonstock .out-stock, .b2c .products-listing .product-display .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .oc .products-listing .product-display .page .details .inventory .nonstock .out-stock:before, .b2c .products-listing .product-display .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .oc .products-listing .product-display .page .details .inventory .nonstock .supp, .b2c .products-listing .product-display .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .oc .products-listing .product-display .page .details .inventory .leadtime span, .b2c .products-listing .product-display .page .details .inventory .leadtime span {
      color: #10a700; }
    .oc .products-listing .product-display .page .details .inventory .leadtime.supp, .oc .products-listing .product-display .page .details .inventory .pickup .preferred, .b2c .products-listing .product-display .page .details .inventory .leadtime.supp, .b2c .products-listing .product-display .page .details .inventory .pickup .preferred {
      display: block; }
    .oc .products-listing .product-display .page .details .inventory .preferred, .b2c .products-listing .product-display .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .oc .products-listing .product-display .page .details .inventory .out-stock ~ .preferred, .b2c .products-listing .product-display .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .oc .products-listing .product-display .page .details .inventory .backorder .in-stock, .oc .products-listing .product-display .page .details .inventory .nonstock .in-stock, .b2c .products-listing .product-display .page .details .inventory .backorder .in-stock, .b2c .products-listing .product-display .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .oc .products-listing .product-display .page .details .inventory .backorder .in-stock:before, .oc .products-listing .product-display .page .details .inventory .nonstock .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .backorder .in-stock:before, .b2c .products-listing .product-display .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .oc .products-listing .product-display .page .details .inventory ._labels, .b2c .products-listing .product-display .page .details .inventory ._labels {
      display: none !important; }
    .oc .products-listing .product-display .page .details .inventory .text, .b2c .products-listing .product-display .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .oc .products-listing .product-display .page .details .inventory .text span, .b2c .products-listing .product-display .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .oc .products-listing .product-display .page .details .inventory .text span:before, .b2c .products-listing .product-display .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .oc .products-listing .product-display .page .details .inventory .text span:after, .b2c .products-listing .product-display .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .oc .products-listing .product-display .page .details .inventory .text span a, .b2c .products-listing .product-display .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .oc .products-listing .product-display .page .details .inventory .text span a:hover, .b2c .products-listing .product-display .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .oc .products-listing .product-display .page .details .inventory, .b2c .products-listing .product-display .page .details .inventory {
        margin-bottom: 5px; }
        .oc .products-listing .product-display .page .details .inventory .pickup:before, .b2c .products-listing .product-display .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .oc .products-listing .product-display .page .details .inventory .pickup:after, .b2c .products-listing .product-display .page .details .inventory .pickup:after {
          bottom: -20px; }
        .oc .products-listing .product-display .page .details .inventory .pickup:last-child:before, .oc .products-listing .product-display .page .details .inventory .pickup:last-child:after, .b2c .products-listing .product-display .page .details .inventory .pickup:last-child:before, .b2c .products-listing .product-display .page .details .inventory .pickup:last-child:after {
          display: none; }
        .oc .products-listing .product-display .page .details .inventory .leadtime.supp, .oc .products-listing .product-display .page .details .inventory .pickup .preferred, .b2c .products-listing .product-display .page .details .inventory .leadtime.supp, .b2c .products-listing .product-display .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .oc .products-listing .product-display .page .details .inventory .leadtime.supp, .oc .products-listing .product-display .page .details .inventory .pickup .preferred, .b2c .products-listing .product-display .page .details .inventory .leadtime.supp, .b2c .products-listing .product-display .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .oc .products-listing .product-display .page .details .pickup, .b2c .products-listing .product-display .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .oc .products-listing .product-display .page .details .branch, .b2c .products-listing .product-display .page .details .branch {
    margin-left: 25px; }
    .oc .products-listing .product-display .page .details .branch button, .b2c .products-listing .product-display .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .oc .products-listing .product-display .page .details .branch button:focus, .b2c .products-listing .product-display .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .oc .products-listing .product-display .page .details .branch .dropdown-menu, .b2c .products-listing .product-display .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .oc .products-listing .product-display .page .details .branch .dropdown-menu li, .b2c .products-listing .product-display .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .oc .products-listing .product-display .page .details .branch .dropdown-menu li:after, .b2c .products-listing .product-display .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .oc .products-listing .product-display .page .details .branch .dropdown-menu li span, .b2c .products-listing .product-display .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .oc .products-listing .product-display .page .details .branch .dropdown-menu li.available:after, .b2c .products-listing .product-display .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .oc .products-listing .product-display .page .details .branch .dropdown-menu li.available span, .b2c .products-listing .product-display .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .oc .products-listing .product-display .page .details .col.price, .b2c .products-listing .product-display .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .oc .products-listing .product-display .page .details .col.price .sale, .b2c .products-listing .product-display .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .oc .products-listing .product-display .page .details .col.price .price, .b2c .products-listing .product-display .page .details .col.price .price {
      color: #222; }
    .oc .products-listing .product-display .page .details .col.price .discount, .b2c .products-listing .product-display .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .oc .products-listing .product-display .page .details .col.price .sale + .price, .oc .products-listing .product-display .page .details .col.price .discount + .price, .b2c .products-listing .product-display .page .details .col.price .sale + .price, .b2c .products-listing .product-display .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .oc .products-listing .product-display .page .details .col.price .supp, .b2c .products-listing .product-display .page .details .col.price .supp {
      margin-left: 5px; }
    .oc .products-listing .product-display .page .details .col.price .eco, .b2c .products-listing .product-display .page .details .col.price .eco {
      color: #10a700; }
    .oc .products-listing .product-display .page .details .col.price > span:nth-of-type(2), .b2c .products-listing .product-display .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .oc .products-listing .product-display .page .details .col.price .supp:not(:last-child), .b2c .products-listing .product-display .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .oc .products-listing .product-display .page .details .col.qty, .b2c .products-listing .product-display .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .oc .products-listing .product-display .page .details .col.qty input, .oc .products-listing .product-display .page .details .col.qty textarea, .b2c .products-listing .product-display .page .details .col.qty input, .b2c .products-listing .product-display .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .oc .products-listing .product-display .page .details .col.qty input, .oc .products-listing .product-display .page .details .col.qty button, .b2c .products-listing .product-display .page .details .col.qty input, .b2c .products-listing .product-display .page .details .col.qty button {
      height: 30px; }
    .oc .products-listing .product-display .page .details .col.qty textarea, .b2c .products-listing .product-display .page .details .col.qty textarea {
      height: 50px; }
    .oc .products-listing .product-display .page .details .col.qty input, .b2c .products-listing .product-display .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .oc .products-listing .product-display .page .details .col.qty input.disabled, .b2c .products-listing .product-display .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .oc .products-listing .product-display .page .details .col.qty input.input-validation-error, .b2c .products-listing .product-display .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .oc .products-listing .product-display .page .details .col.qty span.margin + input, .b2c .products-listing .product-display .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .oc .products-listing .product-display .page .details .col.qty span.uom, .b2c .products-listing .product-display .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .oc .products-listing .product-display .page .details .col.qty > span.supp, .oc .products-listing .product-display .page .details .col.qty .available, .b2c .products-listing .product-display .page .details .col.qty > span.supp, .b2c .products-listing .product-display .page .details .col.qty .available {
      line-height: 30px; }
    .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length:after, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .oc .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .oc .products-listing .product-display .page .details .col.qty, .b2c .products-listing .product-display .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .oc .products-listing .product-display .page .details .col.qty .cable-cuts, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .oc .products-listing .product-display .page .details .col.total .saving, .b2c .products-listing .product-display .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .oc .products-listing .product-display .page .details .add-to-cart, .b2c .products-listing .product-display .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .oc .products-listing .product-display .page .details .add-to-cart button.add-cart, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .oc .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .oc .products-listing .product-display .page .details .add-to-cart button.add-cart:focus, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .oc .products-listing .product-display .page .details .add-to-cart button.add-cart a, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .oc .products-listing .product-display .page .details .add-to-cart button.add-cart:focus, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .oc .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .oc .products-listing .product-display .page .details .add-to-cart button.add-cart:focus, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .oc .products-listing .product-display .page .details .add-to-cart button.add-cart.disabled, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .oc .products-listing .product-display .page .details .add-to-cart button.add-cart, .oc .products-listing .product-display .page .details .add-to-cart .btn-sml, .b2c .products-listing .product-display .page .details .add-to-cart button.add-cart, .b2c .products-listing .product-display .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .oc .products-listing .product-display .page .details .add-to-cart .text, .b2c .products-listing .product-display .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .oc .products-listing .product-display .page .details .add-to-cart .text:before, .b2c .products-listing .product-display .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .oc .products-listing .product-display .page .details .alert-warning, .b2c .products-listing .product-display .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .oc .products-listing .product-display .page .details .alert-warning > span, .b2c .products-listing .product-display .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .oc .products-listing .product-display .page .details .download, .b2c .products-listing .product-display .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .oc .products-listing .product-display .page .details .download i, .b2c .products-listing .product-display .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .oc .products-listing .product-display .page .details .download > a, .b2c .products-listing .product-display .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .oc .products-listing .product-display .page .details .download > a span, .b2c .products-listing .product-display .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .oc .products-listing .product-display .page .details .download > a span:hover, .b2c .products-listing .product-display .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .oc .products-listing .product-display .page .details .download > a img, .b2c .products-listing .product-display .page .details .download > a img {
        height: 1rem; }
      .oc .products-listing .product-display .page .details .download > a i, .b2c .products-listing .product-display .page .details .download > a i {
        font-size: 1rem; }
    .oc .products-listing .product-display .page .details .download #docModal .modal-dialog, .b2c .products-listing .product-display .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .oc .products-listing .product-display .page .details .download .modal .modal-title, .b2c .products-listing .product-display .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .oc .products-listing .product-display .page .details .download .modal .modal-title .text, .b2c .products-listing .product-display .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .oc .products-listing .product-display .page .details .download .modal .modal-title .text .sub-title, .b2c .products-listing .product-display .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .oc .products-listing .product-display .page .details .download .modal .modal-title .text .title, .b2c .products-listing .product-display .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .oc .products-listing .product-display .page .details .download .modal .modal-title .text .title:after, .b2c .products-listing .product-display .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .oc .products-listing .product-display .page .details .download .modal .modal-body > div, .b2c .products-listing .product-display .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .oc .products-listing .product-display .page .details .download .modal .modal-body div, .b2c .products-listing .product-display .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div .doc:before, .oc .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before, .oc .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .doc:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div .doc:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div span, .b2c .products-listing .product-display .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .oc .products-listing .product-display .page .details .download .modal .modal-body div span:before, .b2c .products-listing .product-display .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .oc .products-listing .product-display .page .details .download .modal .modal-body div span a, .b2c .products-listing .product-display .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .oc .products-listing .product-display .page .details .download .modal .modal-body div span a:hover, .b2c .products-listing .product-display .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .oc .products-listing .product-display .page .details .download .modal .btn-secondary, .b2c .products-listing .product-display .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .oc .products-listing .product-display .page .details .download .modal .btn-secondary i, .b2c .products-listing .product-display .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .oc .products-listing .product-display .page .details .download .modal .modal-title, .b2c .products-listing .product-display .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .oc .products-listing .product-display .page .details .download .modal .modal-title .text, .b2c .products-listing .product-display .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .oc .products-listing .product-display .page .details .download .modal .modal-body div, .b2c .products-listing .product-display .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .oc .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .b2c .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .oc .products-listing .product-display .page .details .col.total .saving, .b2c .products-listing .product-display .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .oc .products-listing .product-display .page .details .col.total .saving, .b2c .products-listing .product-display .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .oc .products-listing .product-display .page .details .checkbox, .b2c .products-listing .product-display .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .oc .products-listing .product-display .page .details .col ._labels, .b2c .products-listing .product-display .page .details .col ._labels {
    display: block !important; }
  .oc .products-listing .product-display .page .details .inventory ._labels, .b2c .products-listing .product-display .page .details .inventory ._labels {
    display: none !important; }
  .oc .products-listing .product-display .page .details .col.price, .b2c .products-listing .product-display .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .oc .products-listing .product-display .page .details .col.price span, .b2c .products-listing .product-display .page .details .col.price span {
      display: flex;
      align-items: center; }
  .oc .products-listing .product-display .page .details .col.qty, .b2c .products-listing .product-display .page .details .col.qty {
    max-width: 360px !important; }
    .oc .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .b2c .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .oc .products-listing .product-display .page .details .col.total, .b2c .products-listing .product-display .page .details .col.total {
    flex-wrap: wrap; }
    .oc .products-listing .product-display .page .details .col.total .saving, .b2c .products-listing .product-display .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .oc .products-listing .product-display .page .details .add-to-cart, .b2c .products-listing .product-display .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .oc .products-listing .product-display .page .details .alert-warning, .b2c .products-listing .product-display .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.oc .products-listing .product-display .page form, .b2c .products-listing .product-display .page form {
  width: 25%;
  padding: 15px; }
.oc .products-listing .product-display .page .details, .b2c .products-listing .product-display .page .details {
  position: relative;
  flex-direction: column;
  justify-content: flex-start; }
  .oc .products-listing .product-display .page .details > .col, .b2c .products-listing .product-display .page .details > .col {
    max-width: 100%;
    flex: 0 0 100%; }
  .oc .products-listing .product-display .page .details .col.pro-details .title, .b2c .products-listing .product-display .page .details .col.pro-details .title {
    height: 50px;
    max-height: 50px;
    line-height: 1rem; }
  .oc .products-listing .product-display .page .details .inventory, .b2c .products-listing .product-display .page .details .inventory {
    max-width: 100%; }
    .oc .products-listing .product-display .page .details .inventory .pickup a, .b2c .products-listing .product-display .page .details .inventory .pickup a {
      top: -5px; }
  .oc .products-listing .product-display .page .details .inventory, .oc .products-listing .product-display .page .details .col.price, .oc .products-listing .product-display .page .details .col.qty, .b2c .products-listing .product-display .page .details .inventory, .b2c .products-listing .product-display .page .details .col.price, .b2c .products-listing .product-display .page .details .col.qty {
    min-height: 45px; }
    .oc .products-listing .product-display .page .details .inventory .price + .supp, .oc .products-listing .product-display .page .details .col.price .price + .supp, .oc .products-listing .product-display .page .details .col.qty .price + .supp, .b2c .products-listing .product-display .page .details .inventory .price + .supp, .b2c .products-listing .product-display .page .details .col.price .price + .supp, .b2c .products-listing .product-display .page .details .col.qty .price + .supp {
      margin: 0px 5px; }
    .oc .products-listing .product-display .page .details .inventory .eco, .oc .products-listing .product-display .page .details .col.price .eco, .oc .products-listing .product-display .page .details .col.qty .eco, .b2c .products-listing .product-display .page .details .inventory .eco, .b2c .products-listing .product-display .page .details .col.price .eco, .b2c .products-listing .product-display .page .details .col.qty .eco {
      display: inline-block; }
  .oc .products-listing .product-display .page .details .inventory, .b2c .products-listing .product-display .page .details .inventory {
    height: calc(100px - 15px);
    margin-top: 5px; }
  .oc .products-listing .product-display .page .details .add-to-cart, .b2c .products-listing .product-display .page .details .add-to-cart {
    left: 0px; }
  .oc .products-listing .product-display .page .details .col.qty, .b2c .products-listing .product-display .page .details .col.qty {
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 7px;
    position: relative; }
    .oc .products-listing .product-display .page .details .col.qty .cable-cuts, .b2c .products-listing .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: auto; }
  .oc .products-listing .product-display .page .details .sp-tags, .b2c .products-listing .product-display .page .details .sp-tags {
    width: 100%; }
@media screen and (max-width: 1440px) {
  .oc .products-listing .product-display .page form, .b2c .products-listing .product-display .page form {
    width: 33.333333%;
    padding: 10px; } }
@media (min-width: 768px) {
  .oc .products-listing .product-display .page form, .b2c .products-listing .product-display .page form {
    border-right: 1px solid #ddd; }
  .oc .products-listing .product-display .page .details .checkbox, .b2c .products-listing .product-display .page .details .checkbox {
    top: 10px; }
  .oc .products-listing .product-display .page .details .col.pro-details .product-img, .b2c .products-listing .product-display .page .details .col.pro-details .product-img {
    height: 200px;
    max-width: 200px; }
    .oc .products-listing .product-display .page .details .col.pro-details .product-img img, .b2c .products-listing .product-display .page .details .col.pro-details .product-img img {
      max-height: 190px;
      max-width: 190px; }
  .oc .products-listing .product-display .page .details .col.pro-details .text .co-label, .b2c .products-listing .product-display .page .details .col.pro-details .text .co-label {
    min-height: 1.25rem; }
  .oc .products-listing .product-display .page .details .col.qty .cable-pop, .b2c .products-listing .product-display .page .details .col.qty .cable-pop {
    right: auto;
    left: 80px;
    top: 7px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .oc .products-listing .product-display .page .details .col.qty .cable-pop, .b2c .products-listing .product-display .page .details .col.qty .cable-pop {
    left: 1.1rem;
    top: -0.875rem; } }
@media (max-width: 767px) {
  .oc .products-listing .product-display .page form, .b2c .products-listing .product-display .page form {
    width: 100%;
    padding: 15px 0px; }
  .oc .products-listing .product-display .page .details .custom-input:checked ~ .custom-check:before, .b2c .products-listing .product-display .page .details .custom-input:checked ~ .custom-check:before {
    top: -1px; }
  .oc .products-listing .product-display .page .details .col.price, .b2c .products-listing .product-display .page .details .col.price {
    display: flex;
    align-items: center; }
  .oc .products-listing .product-display .page .details .col.pro-details, .b2c .products-listing .product-display .page .details .col.pro-details {
    margin-top: 0px; }
    .oc .products-listing .product-display .page .details .col.pro-details .title, .b2c .products-listing .product-display .page .details .col.pro-details .title {
      height: auto; }
  .oc .products-listing .product-display .page .details .inventory .pickup a, .b2c .products-listing .product-display .page .details .inventory .pickup a {
    display: inline-block;
    top: inherit; } }

.b2b .products-listing .product-display .page form {
  border-bottom: 1px solid #ddd; }
  .b2b .products-listing .product-display .page form:hover {
    background-color: #f7fbff; }
.b2b .products-listing .product-display .page .details {
  padding: 0px; }
  .b2b .products-listing .product-display .page .details > .col {
    text-align: left;
    padding: 0px; }
    .b2b .products-listing .product-display .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .b2b .products-listing .product-display .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .b2b .products-listing .product-display .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .b2b .products-listing .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page .details .col.pro-details .text {
      width: 100%; }
    .b2b .products-listing .product-display .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .b2b .products-listing .product-display .page .details .col.pro-details .product-img img {
        width: auto; }
      .b2b .products-listing .product-display .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .b2b .products-listing .product-display .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .b2b .products-listing .product-display .page .details .col.pro-details .sub-title a {
        color: #666; }
        .b2b .products-listing .product-display .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .b2b .products-listing .product-display .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .b2b .products-listing .product-display .page .details .col.pro-details .title a {
        color: #222; }
        .b2b .products-listing .product-display .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .b2b .products-listing .product-display .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .b2b .products-listing .product-display .page .details .col.pro-details .mfg, .b2b .products-listing .product-display .page .details .col.pro-details .upc, .b2b .products-listing .product-display .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .b2b .products-listing .product-display .page .details .col.pro-details .mfg span, .b2b .products-listing .product-display .page .details .col.pro-details .upc span, .b2b .products-listing .product-display .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2b .products-listing .product-display .page .details .col.pro-details .upc span:last-of-type, .b2b .products-listing .product-display .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .b2b .products-listing .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2b .products-listing .product-display .page .details .col.pro-details .upc span:first-of-type, .b2b .products-listing .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2b .products-listing .product-display .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .b2b .products-listing .product-display .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .b2b .products-listing .product-display .page .details .col.pro-details .change-code {
      display: flex; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code input, .b2b .products-listing .product-display .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code input, .b2b .products-listing .product-display .page .details .col.pro-details .change-code button {
        height: 30px; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .b2b .products-listing .product-display .page .details .col.pro-details .change-code input[type="image"], .b2b .products-listing .product-display .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .b2b .products-listing .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .b2b .products-listing .product-display .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .b2b .products-listing .product-display .page .details .col.pro-details .mfg, .b2b .products-listing .product-display .page .details .col.pro-details .upc, .b2b .products-listing .product-display .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .b2b .products-listing .product-display .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .b2b .products-listing .product-display .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .b2b .products-listing .product-display .page .details .inventory .in-stock, .b2b .products-listing .product-display .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .b2b .products-listing .product-display .page .details .inventory .in-stock:before, .b2b .products-listing .product-display .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .b2b .products-listing .product-display .page .details .inventory .in-stock {
      color: #10a700; }
      .b2b .products-listing .product-display .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .b2b .products-listing .product-display .page .details .inventory .out-stock {
      color: #dc3545; }
      .b2b .products-listing .product-display .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .b2b .products-listing .product-display .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-listing .product-display .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .b2b .products-listing .product-display .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .b2b .products-listing .product-display .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-listing .product-display .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .b2b .products-listing .product-display .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .b2b .products-listing .product-display .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .b2b .products-listing .product-display .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .b2b .products-listing .product-display .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .b2b .products-listing .product-display .page .details .inventory .leadtime span {
      color: #10a700; }
    .b2b .products-listing .product-display .page .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page .details .inventory .pickup .preferred {
      display: block; }
    .b2b .products-listing .product-display .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .b2b .products-listing .product-display .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .b2b .products-listing .product-display .page .details .inventory .backorder .in-stock, .b2b .products-listing .product-display .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .b2b .products-listing .product-display .page .details .inventory .backorder .in-stock:before, .b2b .products-listing .product-display .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .b2b .products-listing .product-display .page .details .inventory ._labels {
      display: none !important; }
    .b2b .products-listing .product-display .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .b2b .products-listing .product-display .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .b2b .products-listing .product-display .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .b2b .products-listing .product-display .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .b2b .products-listing .product-display .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-listing .product-display .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .b2b .products-listing .product-display .page .details .inventory {
        margin-bottom: 5px; }
        .b2b .products-listing .product-display .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .b2b .products-listing .product-display .page .details .inventory .pickup:after {
          bottom: -20px; }
        .b2b .products-listing .product-display .page .details .inventory .pickup:last-child:before, .b2b .products-listing .product-display .page .details .inventory .pickup:last-child:after {
          display: none; }
        .b2b .products-listing .product-display .page .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .b2b .products-listing .product-display .page .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .b2b .products-listing .product-display .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .b2b .products-listing .product-display .page .details .branch {
    margin-left: 25px; }
    .b2b .products-listing .product-display .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .b2b .products-listing .product-display .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .b2b .products-listing .product-display .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .b2b .products-listing .product-display .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .b2b .products-listing .product-display .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .b2b .products-listing .product-display .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .b2b .products-listing .product-display .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .b2b .products-listing .product-display .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .b2b .products-listing .product-display .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .b2b .products-listing .product-display .page .details .col.price .price {
      color: #222; }
    .b2b .products-listing .product-display .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .b2b .products-listing .product-display .page .details .col.price .sale + .price, .b2b .products-listing .product-display .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .b2b .products-listing .product-display .page .details .col.price .supp {
      margin-left: 5px; }
    .b2b .products-listing .product-display .page .details .col.price .eco {
      color: #10a700; }
    .b2b .products-listing .product-display .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .b2b .products-listing .product-display .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .b2b .products-listing .product-display .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .b2b .products-listing .product-display .page .details .col.qty input, .b2b .products-listing .product-display .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .b2b .products-listing .product-display .page .details .col.qty input, .b2b .products-listing .product-display .page .details .col.qty button {
      height: 30px; }
    .b2b .products-listing .product-display .page .details .col.qty textarea {
      height: 50px; }
    .b2b .products-listing .product-display .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .b2b .products-listing .product-display .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-listing .product-display .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .b2b .products-listing .product-display .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .b2b .products-listing .product-display .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .b2b .products-listing .product-display .page .details .col.qty > span.supp, .b2b .products-listing .product-display .page .details .col.qty .available {
      line-height: 30px; }
    .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .b2b .products-listing .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .b2b .products-listing .product-display .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .b2b .products-listing .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .b2b .products-listing .product-display .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .b2b .products-listing .product-display .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-listing .product-display .page .details .add-to-cart button.add-cart, .b2b .products-listing .product-display .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .b2b .products-listing .product-display .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .b2b .products-listing .product-display .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .b2b .products-listing .product-display .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .b2b .products-listing .product-display .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .b2b .products-listing .product-display .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .b2b .products-listing .product-display .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .b2b .products-listing .product-display .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .b2b .products-listing .product-display .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .b2b .products-listing .product-display .page .details .download > a img {
        height: 1rem; }
      .b2b .products-listing .product-display .page .details .download > a i {
        font-size: 1rem; }
    .b2b .products-listing .product-display .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .b2b .products-listing .product-display .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .b2b .products-listing .product-display .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .b2b .products-listing .product-display .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .b2b .products-listing .product-display .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .b2b .products-listing .product-display .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .b2b .products-listing .product-display .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div .doc:before, .b2b .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before, .b2b .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .b2b .products-listing .product-display .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .b2b .products-listing .product-display .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-listing .product-display .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .b2b .products-listing .product-display .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .b2b .products-listing .product-display .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .b2b .products-listing .product-display .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .b2b .products-listing .product-display .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .b2b .products-listing .product-display .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .b2b .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .b2b .products-listing .product-display .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .b2b .products-listing .product-display .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .b2b .products-listing .product-display .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .b2b .products-listing .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .products-listing .product-display .page .details .inventory ._labels {
    display: none !important; }
  .b2b .products-listing .product-display .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .b2b .products-listing .product-display .page .details .col.price span {
      display: flex;
      align-items: center; }
  .b2b .products-listing .product-display .page .details .col.qty {
    max-width: 360px !important; }
    .b2b .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .products-listing .product-display .page .details .col.total {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .b2b .products-listing .product-display .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .b2b .products-listing .product-display .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.b2b .products-listing .product-display .page form {
  width: 100%;
  padding: 15px 0px; }
.b2b .products-listing .product-display .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .b2b .products-listing .product-display .page .details .checkbox {
    align-self: center; }
  .b2b .products-listing .product-display .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .b2b .products-listing .product-display .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .b2b .products-listing .product-display .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .b2b .products-listing .product-display .page .details .col.price, .b2b .products-listing .product-display .page .details .col.total {
    text-align: right; }
  .b2b .products-listing .product-display .page .details .ordered .qty {
    text-align: left; }
  .b2b .products-listing .product-display .page .details .col.qty {
    position: static; }
    .b2b .products-listing .product-display .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .b2b .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .b2b .products-listing .product-display .page .details .col.price .eco {
    margin-top: 3px; }
  .b2b .products-listing .product-display .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .b2b .products-listing .product-display .page .details .sp-tags {
    justify-content: flex-end; }
  .b2b .products-listing .product-display .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .b2b .products-listing .product-display .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .b2b .products-listing .product-display .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .b2b .products-listing .product-display .page .details .remove button, .b2b .products-listing .product-display .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .b2b .products-listing .product-display .page .details .remove button:hover, .b2b .products-listing .product-display .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .b2b .products-listing .product-display .page .details .remove button span, .b2b .products-listing .product-display .page .details .remove a span {
        margin-left: 3px; }
      .b2b .products-listing .product-display .page .details .remove button i, .b2b .products-listing .product-display .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .b2b .products-listing .product-display .page .details .remove button:hover i, .b2b .products-listing .product-display .page .details .remove a:hover i {
        color: #214a8c; }
    .b2b .products-listing .product-display .page .details .remove button {
      background: none; }
  .b2b .products-listing .product-display .page .details .remove, .b2b .products-listing .product-display .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .b2b .products-listing .product-display .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .b2b .products-listing .product-display .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .b2b .products-listing .product-display .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .b2b .products-listing .product-display .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .b2b .products-listing .product-display .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .b2b .products-listing .product-display .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .b2b .products-listing .product-display .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .b2b .products-listing .product-display .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .b2b .products-listing .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .b2b .products-listing .product-display .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .b2b .products-listing .product-display .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .b2b .products-listing .product-display .page .details .quote-details {
    padding-left: 100px; }
    .b2b .products-listing .product-display .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note input, .b2b .products-listing .product-display .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note input, .b2b .products-listing .product-display .page .details .quote-details .pro-note button {
        height: 30px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note p, .b2b .products-listing .product-display .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .b2b .products-listing .product-display .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .b2b .products-listing .product-display .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .b2b .products-listing .product-display .page .details:not(.dnr) {
    justify-content: space-between; }
  .b2b .products-listing .product-display .page .quote-details {
    flex-direction: row; }
  .b2b .products-listing .product-display .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .b2b .products-listing .product-display .page .details .col.price .eco {
      min-width: 100%; }
  .b2b .products-listing .product-display .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .b2b .products-listing .product-display .page .details .checkbox {
    position: absolute; }
  .b2b .products-listing .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .products-listing .product-display .page .details .col.pro-details, .b2b .products-listing .product-display .page .details .inventory, .b2b .products-listing .product-display .page .details .col.price, .b2b .products-listing .product-display .page .details .ordered, .b2b .products-listing .product-display .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .b2b .products-listing .product-display .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .b2b .products-listing .product-display .page .details .inventory, .b2b .products-listing .product-display .page .details .col.price, .b2b .products-listing .product-display .page .details .col.qty, .b2b .products-listing .product-display .page .details .ordered, .b2b .products-listing .product-display .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .b2b .products-listing .product-display .page .details .inventory {
    margin-top: 5px; }
    .b2b .products-listing .product-display .page .details .inventory .delivery .leadtime.supp, .b2b .products-listing .product-display .page .details .inventory .pickup .preferred, .b2b .products-listing .product-display .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .b2b .products-listing .product-display .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .b2b .products-listing .product-display .page .details .inventory .pickup:after {
      bottom: -20px; }
  .b2b .products-listing .product-display .page .details .ordered span.supp {
    margin-left: 5px; }
    .b2b .products-listing .product-display .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .b2b .products-listing .product-display .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .b2b .products-listing .product-display .page .details .col.price {
    min-height: 45px; }
    .b2b .products-listing .product-display .page .details .col.price .eco {
      margin-top: 0px; }
  .b2b .products-listing .product-display .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .b2b .products-listing .product-display .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .b2b .products-listing .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .b2b .products-listing .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .products-listing .product-display .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .b2b .products-listing .product-display .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .b2b .products-listing .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .b2b .products-listing .product-display .page .details .update + .note {
    left: auto;
    right: 0px; }
  .b2b .products-listing .product-display .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .b2b .products-listing .product-display .page .details .quote-details {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note label, .b2b .products-listing .product-display .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .b2b .products-listing .product-display .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .b2b .products-listing .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .b2b .products-listing .product-display .page .details .inventory, .b2b .products-listing .product-display .page .details .col.price, .b2b .products-listing .product-display .page .details .col.qty, .b2b .products-listing .product-display .page .details .ordered, .b2b .products-listing .product-display .page .details .quote-details {
    padding-left: 0px; }
  .b2b .products-listing .product-display .page .details .col.price {
    flex-wrap: wrap; }
  .b2b .products-listing .product-display .page .details .sp-tags {
    width: 100%; }
  .b2b .products-listing .product-display .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .b2b .products-listing .product-display .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .b2b .products-listing .product-display .page .details .alert-warning {
    position: absolute; }
  .b2b .products-listing .product-display .page .details .pro-status {
    left: 0px; }
    .b2b .products-listing .product-display .page .details .pro-status:before {
      display: none; } }
.b2b .products-listing .product-display .page.grid form {
  border-bottom: 1px solid #ddd; }
  .b2b .products-listing .product-display .page.grid form:hover {
    background-color: #f7fbff; }
.b2b .products-listing .product-display .page.grid .details {
  padding: 0px; }
  .b2b .products-listing .product-display .page.grid .details > .col {
    text-align: left;
    padding: 0px; }
    .b2b .products-listing .product-display .page.grid .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .b2b .products-listing .product-display .page.grid .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .b2b .products-listing .product-display .page.grid .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .b2b .products-listing .product-display .page.grid .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .text {
      width: 100%; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .product-img img {
        width: auto; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .sub-title a {
        color: #666; }
        .b2b .products-listing .product-display .page.grid .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .title a {
        color: #222; }
        .b2b .products-listing .product-display .page.grid .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .mfg, .b2b .products-listing .product-display .page.grid .details .col.pro-details .upc, .b2b .products-listing .product-display .page.grid .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .mfg span, .b2b .products-listing .product-display .page.grid .details .col.pro-details .upc span, .b2b .products-listing .product-display .page.grid .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .mfg span:last-of-type, .b2b .products-listing .product-display .page.grid .details .col.pro-details .upc span:last-of-type, .b2b .products-listing .product-display .page.grid .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .mfg span:first-of-type, .b2b .products-listing .product-display .page.grid .details .col.pro-details .upc span:first-of-type, .b2b .products-listing .product-display .page.grid .details .col.pro-details .co-label span:first-of-type, .b2b .products-listing .product-display .page.grid .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code {
      display: flex; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code input, .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code input, .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code button {
        height: 30px; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code textarea {
        height: 50px; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code input[type="image"], .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .b2b .products-listing .product-display .page.grid .details .col.pro-details .mfg, .b2b .products-listing .product-display .page.grid .details .col.pro-details .upc, .b2b .products-listing .product-display .page.grid .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .b2b .products-listing .product-display .page.grid .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .b2b .products-listing .product-display .page.grid .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .b2b .products-listing .product-display .page.grid .details .inventory .in-stock, .b2b .products-listing .product-display .page.grid .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .b2b .products-listing .product-display .page.grid .details .inventory .in-stock:before, .b2b .products-listing .product-display .page.grid .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .in-stock {
      color: #10a700; }
      .b2b .products-listing .product-display .page.grid .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .out-stock {
      color: #dc3545; }
      .b2b .products-listing .product-display .page.grid .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-listing .product-display .page.grid .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .b2b .products-listing .product-display .page.grid .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .b2b .products-listing .product-display .page.grid .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .b2b .products-listing .product-display .page.grid .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .b2b .products-listing .product-display .page.grid .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .b2b .products-listing .product-display .page.grid .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .nonstock .supp {
      color: #dc3545; }
    .b2b .products-listing .product-display .page.grid .details .inventory .leadtime span {
      color: #10a700; }
    .b2b .products-listing .product-display .page.grid .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page.grid .details .inventory .pickup .preferred {
      display: block; }
    .b2b .products-listing .product-display .page.grid .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .b2b .products-listing .product-display .page.grid .details .inventory .backorder .in-stock, .b2b .products-listing .product-display .page.grid .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .b2b .products-listing .product-display .page.grid .details .inventory .backorder .in-stock:before, .b2b .products-listing .product-display .page.grid .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .b2b .products-listing .product-display .page.grid .details .inventory ._labels {
      display: none !important; }
    .b2b .products-listing .product-display .page.grid .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .b2b .products-listing .product-display .page.grid .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .b2b .products-listing .product-display .page.grid .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .b2b .products-listing .product-display .page.grid .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .b2b .products-listing .product-display .page.grid .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-listing .product-display .page.grid .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .b2b .products-listing .product-display .page.grid .details .inventory {
        margin-bottom: 5px; }
        .b2b .products-listing .product-display .page.grid .details .inventory .pickup:before {
          height: 1.5rem; }
        .b2b .products-listing .product-display .page.grid .details .inventory .pickup:after {
          bottom: -20px; }
        .b2b .products-listing .product-display .page.grid .details .inventory .pickup:last-child:before, .b2b .products-listing .product-display .page.grid .details .inventory .pickup:last-child:after {
          display: none; }
        .b2b .products-listing .product-display .page.grid .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page.grid .details .inventory .pickup .preferred {
          display: inline-block; } }
    .b2b .products-listing .product-display .page.grid .details .inventory .leadtime.supp, .b2b .products-listing .product-display .page.grid .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .b2b .products-listing .product-display .page.grid .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .b2b .products-listing .product-display .page.grid .details .branch {
    margin-left: 25px; }
    .b2b .products-listing .product-display .page.grid .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page.grid .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .b2b .products-listing .product-display .page.grid .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .b2b .products-listing .product-display .page.grid .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .b2b .products-listing .product-display .page.grid .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .b2b .products-listing .product-display .page.grid .details .col.price .price {
      color: #222; }
    .b2b .products-listing .product-display .page.grid .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .b2b .products-listing .product-display .page.grid .details .col.price .sale + .price, .b2b .products-listing .product-display .page.grid .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .b2b .products-listing .product-display .page.grid .details .col.price .supp {
      margin-left: 5px; }
    .b2b .products-listing .product-display .page.grid .details .col.price .eco {
      color: #10a700; }
    .b2b .products-listing .product-display .page.grid .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .b2b .products-listing .product-display .page.grid .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .b2b .products-listing .product-display .page.grid .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .b2b .products-listing .product-display .page.grid .details .col.qty input, .b2b .products-listing .product-display .page.grid .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .b2b .products-listing .product-display .page.grid .details .col.qty input, .b2b .products-listing .product-display .page.grid .details .col.qty button {
      height: 30px; }
    .b2b .products-listing .product-display .page.grid .details .col.qty textarea {
      height: 50px; }
    .b2b .products-listing .product-display .page.grid .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .b2b .products-listing .product-display .page.grid .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-listing .product-display .page.grid .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .b2b .products-listing .product-display .page.grid .details .col.qty span.margin + input {
      margin-left: 5px; }
    .b2b .products-listing .product-display .page.grid .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .b2b .products-listing .product-display .page.grid .details .col.qty > span.supp, .b2b .products-listing .product-display .page.grid .details .col.qty .available {
      line-height: 30px; }
    .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .cut, .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .b2b .products-listing .product-display .page.grid .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .b2b .products-listing .product-display .page.grid .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .b2b .products-listing .product-display .page.grid .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart:hover, .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart:hover, .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .products-listing .product-display .page.grid .details .add-to-cart button.add-cart, .b2b .products-listing .product-display .page.grid .details .add-to-cart .btn-sml {
      width: 120px; }
    .b2b .products-listing .product-display .page.grid .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .b2b .products-listing .product-display .page.grid .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .b2b .products-listing .product-display .page.grid .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .b2b .products-listing .product-display .page.grid .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .b2b .products-listing .product-display .page.grid .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .b2b .products-listing .product-display .page.grid .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .b2b .products-listing .product-display .page.grid .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .b2b .products-listing .product-display .page.grid .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .b2b .products-listing .product-display .page.grid .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .b2b .products-listing .product-display .page.grid .details .download > a img {
        height: 1rem; }
      .b2b .products-listing .product-display .page.grid .details .download > a i {
        font-size: 1rem; }
    .b2b .products-listing .product-display .page.grid .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .doc:before, .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .xLink:before, .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .b2b .products-listing .product-display .page.grid .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .b2b .products-listing .product-display .page.grid .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .b2b .products-listing .product-display .page.grid .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .b2b .products-listing .product-display .page.grid .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .b2b .products-listing .product-display .page.grid .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .b2b .products-listing .product-display .page.grid .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .b2b .products-listing .product-display .page.grid .details .checkbox {
    position: absolute;
    top: 75px; }
  .b2b .products-listing .product-display .page.grid .details .col ._labels {
    display: block !important; }
  .b2b .products-listing .product-display .page.grid .details .inventory ._labels {
    display: none !important; }
  .b2b .products-listing .product-display .page.grid .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .b2b .products-listing .product-display .page.grid .details .col.price span {
      display: flex;
      align-items: center; }
  .b2b .products-listing .product-display .page.grid .details .col.qty {
    max-width: 360px !important; }
    .b2b .products-listing .product-display .page.grid .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .products-listing .product-display .page.grid .details .col.total {
    flex-wrap: wrap; }
    .b2b .products-listing .product-display .page.grid .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .b2b .products-listing .product-display .page.grid .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .b2b .products-listing .product-display .page.grid .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.b2b .products-listing .product-display .page.grid form {
  width: 25%;
  padding: 15px; }
.b2b .products-listing .product-display .page.grid .details {
  position: relative;
  flex-direction: column;
  justify-content: flex-start; }
  .b2b .products-listing .product-display .page.grid .details > .col {
    max-width: 100%;
    flex: 0 0 100%; }
  .b2b .products-listing .product-display .page.grid .details .col.pro-details .title {
    height: 50px;
    max-height: 50px;
    line-height: 1rem; }
  .b2b .products-listing .product-display .page.grid .details .inventory {
    max-width: 100%; }
    .b2b .products-listing .product-display .page.grid .details .inventory .pickup a {
      top: -5px; }
  .b2b .products-listing .product-display .page.grid .details .inventory, .b2b .products-listing .product-display .page.grid .details .col.price, .b2b .products-listing .product-display .page.grid .details .col.qty {
    min-height: 45px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .price + .supp, .b2b .products-listing .product-display .page.grid .details .col.price .price + .supp, .b2b .products-listing .product-display .page.grid .details .col.qty .price + .supp {
      margin: 0px 5px; }
    .b2b .products-listing .product-display .page.grid .details .inventory .eco, .b2b .products-listing .product-display .page.grid .details .col.price .eco, .b2b .products-listing .product-display .page.grid .details .col.qty .eco {
      display: inline-block; }
  .b2b .products-listing .product-display .page.grid .details .inventory {
    height: calc(100px - 15px);
    margin-top: 5px; }
  .b2b .products-listing .product-display .page.grid .details .add-to-cart {
    left: 0px; }
  .b2b .products-listing .product-display .page.grid .details .col.qty {
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 7px;
    position: relative; }
    .b2b .products-listing .product-display .page.grid .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: auto; }
  .b2b .products-listing .product-display .page.grid .details .sp-tags {
    width: 100%; }
@media screen and (max-width: 1440px) {
  .b2b .products-listing .product-display .page.grid form {
    width: 33.333333%;
    padding: 10px; } }
@media (min-width: 768px) {
  .b2b .products-listing .product-display .page.grid form {
    border-right: 1px solid #ddd; }
  .b2b .products-listing .product-display .page.grid .details .checkbox {
    top: 10px; }
  .b2b .products-listing .product-display .page.grid .details .col.pro-details .product-img {
    height: 200px;
    max-width: 200px; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .product-img img {
      max-height: 190px;
      max-width: 190px; }
  .b2b .products-listing .product-display .page.grid .details .col.pro-details .text .co-label {
    min-height: 1.25rem; }
  .b2b .products-listing .product-display .page.grid .details .col.qty .cable-pop {
    right: auto;
    left: 80px;
    top: 7px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .b2b .products-listing .product-display .page.grid .details .col.qty .cable-pop {
    left: 1.1rem;
    top: -0.875rem; } }
@media (max-width: 767px) {
  .b2b .products-listing .product-display .page.grid form {
    width: 100%;
    padding: 15px 0px; }
  .b2b .products-listing .product-display .page.grid .details .custom-input:checked ~ .custom-check:before {
    top: -1px; }
  .b2b .products-listing .product-display .page.grid .details .col.price {
    display: flex;
    align-items: center; }
  .b2b .products-listing .product-display .page.grid .details .col.pro-details {
    margin-top: 0px; }
    .b2b .products-listing .product-display .page.grid .details .col.pro-details .title {
      height: auto; }
  .b2b .products-listing .product-display .page.grid .details .inventory .pickup a {
    display: inline-block;
    top: inherit; } }
.b2b .products-listing .product-display .page.grid .details .checkbox {
  margin-left: auto; }
.b2b .products-listing .product-display .page.grid .details .text .download {
  display: none !important; }
.b2b .products-listing .product-display .page.grid .details .inventory {
  height: 100px; }
  .b2b .products-listing .product-display .page.grid .details .inventory .delivery {
    height: 35px; }
  .b2b .products-listing .product-display .page.grid .details .inventory .delivery .leadtime, .b2b .products-listing .product-display .page.grid .details .inventory .delivery .preferred, .b2b .products-listing .product-display .page.grid .details .inventory .pickup .leadtime, .b2b .products-listing .product-display .page.grid .details .inventory .pickup .preferred, .b2b .products-listing .product-display .page.grid .details .inventory .backorder .leadtime, .b2b .products-listing .product-display .page.grid .details .inventory .backorder .preferred {
    padding-left: 25px; }
.b2b .products-listing .product-display .page.grid .details .col.price {
  display: flex;
  justify-content: flex-start;
  flex-direction: row; }
  .b2b .products-listing .product-display .page.grid .details .col.price .eco {
    min-width: auto;
    margin-top: 0px; }
.b2b .products-listing .product-display .page.grid .details .col.qty .uom + .supp {
  min-width: auto;
  padding: 0px; }
.b2b .products-listing .product-display .page.grid .details .alert-warning {
  position: inherit; }

@media (min-width: 1200px) {
  .b2b .products-listing .product-display .page.grid .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 0px; } }
@media (max-width: 1199px) {
  .b2b .products-listing .product-display .page.grid .details {
    min-height: calc(500px + 70px + 50px); }
    .b2b .products-listing .product-display .page.grid .details .personal-code a {
      display: block; }
    .b2b .products-listing .product-display .page.grid .details .inventory {
      padding-left: 0px; }
    .b2b .products-listing .product-display .page.grid .details .col.price ._labels, .b2b .products-listing .product-display .page.grid .details .col.qty ._labels {
      display: none !important; }
    .b2b .products-listing .product-display .page.grid .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; } }
@media (min-width: 992px) {
  .b2b .products-listing .product-display .page.grid {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px; }
    .b2b .products-listing .product-display .page.grid .details {
      min-height: calc(500px + 120px + 15px - 1px); }
      .b2b .products-listing .product-display .page.grid .details .personal-code a {
        display: block;
        margin-bottom: 5px; } }
@media (max-width: 991px) {
  .products-listing > .container:not(.header):not(.breadcrumbs) {
    padding: 0px; }
  .products-listing .breadcrumbs ul {
    padding-bottom: 0px; }
    .products-listing .breadcrumbs ul li {
      padding-bottom: 0px; }
  .products-listing .header {
    padding: 15px; }
    .products-listing .header .pg-title {
      padding: 0px;
      font-size: 1.5rem; }
  .products-listing .listing {
    position: relative;
    display: block; }
    .products-listing .listing > .left {
      max-width: 50%;
      flex: 0 0 50%;
      border: 1px solid #ccc;
      border-left: none;
      left: 0px; }
    .products-listing .listing > .right > form {
      order: 1; }
    .products-listing .listing > .right .products {
      padding: 0px 10px;
      order: 3; }
    .products-listing .listing > .right .pagination {
      order: 4; }
    .products-listing .listing > .right .widgets {
      border-bottom: none;
      margin: 20px auto;
      padding: 0px 10px;
      order: 5;
      flex-wrap: wrap; }
      .products-listing .listing > .right .widgets .tab-content {
        width: 100%; }
    .products-listing .listing > .right .cms-text {
      order: 6;
      padding: 20px 10px 0px;
      margin: 20px 0px; }
      .products-listing .listing > .right .cms-text .read-more {
        color: #666;
        text-decoration: underline;
        color: #214a8c;
        height: 30px;
        display: inline-block;
        padding-top: 10px;
        cursor: pointer; }
        .products-listing .listing > .right .cms-text .read-more:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
        .products-listing .listing > .right .cms-text .read-more:hover {
          color: #08285c; }
        .products-listing .listing > .right .cms-text .read-more:focus {
          outline: none; }
    .products-listing .listing > .right .l-description {
      overflow: hidden;
      height: 75px; }
      .products-listing .listing > .right .l-description h2, .products-listing .listing > .right .l-description h3, .products-listing .listing > .right .l-description h4 {
        font-size: 1rem; }
    .products-listing .listing > .right p:first-child {
      line-height: 25px; } }
@media (min-width: 768px) {
  .oc .products-listing .product-display .page, .b2c .products-listing .product-display .page {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px; } }
@media (max-width: 767px) {
  .products-listing .header .pg-title {
    font-size: 1.2rem;
    line-height: 1.2rem; }
  .products-listing section:first-of-type {
    margin-top: 0px; }
  .products-listing .listing > .left {
    margin: 0px; }

  .oc .products-listing .products {
    padding: 0px !important; }
    .oc .products-listing .products .product-display .page {
      border-top: 1px solid #ddd; }
      .oc .products-listing .products .product-display .page form {
        width: 50% !important;
        padding: 10px; }
      .oc .products-listing .products .product-display .page .details ._labels {
        display: none !important; }
      .oc .products-listing .products .product-display .page form:nth-child(odd) {
        border-right: 1px solid #ddd !important; } }
.quotes {
  padding: 0px; }
  .quotes .header {
    margin-bottom: 20px;
    text-align: center; }
    .quotes .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .quotes .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .quotes .header.next-prev a.btn-sml:hover, .quotes .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .quotes .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .quotes .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .quotes .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .quotes section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .quotes section {
        margin: 15px auto; } }
  .quotes .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .quotes .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .quotes .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .quotes .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .quotes .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .quotes .header.next-prev .btn-sml i {
        font-size: 25px; }
      .quotes .header.next-prev .btn-sml span {
        display: none !important; }
    .quotes .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .quotes form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .quotes form .field-validation-error:not(.text-danger), .quotes form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .quotes form .field-validation-error:not(.text-danger) span, .quotes form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .quotes form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .quotes form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .quotes form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .quotes form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .quotes form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .quotes form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .quotes form .validation-summary-error ul li, .quotes form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .quotes form .validation-summary-error ul li:before, .quotes form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .quotes form .validation-summary-error ul li span, .quotes form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .quotes form .validation-summary-error ul li span + span:before, .quotes form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .quotes form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .quotes form .validation-summary-error ul li, .quotes form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .quotes form .validation-summary-error ul li, .quotes form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .quotes form .validation-summary-error ul li:before, .quotes form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .quotes form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .quotes form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .quotes form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .quotes form .validation-summary-success ul li, .quotes form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .quotes form .validation-summary-success ul li:before, .quotes form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .quotes form .validation-summary-success ul li span, .quotes form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .quotes form .validation-summary-success ul li span + span:before, .quotes form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .quotes form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .quotes form .validation-summary-success ul li, .quotes form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .quotes form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .quotes form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .quotes form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .quotes form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .quotes form .alert-success ul li, .quotes form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .quotes form .alert-success ul li:before, .quotes form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .quotes form .alert-success ul li span, .quotes form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .quotes form .alert-success ul li span + span:before, .quotes form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .quotes form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .quotes form .alert-success ul li, .quotes form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .quotes form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .quotes form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .quotes form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .quotes form .alert-success p {
            font-size: 0.8rem; }
          .quotes form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .quotes form .e-group {
      margin: 0px auto; }
    .quotes form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .quotes form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .quotes form .select {
      position: relative; }
      .quotes form .select label {
        display: inherit; }
        .quotes form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .quotes form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .quotes form input[type="number"], .quotes form input[type="number"]::-webkit-inner-spin-button, .quotes form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .quotes form select, .quotes form input, .quotes form button {
      height: 50px; }
    .quotes form select, .quotes form textarea, .quotes form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .quotes form select:focus, .quotes form textarea:focus, .quotes form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .quotes form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .quotes form p.center {
      text-align: center;
      line-height: 30px; }
    .quotes form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .quotes form p.mandatory, .quotes form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .quotes form p.mandatory span, .quotes form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .quotes form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .quotes form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .quotes form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .quotes form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .quotes form label.user:after {
      content: "\e9f1"; }
    .quotes form label.password:after {
      content: "\e987"; }
    .quotes form label.email:after {
      content: "\e98a"; }
    .quotes form label.search:after {
      content: "\e9c1"; }
    .quotes form label.box1:after {
      content: "\e9a2"; }
    .quotes form label.home:after {
      content: "\e979"; }
    .quotes form label.phone:after {
      content: "\e9a7"; }
    .quotes form label.mobile:after {
      content: "\e9d2"; }
    .quotes form label.flag:after {
      content: "\e967"; }
    .quotes form label.address:after {
      content: "\e98b"; }
    .quotes form label.postal:after {
      content: "\e98c"; }
    .quotes form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .quotes form label.doc1:after {
      content: "\e938"; }
    .quotes form label.hash:after {
      content: "\e975"; }
    .quotes form label.dollar:after {
      content: "\e954"; }
    .quotes form label.msg1:after {
      content: "\e990"; }
    .quotes form label.percent:after {
      content: "\e9a6"; }
    .quotes form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .quotes form .submit-btn:hover, .quotes form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .quotes form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .quotes form .submit-btn:focus {
        outline-style: none; }
    .quotes form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .quotes form .btn-sml:hover, .quotes form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .quotes form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .quotes form .btn-sml:focus {
        outline-style: none; }
    .quotes form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .quotes form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .quotes form .btn-red:hover, .quotes form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .quotes form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .quotes form .btn-dark:hover, .quotes form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .quotes form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .quotes form .btn-dark-bdr:hover, .quotes form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .quotes form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .quotes form .btn-darker-bdr:hover, .quotes form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .quotes form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .quotes form .btn-brand-bdr:hover, .quotes form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .quotes form input.disabled, .quotes form a.disabled, .quotes form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .quotes form input.input-validation-error, .quotes form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .quotes form .btn-sml.add-more {
      margin-left: 10px; }
      .quotes form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .quotes form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .quotes form .btn-sml.add-cart, .quotes form .btn-sml.add-more, .quotes form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .quotes form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .quotes form .add-more:hover, .quotes form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .quotes form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .quotes form .add-cart:hover, .quotes form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .quotes form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .quotes form .add-more.disabled, .quotes form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .quotes form .links {
      text-align: center; }
      .quotes form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .quotes form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .quotes form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .quotes form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .quotes form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .quotes form .e-row.deactive select, .quotes form .e-row.deactive textarea, .quotes form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .quotes form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .quotes form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .quotes form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .quotes form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .quotes form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .quotes form .duo input, .quotes form .duo a {
        margin: 0px; }
      .quotes form .duo input + a, .quotes form .duo input + input {
        margin-left: 20px; }
    .quotes form .uom-dpdn {
      position: relative; }
      .quotes form .uom-dpdn label {
        display: inherit; }
        .quotes form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .quotes form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .quotes form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .quotes form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .quotes form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .quotes form {
        margin: 10px auto; }
        .quotes form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .quotes form .e-row {
          margin-bottom: 20px; }
        .quotes form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .quotes form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .quotes form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .quotes form.search input, .quotes form.search button {
      border-radius: 0px;
      float: left; }
    .quotes form.search input:focus, .quotes form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .quotes form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .quotes form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .quotes form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .quotes form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .quotes form.search button {
        width: 40px; }
      .quotes form.search input, .quotes form.search button {
        height: 40px; }
      .quotes form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .quotes form.search input {
        width: calc(100% - 40px); } }
    .quotes form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .quotes form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .quotes form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .quotes form.search i {
        top: 7px; } }
  .quotes .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .quotes .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .quotes .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .quotes .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .quotes .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .quotes .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .quotes .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .quotes .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .quotes .custom-radiobox:hover p {
      color: #214a8c; }
    .quotes .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .quotes .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .quotes .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .quotes .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .quotes .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .quotes .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .quotes .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .quotes .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .quotes .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .quotes .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .quotes .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .quotes .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .quotes .custom-checkbox:hover p {
      color: #214a8c; }
    .quotes .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .quotes .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .quotes .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .quotes .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .quotes .custom-checkbox p span {
      line-height: 1.2; }
  .quotes a {
    color: #222; }
    .quotes a:hover {
      color: #214a8c !important; }
  .quotes .listing {
    clear: both;
    position: relative; }
    .quotes .listing .page-th > .col, .quotes .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .quotes .listing .page-th .price, .quotes .listing .page-th .qty, .quotes .listing .page .details .price, .quotes .listing .page .details .qty {
      text-align: right; }
    .quotes .listing .page-th .col.price, .quotes .listing .page-th .ordered, .quotes .listing .page .details .col.price, .quotes .listing .page .details .ordered {
      max-width: 13.33%; }
    .quotes .listing .page-th .inventory, .quotes .listing .page .details .inventory {
      max-width: 20%; }
    .quotes .listing .page-th .col.qty, .quotes .listing .page-th .col.total, .quotes .listing .page .details .col.qty, .quotes .listing .page .details .col.total {
      max-width: 16.666667%; }
    .quotes .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .quotes .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .quotes .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .quotes .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .quotes .listing .page > form {
      margin: 0px; }
    .quotes .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .quotes .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .quotes .listing .page .details .time, .quotes .listing .page .details .type {
        font-weight: 600; }
      .quotes .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .quotes .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .quotes .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .quotes .listing .page .details .submit input, .quotes .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .quotes .listing .page .details .submit input {
          padding: 3px 15px; }
        .quotes .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .quotes .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .quotes .listing .page .details + .actions a .fe-download, .quotes .listing .page .details + .actions a span, .quotes .listing .page .details + .sub-total .actions a .fe-download, .quotes .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .quotes .listing .summary .page-th > .col {
      text-align: left; }
    .quotes .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .quotes .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .quotes .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .quotes .listing .summary .page .details .eco .right {
        color: #10a700; }
      .quotes .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .quotes .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .quotes .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .quotes .listing .summary .page .details .total .left {
          font-weight: 600; }
        .quotes .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .quotes .listing .summary .page .details .sub-total .right, .quotes .listing .summary .page .details .items .right {
        color: #222; }
      .quotes .listing .summary .page .details .sub-total .right, .quotes .listing .summary .page .details .items .right, .quotes .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .quotes .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .quotes .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .quotes .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .quotes .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .quotes .listing .summary .page .details .e-row input[type="text"], .quotes .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .quotes .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .quotes .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .quotes .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .quotes .listing .summary .page .details .col.total {
        max-width: 100%; }
      .quotes .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .quotes .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .quotes .listing .summary .page .details.proceed .e-group, .quotes .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .quotes .listing .summary .page .details.proceed .e-group .add-cart, .quotes .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .quotes .listing .summary .page .details.proceed .e-group .add-more, .quotes .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .quotes .listing .summary .page .details.proceed .e-group .add-more i, .quotes .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .quotes .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .quotes .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .quotes .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .quotes .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .quotes .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .quotes .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .quotes .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .quotes .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .quotes .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .quotes .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .quotes .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .quotes .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .quotes .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .quotes .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .quotes .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .quotes .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .quotes .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .quotes .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .quotes .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .quotes .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .quotes .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .quotes .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .quotes .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .quotes .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .quotes .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .quotes .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .quotes .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .quotes .listing #accordion, .quotes .listing #braidAccordian {
      flex-wrap: wrap; }
      .quotes .listing #accordion .title-link, .quotes .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .quotes .listing #accordion .title-link .col, .quotes .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .quotes .listing #accordion .title-link.collapsed, .quotes .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .quotes .listing #accordion .title-link:after, .quotes .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .quotes .listing #accordion .title-link.collapsed:after, .quotes .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .quotes .listing #accordion .title-link + .collapse + .title-link, .quotes .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .quotes .listing #accordion .collapse:not(.show), .quotes .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .quotes .listing #accordion .details, .quotes .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .quotes .listing .td-1 {
      max-width: 8.33%; }
    .quotes .listing .td-2 {
      max-width: 16.666667%; }
    .quotes .listing .td-3 {
      max-width: 25%; }
    .quotes .listing .td-4 {
      max-width: 33.333333%; }
    .quotes .listing .td-5 {
      max-width: 41.666667%; }
    .quotes .listing .td-6 {
      max-width: 50%; }
    .quotes .listing .td-7 {
      max-width: 58.33%; }
    .quotes .listing .td-8 {
      max-width: 66.66%; }
    .quotes .listing .td-9 {
      max-width: 75%; }
    .quotes .listing .td-10 {
      max-width: 83.33333333%; }
    .quotes .listing .td-11 {
      max-width: 91.66666667%; }
    .quotes .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .quotes .listing .center {
      text-align: center; }
    .quotes .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .quotes .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .quotes .listing .col-9.left {
      padding-right: 20px; }
    .quotes .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .quotes .listing .actions .results {
        color: #222; }
        .quotes .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .quotes .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .quotes .listing .actions .search input, .quotes .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .quotes .listing .actions .search input:focus, .quotes .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .quotes .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .quotes .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .quotes .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .quotes .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .quotes .listing .actions .search button {
            width: 40px; }
          .quotes .listing .actions .search input, .quotes .listing .actions .search button {
            height: 40px; }
          .quotes .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .quotes .listing .actions .search input {
            width: calc(100% - 40px); } }
        .quotes .listing .actions .search input, .quotes .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .quotes .listing .actions .search input, .quotes .listing .actions .search button {
          height: 30px; }
        .quotes .listing .actions .search textarea {
          height: 50px; }
        .quotes .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .quotes .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .quotes .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .quotes .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .quotes .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .quotes .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .quotes .listing .actions .search:only-child {
        padding: 10px; }
      .quotes .listing .actions a.pdf-export, .quotes .listing .actions a.excel-export, .quotes .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .quotes .listing .actions a.pdf-export.active, .quotes .listing .actions a.excel-export.active, .quotes .listing .actions a.import-pro.active {
          color: #214a8c; }
          .quotes .listing .actions a.pdf-export.active:before, .quotes .listing .actions a.excel-export.active:before, .quotes .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .quotes .listing .actions #exportPdf, .quotes .listing .actions #exportExcel, .quotes .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .quotes .listing .actions #exportPdf form, .quotes .listing .actions #exportExcel form, .quotes .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .quotes .listing .actions #exportPdf form label, .quotes .listing .actions #exportExcel form label, .quotes .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .quotes .listing .actions #exportPdf form > div, .quotes .listing .actions #exportExcel form > div, .quotes .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .quotes .listing .actions #exportPdf form > div:not(.generate), .quotes .listing .actions #exportExcel form > div:not(.generate), .quotes .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .quotes .listing .actions #exportPdf form .left, .quotes .listing .actions #exportExcel form .left, .quotes .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .quotes .listing .actions #exportPdf form .right, .quotes .listing .actions #exportExcel form .right, .quotes .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .quotes .listing .actions #exportPdf form .attachment, .quotes .listing .actions #exportExcel form .attachment, .quotes .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .quotes .listing .actions #exportPdf form .attachment > div, .quotes .listing .actions #exportExcel form .attachment > div, .quotes .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .quotes .listing .actions #exportPdf form .attachment .col-3, .quotes .listing .actions #exportPdf form .attachment .col-9, .quotes .listing .actions #exportExcel form .attachment .col-3, .quotes .listing .actions #exportExcel form .attachment .col-9, .quotes .listing .actions #importPro form .attachment .col-3, .quotes .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .quotes .listing .actions #exportPdf form .attachment .col-3 > div, .quotes .listing .actions #exportPdf form .attachment .col-9 > div, .quotes .listing .actions #exportExcel form .attachment .col-3 > div, .quotes .listing .actions #exportExcel form .attachment .col-9 > div, .quotes .listing .actions #importPro form .attachment .col-3 > div, .quotes .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .quotes .listing .actions #exportPdf form .attachment .col-3 > label, .quotes .listing .actions #exportPdf form .attachment .col-9 > label, .quotes .listing .actions #exportExcel form .attachment .col-3 > label, .quotes .listing .actions #exportExcel form .attachment .col-9 > label, .quotes .listing .actions #importPro form .attachment .col-3 > label, .quotes .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .quotes .listing .actions #exportPdf form .attachment .col-3 p.supp, .quotes .listing .actions #exportPdf form .attachment .col-9 p.supp, .quotes .listing .actions #exportExcel form .attachment .col-3 p.supp, .quotes .listing .actions #exportExcel form .attachment .col-9 p.supp, .quotes .listing .actions #importPro form .attachment .col-3 p.supp, .quotes .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .quotes .listing .actions #exportPdf form .attachment .col-9, .quotes .listing .actions #exportExcel form .attachment .col-9, .quotes .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .quotes .listing .actions #exportPdf form .attachment .text, .quotes .listing .actions #exportPdf form .attachment .image, .quotes .listing .actions #exportExcel form .attachment .text, .quotes .listing .actions #exportExcel form .attachment .image, .quotes .listing .actions #importPro form .attachment .text, .quotes .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .quotes .listing .actions #exportPdf form .attachment .text p, .quotes .listing .actions #exportPdf form .attachment .image p, .quotes .listing .actions #exportExcel form .attachment .text p, .quotes .listing .actions #exportExcel form .attachment .image p, .quotes .listing .actions #importPro form .attachment .text p, .quotes .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .quotes .listing .actions #exportPdf form .attachment .image, .quotes .listing .actions #exportExcel form .attachment .image, .quotes .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .quotes .listing .actions #exportPdf form .attachment .image p, .quotes .listing .actions #exportExcel form .attachment .image p, .quotes .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .quotes .listing .actions #exportPdf form .attachment .image img, .quotes .listing .actions #exportExcel form .attachment .image img, .quotes .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .quotes .listing .actions #exportPdf form .attachment .btns, .quotes .listing .actions #exportExcel form .attachment .btns, .quotes .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .quotes .listing .actions #exportPdf form .attachment .btns i, .quotes .listing .actions #exportExcel form .attachment .btns i, .quotes .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .quotes .listing .actions #exportPdf form .attachment .btns a, .quotes .listing .actions #exportPdf form .attachment .btns input, .quotes .listing .actions #exportPdf form .attachment .btns button, .quotes .listing .actions #exportExcel form .attachment .btns a, .quotes .listing .actions #exportExcel form .attachment .btns input, .quotes .listing .actions #exportExcel form .attachment .btns button, .quotes .listing .actions #importPro form .attachment .btns a, .quotes .listing .actions #importPro form .attachment .btns input, .quotes .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .quotes .listing .actions #exportPdf form .attachment .btns a:focus, .quotes .listing .actions #exportPdf form .attachment .btns input:focus, .quotes .listing .actions #exportPdf form .attachment .btns button:focus, .quotes .listing .actions #exportExcel form .attachment .btns a:focus, .quotes .listing .actions #exportExcel form .attachment .btns input:focus, .quotes .listing .actions #exportExcel form .attachment .btns button:focus, .quotes .listing .actions #importPro form .attachment .btns a:focus, .quotes .listing .actions #importPro form .attachment .btns input:focus, .quotes .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .quotes .listing .actions #exportPdf form .attachment .btns a:hover, .quotes .listing .actions #exportPdf form .attachment .btns input:hover, .quotes .listing .actions #exportPdf form .attachment .btns button:hover, .quotes .listing .actions #exportExcel form .attachment .btns a:hover, .quotes .listing .actions #exportExcel form .attachment .btns input:hover, .quotes .listing .actions #exportExcel form .attachment .btns button:hover, .quotes .listing .actions #importPro form .attachment .btns a:hover, .quotes .listing .actions #importPro form .attachment .btns input:hover, .quotes .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .quotes .listing .actions #exportPdf form .attachment .btns button + button, .quotes .listing .actions #exportPdf form .attachment .btns a + a, .quotes .listing .actions #exportPdf form .attachment .btns input + input, .quotes .listing .actions #exportExcel form .attachment .btns button + button, .quotes .listing .actions #exportExcel form .attachment .btns a + a, .quotes .listing .actions #exportExcel form .attachment .btns input + input, .quotes .listing .actions #importPro form .attachment .btns button + button, .quotes .listing .actions #importPro form .attachment .btns a + a, .quotes .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .quotes .listing .actions #exportPdf form .attachment .btns .image, .quotes .listing .actions #exportExcel form .attachment .btns .image, .quotes .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .quotes .listing .actions #exportPdf form .attachment .btns .image > div, .quotes .listing .actions #exportExcel form .attachment .btns .image > div, .quotes .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .quotes .listing .actions #exportPdf form .address-list, .quotes .listing .actions #exportExcel form .address-list, .quotes .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .quotes .listing .actions #exportPdf form .address-list div, .quotes .listing .actions #exportExcel form .address-list div, .quotes .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .quotes .listing .actions #exportPdf form .address-list > div:not(.d-flex), .quotes .listing .actions #exportExcel form .address-list > div:not(.d-flex), .quotes .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .quotes .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .quotes .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .quotes .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .quotes .listing .actions #exportPdf form .address-list .btn-block, .quotes .listing .actions #exportExcel form .address-list .btn-block, .quotes .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .quotes .listing .actions #exportPdf form .address-list .btn-block a, .quotes .listing .actions #exportExcel form .address-list .btn-block a, .quotes .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .quotes .listing .actions #exportPdf form .attachment, .quotes .listing .actions #exportPdf form .address-list, .quotes .listing .actions #exportExcel form .attachment, .quotes .listing .actions #exportExcel form .address-list, .quotes .listing .actions #importPro form .attachment, .quotes .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .quotes .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .quotes .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .quotes .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .quotes .listing .actions #exportPdf form .generate, .quotes .listing .actions #exportExcel form .generate, .quotes .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .quotes .listing .actions #exportPdf form .generate .btn-sml, .quotes .listing .actions #exportExcel form .generate .btn-sml, .quotes .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .quotes .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .quotes .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .quotes .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .quotes .listing .actions #exportPdf form .img, .quotes .listing .actions #exportExcel form .img, .quotes .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .quotes .listing .actions #exportPdf form .img .text p, .quotes .listing .actions #exportExcel form .img .text p, .quotes .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .quotes .listing .actions #exportPdf form .img p.supp, .quotes .listing .actions #exportExcel form .img p.supp, .quotes .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .quotes .listing .actions #exportPdf form .img img, .quotes .listing .actions #exportExcel form .img img, .quotes .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .quotes .listing .actions #exportPdf:not(.show), .quotes .listing .actions #exportExcel:not(.show), .quotes .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .quotes .listing .actions #exportPdf form > div, .quotes .listing .actions #exportExcel form > div, .quotes .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .quotes .listing .actions #exportPdf form .custom-checkbox, .quotes .listing .actions #exportExcel form .custom-checkbox, .quotes .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .quotes .listing .actions #exportPdf form .left, .quotes .listing .actions #exportPdf form .right, .quotes .listing .actions #exportExcel form .left, .quotes .listing .actions #exportExcel form .right, .quotes .listing .actions #importPro form .left, .quotes .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .quotes .listing .actions #exportPdf form .left, .quotes .listing .actions #exportExcel form .left, .quotes .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .quotes .listing .actions #exportPdf form .address-list, .quotes .listing .actions #exportExcel form .address-list, .quotes .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .quotes .listing .actions #exportPdf form label, .quotes .listing .actions #exportExcel form label, .quotes .listing .actions #importPro form label {
          justify-content: flex-start; }
        .quotes .listing .actions #exportPdf form .right, .quotes .listing .actions #exportExcel form .right, .quotes .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .quotes .listing .actions #exportPdf form .attachment, .quotes .listing .actions #exportExcel form .attachment, .quotes .listing .actions #importPro form .attachment {
          padding: 10px; }
          .quotes .listing .actions #exportPdf form .attachment .col-3, .quotes .listing .actions #exportPdf form .attachment .col-9, .quotes .listing .actions #exportExcel form .attachment .col-3, .quotes .listing .actions #exportExcel form .attachment .col-9, .quotes .listing .actions #importPro form .attachment .col-3, .quotes .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .quotes .listing .actions #exportPdf form .attachment .col-3, .quotes .listing .actions #exportExcel form .attachment .col-3, .quotes .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .quotes .listing .actions #exportPdf form .attachment .col-3 label, .quotes .listing .actions #exportPdf form .attachment .col-3 .image, .quotes .listing .actions #exportExcel form .attachment .col-3 label, .quotes .listing .actions #exportExcel form .attachment .col-3 .image, .quotes .listing .actions #importPro form .attachment .col-3 label, .quotes .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .quotes .listing .actions #exportPdf form .attachment .col-9, .quotes .listing .actions #exportExcel form .attachment .col-9, .quotes .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .quotes .listing .actions #exportPdf form .attachment .col-9 p.supp, .quotes .listing .actions #exportExcel form .attachment .col-9 p.supp, .quotes .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .quotes .listing .actions #exportPdf form .address-list .col-3, .quotes .listing .actions #exportExcel form .address-list .col-3, .quotes .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .quotes .listing .actions #exportPdf form .address-list .col-9, .quotes .listing .actions #exportExcel form .address-list .col-9, .quotes .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .quotes .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .quotes .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .quotes .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .quotes .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .quotes .listing .actions #importPro form .address-list > div:nth-of-type(1), .quotes .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .quotes .listing .actions #exportPdf form .img img, .quotes .listing .actions #exportExcel form .img img, .quotes .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .quotes .listing .actions #exportPdf .custom-checkbox .custom-check, .quotes .listing .actions #exportExcel .custom-checkbox .custom-check, .quotes .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .quotes .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .quotes .listing .actions form {
        margin: 0px; }
      .quotes .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .quotes .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .quotes .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .quotes .listing .actions .shared .email {
          display: flex; }
          .quotes .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .quotes .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .quotes .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .quotes .listing .actions .left, .quotes .listing .actions > .center, .quotes .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .quotes .listing .actions .right {
        margin-left: auto; }
      .quotes .listing .actions .action-link, .quotes .listing .actions .left > a, .quotes .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .quotes .listing .actions .action-link:hover, .quotes .listing .actions .left > a:hover, .quotes .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .quotes .listing .actions .action-link span, .quotes .listing .actions .left > a span, .quotes .listing .actions .right > a span {
          margin-left: 5px; }
        .quotes .listing .actions .action-link span:empty, .quotes .listing .actions .left > a span:empty, .quotes .listing .actions .right > a span:empty {
          display: none; }
      .quotes .listing .actions .action-link, .quotes .listing .actions a + a, .quotes .listing .actions .checkbox + a {
        margin-left: 20px; }
      .quotes .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .quotes .listing .actions .custom-checkbox p {
        color: #222; }
      .quotes .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .quotes .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .quotes .listing > .actions, .quotes .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .quotes .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .quotes .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .quotes .listing .actions {
        font-size: 0.8rem; }
        .quotes .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .quotes .listing .actions .left .action-link i {
          font-size: 1rem; }
        .quotes .listing .actions .left a.action-link, .quotes .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .quotes .listing .actions {
        justify-content: center; }
        .quotes .listing .actions .shared {
          top: calc(10px - 150px); }
        .quotes .listing .actions .action-link, .quotes .listing .actions a + a, .quotes .listing .actions .checkbox + a {
          margin-left: 15px; }
        .quotes .listing .actions > .right {
          justify-content: center; }
        .quotes .listing .actions .search + .right {
          margin-left: 0px; } }
    .quotes .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .quotes .listing .add-more[aria-expanded="true"]:hover, .quotes .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .quotes .listing .add-more[aria-expanded="true"]:hover i, .quotes .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .quotes .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .quotes .listing .add-more[aria-expanded="false"], .quotes .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .quotes .listing .add-more[aria-expanded="false"]:hover, .quotes .listing .add-more[aria-expanded="false"]:focus, .quotes .listing .add-more.collapsed:hover, .quotes .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .quotes .listing .add-more[aria-expanded="false"]:hover, .quotes .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .quotes .listing .add-more[aria-expanded="false"]:hover i, .quotes .listing .add-more.collapsed:hover i {
          color: #fff; }
    .quotes .listing .add-more.cancel:before {
      display: none; }
    .quotes .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .quotes .listing button.links, .quotes .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .quotes .listing button.links:hover, .quotes .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .quotes .listing a.plus i {
      font-size: 1rem; }
    .quotes .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .quotes .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .quotes .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .quotes .listing .custom-radiobox:not(:last-of-type), .quotes .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .quotes .listing .ship-when > p, .quotes .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .quotes .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .quotes .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .quotes .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .quotes .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .quotes .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .quotes .listing .day-time span {
      font-weight: 600; }
    .quotes .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .quotes .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .quotes .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .quotes .listing .sub-total.btm > div, .quotes .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .quotes .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .quotes .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .quotes .listing .sub-header {
      clear: both;
      padding: 0px; }
      .quotes .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .quotes .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .quotes .listing .sub-header .title {
        margin-bottom: 0px; }
        .quotes .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .quotes .listing .page + .sub-header {
      margin-top: 40px; }
      .quotes .listing .page + .sub-header .title {
        flex-basis: content; }
    .quotes .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .quotes .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .quotes .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .quotes .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .quotes .listing div.alert-warning p {
            font-size: 0.8rem; }
          .quotes .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .quotes .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .quotes .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .quotes .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .quotes .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .quotes .listing div.alert-danger p {
            font-size: 0.8rem; }
          .quotes .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .quotes .listing .col-9 > .page {
        min-height: 500px; }
      .quotes .listing .page .details .submit input:hover, .quotes .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .quotes .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .quotes .listing .page .details .submit button {
          width: 25px; }
      .quotes .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .quotes .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .quotes .listing .col-9.left .page-th {
          display: none !important; }
        .quotes .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .quotes .listing .sub-header {
        flex-wrap: wrap; }
        .quotes .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .quotes .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .quotes .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .quotes .listing > .d-flex {
        flex-wrap: wrap; }
      .quotes .listing .col-12.left .page-th, .quotes .listing .col-9.left .page-th {
        display: none !important; }
      .quotes .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .quotes .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .quotes .listing .page .details .time, .quotes .listing .page .details .type {
        color: #666; }
      .quotes .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .quotes .listing .col-12.left, .quotes .listing .col-3.right, .quotes .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .quotes .listing .summary {
        margin-top: 15px; }
        .quotes .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .quotes .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .quotes .listing .left form {
      margin-bottom: 0px; }
    .quotes .listing .sub-header form {
      margin: 0px; }
    .quotes .listing .page .details {
      min-height: 50px; }
      .quotes .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .quotes .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .quotes .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .quotes .listing .page .details .icon a, .quotes .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .quotes .listing .page .details .icon a:hover, .quotes .listing .page .details .icon button:hover {
          color: #214a8c; }
      .quotes .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .quotes .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .quotes .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .quotes .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .quotes .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .quotes .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .quotes .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .quotes .address-manually + .forms .td-6, .quotes .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .quotes .address-manually + .forms .td-2, .quotes .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .quotes .address-manually + .forms .td-2 ~ .e-row, .quotes .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .quotes .address-manually + .forms .td-2 ~ .dynamic, .quotes .address-manually + .forms .td-2 ~ .manual-add, .quotes .forms .new-address .td-2 ~ .dynamic, .quotes .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .quotes .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .quotes .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .quotes .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .quotes .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .quotes .address-manually + .forms .e-row.manual-add, .quotes .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .quotes .address-manually + .forms .td-6, .quotes .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .quotes .address-manually + .forms .td-2, .quotes .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .quotes .address-manually + .forms .td-2 ~ .e-row, .quotes .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .quotes .address-manually + .forms .td-2 ~ .dynamic, .quotes .address-manually + .forms .td-2 ~ .manual-add, .quotes .forms .new-address .td-2 ~ .dynamic, .quotes .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .quotes .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .quotes .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .quotes .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .quotes .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .quotes .address-manually + .forms .td-2 ~ .dynamic, .quotes .address-manually + .forms .td-2 ~ .manual-add, .quotes .forms .new-address .td-2 ~ .dynamic, .quotes .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .quotes .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .quotes .listing .page .details .icon a, .quotes .listing .page .details .icon button {
      display: flex; }
    .quotes .listing .btn-block {
      justify-content: center; } }
  .quotes .pg-title span {
    margin-left: 5px;
    color: #214a8c;
    font-weight: 400; }
  .quotes .block {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px;
    border-left: none;
    border-right: none;
    display: flex; }
    .quotes .block .cols {
      text-align: left;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      font-size: 0.875rem;
      padding: 5px 15px;
      min-height: 50px;
      display: flex;
      align-items: center;
      color: #222;
      line-height: 1rem;
      flex: 1; }
      .quotes .block .cols span {
        color: #666;
        margin-left: 5px; }
      .quotes .block .cols .active {
        color: #10a700; }
      .quotes .block .cols .expired {
        color: #dc3545; }
      .quotes .block .cols .ex-soon {
        color: #ff9933; }
      .quotes .block .cols .revision {
        color: #1b90e2; }
    .quotes .block .cols:first-child {
      padding-left: 0px; }
    .quotes .block .cols:last-child {
      padding-right: 0px; }
    .quotes .block .cols:not(:nth-child(1)) {
      border-left: 1px solid #ccc; }
    .quotes .block .cols:only-child {
      justify-content: center;
      max-width: 100% !important;
      padding-right: 0px;
      padding-left: 0px; }
    @media (max-width: 991px) {
      .quotes .block .cols {
        padding: 10px;
        font-size: 0.8rem;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        .quotes .block .cols span {
          margin: 0px; } }
    @media (max-width: 767px) {
      .quotes .block {
        flex-wrap: wrap; }
        .quotes .block .cols {
          min-width: 50%;
          border-bottom: 1px solid #ccc;
          word-break: break-all; }
        .quotes .block .cols:nth-child(odd), .quotes .block .notes + .wide {
          border-left: none;
          padding-left: 0px; }
        .quotes .block .cols:nth-child(even) {
          border-right: none;
          padding-right: 0px; }
        .quotes .block .cols:last-child, .quotes .block .cols:nth-child(odd):nth-last-child(2):not(.notes) {
          border-bottom: none; }
        .quotes .block .cols.col-6 {
          width: 100%;
          padding-right: 0px;
          padding-left: 0px;
          max-width: 100%;
          flex: 0 0 100%;
          border-left: none; }
        .quotes .block .cols.col-6 + .cols.col-6 {
          border-top: 1px solid #ccc; } }
    .quotes .block .cols.col-6 {
      flex-wrap: wrap; }
      .quotes .block .cols.col-6 strong {
        color: #222;
        font-weight: 400; }
      .quotes .block .cols.col-6 div {
        color: #666; }
      .quotes .block .cols.col-6 div:not(:last-child) {
        padding-right: 5px; }
  .quotes .block + .block {
    border-top: none; }
  .quotes form, .quotes form.d-flex {
    margin: 0px;
    flex-direction: column; }
  .quotes .search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 50%;
    justify-content: center; }
    .quotes .search input, .quotes .search button {
      border-radius: 0px;
      float: left; }
    .quotes .search input:focus, .quotes .search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .quotes .search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .quotes .search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .quotes .search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .quotes .search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .quotes .search button {
        width: 40px; }
      .quotes .search input, .quotes .search button {
        height: 40px; }
      .quotes .search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .quotes .search input {
        width: calc(100% - 40px); } }
    .quotes .search form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row; }
    .quotes .search p.supp {
      bottom: -20px; }
  .quotes.simple-page .text img {
    max-width: 300px; }
  .quotes.create-quote .mode-selection {
    margin: 0px auto;
    flex-direction: column; }
    .quotes.create-quote .mode-selection .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .quotes.create-quote .mode-selection .mode + .mode {
      border-left: none; }
    .quotes.create-quote .mode-selection .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .quotes.create-quote .mode-selection .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .quotes.create-quote .mode-selection .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .quotes.create-quote .mode-selection .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .quotes.create-quote .mode-selection {
        flex-wrap: wrap;
        min-width: 100%; }
        .quotes.create-quote .mode-selection .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .quotes.create-quote .mode-selection .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .quotes.create-quote .mode-selection .highlight p.supp {
      text-transform: inherit;
      position: inherit;
      text-align: center;
      margin: 15px auto; }
    .quotes.create-quote .mode-selection .highlight p.supp, .quotes.create-quote .mode-selection label p {
      font-size: 1.25rem;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.75px; }
    .quotes.create-quote .mode-selection .highlight p.supp, .quotes.create-quote .mode-selection .unchecked label p {
      color: #ff9933; }
    .quotes.create-quote .mode-selection .mode {
      height: auto; }
      .quotes.create-quote .mode-selection .mode label + label {
        margin-left: 40px; }
      .quotes.create-quote .mode-selection .mode label {
        padding: 10px 0px;
        position: relative; }
        .quotes.create-quote .mode-selection .mode label .custom-radio {
          padding: 15px 0.875rem 15px 25px;
          height: 60px; }
          .quotes.create-quote .mode-selection .mode label .custom-radio:before {
            color: #ccc;
            font-size: 1.25rem; }
        .quotes.create-quote .mode-selection .mode label .custom-radio, .quotes.create-quote .mode-selection .mode label .text {
          border: 1px solid #ccc; }
        .quotes.create-quote .mode-selection .mode label .text {
          border-left: none;
          display: flex;
          align-items: center;
          width: 200px;
          height: 60px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
          .quotes.create-quote .mode-selection .mode label .text i {
            font-size: 2rem;
            padding: 0px 10px 0px 15px; }
          .quotes.create-quote .mode-selection .mode label .text i, .quotes.create-quote .mode-selection .mode label .text p, .quotes.create-quote .mode-selection .mode label .text p span {
            color: #ccc; }
          .quotes.create-quote .mode-selection .mode label .text p span {
            width: 100%;
            font-size: 0.8rem;
            letter-spacing: 0.25px;
            padding-top: 5px; }
        .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio {
          background: #f7fbff; }
          .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio:before {
            font-size: 1.25rem;
            color: #10a700; }
        .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio, .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .text {
          border-color: #222; }
          .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio i, .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio p, .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .text i, .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .text p {
            color: #10a700; }
          .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .custom-radio p span, .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .text p span {
            color: #666; }
        .quotes.create-quote .mode-selection .mode label .custom-input:checked ~ .text:nth-last-child(2) {
          width: 360px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
        .quotes.create-quote .mode-selection .mode label .select {
          position: absolute;
          right: 0px;
          bottom: 10px;
          max-width: 170px; }
          .quotes.create-quote .mode-selection .mode label .select select {
            border-color: #222;
            height: 30px;
            background: #f7fbff !important;
            min-width: 170px; }
          .quotes.create-quote .mode-selection .mode label .select .dnArw {
            padding: 0px; }
            .quotes.create-quote .mode-selection .mode label .select .dnArw:after {
              right: 7px;
              top: 1.75rem;
              line-height: 25px;
              background: #f7fbff; }
          .quotes.create-quote .mode-selection .mode label .select.disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .quotes.create-quote .mode-selection .mode label:hover .custom-radio {
          background: #f7fbff; }
        .quotes.create-quote .mode-selection .mode label:hover .custom-radio, .quotes.create-quote .mode-selection .mode label:hover .text {
          border-color: #222; }
          .quotes.create-quote .mode-selection .mode label:hover .custom-radio i, .quotes.create-quote .mode-selection .mode label:hover .custom-radio p, .quotes.create-quote .mode-selection .mode label:hover .text i, .quotes.create-quote .mode-selection .mode label:hover .text p {
            color: #222; }
          .quotes.create-quote .mode-selection .mode label:hover .custom-radio p span, .quotes.create-quote .mode-selection .mode label:hover .text p span {
            color: #666; }
          .quotes.create-quote .mode-selection .mode label:hover .custom-radio:before, .quotes.create-quote .mode-selection .mode label:hover .text:before {
            color: #666; }
      .quotes.create-quote .mode-selection .mode label:nth-child(1) i {
        padding-left: 1.25rem; }
      .quotes.create-quote .mode-selection .mode p.supp {
        display: none;
        z-index: 1;
        padding-top: 10px;
        font-size: 0.875rem;
        color: #dc3545;
        text-transform: initial;
        position: relative; }
      .quotes.create-quote .mode-selection .mode.unchecked label .custom-radio, .quotes.create-quote .mode-selection .mode.unchecked label .text {
        border-color: #ff9933; }
      .quotes.create-quote .mode-selection .mode.unchecked label .text i, .quotes.create-quote .mode-selection .mode.unchecked label .text p {
        color: #ff9933; }
      .quotes.create-quote .mode-selection .mode.unchecked label .text p span {
        color: #666; }
    .quotes.create-quote .mode-selection .mode.select p.supp {
      padding-top: 3px;
      bottom: 0px; }
    @media (max-width: 991px) {
      .quotes.create-quote .mode-selection .mode {
        padding: 0px; }
        .quotes.create-quote .mode-selection .mode label + label {
          margin-left: 10px; }
        .quotes.create-quote .mode-selection .mode label {
          padding: 0px; }
          .quotes.create-quote .mode-selection .mode label .select {
            bottom: 0px; } }
    @media (max-width: 767px) {
      .quotes.create-quote .mode-selection .highlight p.supp {
        font-size: 1rem; }
      .quotes.create-quote .mode-selection .mode {
        flex-wrap: wrap; }
        .quotes.create-quote .mode-selection .mode label, .quotes.create-quote .mode-selection .mode label .text {
          width: 100% !important; }
          .quotes.create-quote .mode-selection .mode label i, .quotes.create-quote .mode-selection .mode label .text i {
            display: none !important; }
          .quotes.create-quote .mode-selection .mode label p, .quotes.create-quote .mode-selection .mode label .text p {
            padding-left: 15px;
            font-size: 1rem; }
        .quotes.create-quote .mode-selection .mode label + label {
          margin: 10px 0px 0px; } }
  .quotes.create-quote .justify-content-center {
    display: none; }
    .quotes.create-quote .justify-content-center .title {
      color: #222;
      font-size: 0.95rem;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.5rem;
      letter-spacing: 1px;
      font-weight: normal;
      font-size: 1.2rem;
      text-transform: none;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
      width: 100%; }
      .quotes.create-quote .justify-content-center .title a:hover {
        color: #214a8c; }
    .quotes.create-quote .justify-content-center .details {
      padding: 25px 30px 15px;
      border: 1px solid #ccc; }
      .quotes.create-quote .justify-content-center .details .nav-tabs {
        padding: 0px;
        border: none;
        margin: 0px auto 15px; }
        .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-item, .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-link {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 5px;
          border-color: #ddd;
          font-family: "Poppins", sans-serif;
          height: 40px;
          border-radius: 0px;
          color: #666;
          letter-spacing: 0.5px;
          line-height: 0.875rem;
          text-align: center; }
          .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-item:before, .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-link:before {
            font-family: "Feather";
            font-size: 1.2rem;
            padding-right: 5px;
            color: #222;
            vertical-align: sub;
            font-weight: 400; }
        .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-item.active, .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-link.active {
          border-left-width: thin;
          border-color: #ddd;
          border-bottom: 2px solid #214a8c;
          color: #222; }
        .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-item {
          width: 50%; }
        .quotes.create-quote .justify-content-center .details .nav-tabs .nav-item + .nav-item a {
          border-left: 0px; }
        .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-link {
          width: 100%; }
        .quotes.create-quote .justify-content-center .details .nav-tabs a.nav-link.disabled {
          pointer-events: none; }
        @media (max-width: 991px) {
          .quotes.create-quote .justify-content-center .details .nav-tabs .nav-item a.nav-link {
            display: table-cell !important;
            vertical-align: middle; }
          .quotes.create-quote .justify-content-center .details .nav-tabs > .nav-item {
            width: 33.333333%;
            display: table; } }
        .quotes.create-quote .justify-content-center .details .nav-tabs li {
          width: 50%; }
      .quotes.create-quote .justify-content-center .details .title:not(:nth-child(1)) {
        border-top: 1px solid #f1f1f1;
        padding-top: 25px;
        margin-top: 5px;
        position: relative;
        z-index: 1; }
      .quotes.create-quote .justify-content-center .details .e-row.td-8 {
        margin-right: 0px !important; }
      .quotes.create-quote .justify-content-center .details .e-row.checkbox {
        justify-content: flex-start; }
      .quotes.create-quote .justify-content-center .details .ship-bill ~ .ship-bill-true, .quotes.create-quote .justify-content-center .details .request-ship ~ .request-ship {
        display: none; }
      .quotes.create-quote .justify-content-center .details .add-new p {
        padding: 0px;
        color: #214a8c;
        font-weight: 600; }
        .quotes.create-quote .justify-content-center .details .add-new p i {
          display: inline-block;
          width: 20px; }
      .quotes.create-quote .justify-content-center .details .add-new input:checked ~ p i:before {
        font-size: 1.2rem;
        content: "\ea02";
        vertical-align: sub;
        color: #dc3545; }
      .quotes.create-quote .justify-content-center .details .collapse.show {
        display: flex; }
      .quotes.create-quote .justify-content-center .details .select-shipping .ship-where, .quotes.create-quote .justify-content-center .details .select-billing .ship-where {
        margin-bottom: 10px; }
      .quotes.create-quote .justify-content-center .details .sub-title {
        font-weight: 600; }
      .quotes.create-quote .justify-content-center .details .select-shipping + .ship-bill-true {
        margin-bottom: 10px; }
      .quotes.create-quote .justify-content-center .details .e-row textarea {
        height: 50px;
        font-size: 0.8rem; }
      .quotes.create-quote .justify-content-center .details .ship-where.checkbox {
        max-width: 100%;
        flex: 0 0 100%; }
      .quotes.create-quote .justify-content-center .details .new-address.hide {
        display: none; }
      .quotes.create-quote .justify-content-center .details .ship-where.td-8:nth-child(1) {
        margin-bottom: 20px; }
      .quotes.create-quote .justify-content-center .details .title + .note {
        margin: -10px 0px 15px;
        font-size: 0.75rem;
        color: #aaa; }
    .quotes.create-quote .justify-content-center .details.show, .quotes.create-quote .justify-content-center .details.collapsing {
      display: flex;
      flex-wrap: wrap; }
    .quotes.create-quote .justify-content-center .details + .actions:not(.d-flex) {
      display: none; }
    @media (min-width: 992px) {
      .quotes.create-quote .justify-content-center .details .e-group.row {
        margin: 0px; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row {
          width: 100%; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-8 {
          width: calc(66.66% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-6 {
          width: calc(50% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-2 {
          width: calc(16.666667% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row {
          width: calc(33.333333% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row:nth-child(3n+1) {
          margin-right: 15px;
          margin-left: 0px; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row:nth-child(3n+2) {
          margin-right: 15px;
          margin-left: 15px; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row:nth-child(3n+3) {
          margin-right: 0px;
          margin-left: 15px; }
      .quotes.create-quote .justify-content-center .details .ship-when, .quotes.create-quote .justify-content-center .details .bill-method {
        display: flex;
        align-items: center; }
      .quotes.create-quote .justify-content-center .details .e-row.ship-when {
        padding-top: 25px; }
      .quotes.create-quote .justify-content-center .details .select-shipping .ship-where.td-8:nth-child(1), .quotes.create-quote .justify-content-center .details .select-billing .ship-where.td-8:nth-child(1) {
        flex-wrap: wrap; }
        .quotes.create-quote .justify-content-center .details .select-shipping .ship-where.td-8:nth-child(1) .sub-title, .quotes.create-quote .justify-content-center .details .select-billing .ship-where.td-8:nth-child(1) .sub-title {
          width: 100%; }
      .quotes.create-quote .justify-content-center .details .select-shipping .ship-where.td-8:nth-child(2), .quotes.create-quote .justify-content-center .details .select-billing .ship-where.td-8:nth-child(2) {
        margin-bottom: 10px;
        display: flex;
        align-items: center; }
        .quotes.create-quote .justify-content-center .details .select-shipping .ship-where.td-8:nth-child(2) .address, .quotes.create-quote .justify-content-center .details .select-billing .ship-where.td-8:nth-child(2) .address {
          padding-top: 30px; }
      .quotes.create-quote .justify-content-center .details .add-new {
        margin-bottom: 0px; }
        .quotes.create-quote .justify-content-center .details .add-new label {
          margin-bottom: 20px; }
      .quotes.create-quote .justify-content-center .details .password .e-row {
        margin-bottom: 20px; } }
    @media (max-width: 991px) {
      .quotes.create-quote .justify-content-center .title {
        font-size: 0.875rem; }
      .quotes.create-quote .justify-content-center .details {
        padding: 15px; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row {
          width: 100%; }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-8 {
          width: calc(66.66% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-6 {
          width: calc(50% - 20px); }
        .quotes.create-quote .justify-content-center .details .e-group.row .e-row.td-2 {
          width: calc(16.666667% - 20px); }
        .quotes.create-quote .justify-content-center .details ul.nav, .quotes.create-quote .justify-content-center .details .e-row {
          max-width: 100%;
          flex: 0 0 100%;
          margin-right: 0px;
          margin-left: 0px; }
        .quotes.create-quote .justify-content-center .details .title:not(:nth-child(1)) {
          padding-top: 20px; }
        .quotes.create-quote .justify-content-center .details .custom-radiobox + .custom-radiobox {
          margin-left: 0px;
          width: 100%; }
        .quotes.create-quote .justify-content-center .details .ship-when.td-8, .quotes.create-quote .justify-content-center .details .bill-method.td-8 {
          margin: 0px; } }
    .quotes.create-quote .justify-content-center .details {
      margin: 0px auto; }
      .quotes.create-quote .justify-content-center .details .forms {
        padding: 0px;
        margin-bottom: 0px; }
        .quotes.create-quote .justify-content-center .details .forms > div {
          padding: 0px; }
        .quotes.create-quote .justify-content-center .details .forms > .e-group:last-of-type .e-row:last-of-type {
          margin-bottom: 0px; }
  .quotes.details .block .cols {
    max-width: 20%; }
  .quotes.details .block .wide {
    flex-wrap: wrap;
    max-width: 40%; }
    .quotes.details .block .wide .sub-title + span:before {
      content: "-"; }
  .quotes.details .block .col-6 {
    max-width: 50%; }
  .quotes.details .block .notes {
    max-width: 60%; }
  .quotes.details .listing .title {
    color: #222;
    font-size: 0.95rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1.2rem;
    text-transform: none;
    letter-spacing: 0.5px;
    padding: 0px; }
    .quotes.details .listing .title a:hover {
      color: #214a8c; }
  .quotes.details .listing .col-9.left .col.qty .cable-cuts {
    padding-right: 20px; }
  @media (min-width: 768px) {
    .quotes.create-quote .listing .col-9.left .page-th, .quotes.details .listing .col-9.left .page-th {
      overflow: hidden;
      align-self: flex-start !important;
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px;
      z-index: 2; } }
  .quotes.create-quote .listing .col-9.left .page-th form, .quotes.create-quote .listing .col-9.left .page form, .quotes.details .listing .col-9.left .page-th form, .quotes.details .listing .col-9.left .page form {
    border-bottom: 1px solid #ddd; }
    .quotes.create-quote .listing .col-9.left .page-th form:hover, .quotes.create-quote .listing .col-9.left .page form:hover, .quotes.details .listing .col-9.left .page-th form:hover, .quotes.details .listing .col-9.left .page form:hover {
      background-color: #f7fbff; }
  .quotes.create-quote .listing .col-9.left .page-th .details, .quotes.create-quote .listing .col-9.left .page .details, .quotes.details .listing .col-9.left .page-th .details, .quotes.details .listing .col-9.left .page .details {
    padding: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details > .col, .quotes.create-quote .listing .col-9.left .page .details > .col, .quotes.details .listing .col-9.left .page-th .details > .col, .quotes.details .listing .col-9.left .page .details > .col {
      text-align: left;
      padding: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details > .col .eco, .quotes.create-quote .listing .col-9.left .page .details > .col .eco, .quotes.details .listing .col-9.left .page-th .details > .col .eco, .quotes.details .listing .col-9.left .page .details > .col .eco {
        display: block;
        text-transform: inherit; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.checkbox, .quotes.create-quote .listing .col-9.left .page .details .col.checkbox, .quotes.details .listing .col-9.left .page-th .details .col.checkbox, .quotes.details .listing .col-9.left .page .details .col.checkbox {
      z-index: 1;
      max-width: 20px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .supp, .quotes.create-quote .listing .col-9.left .page .details .supp, .quotes.details .listing .col-9.left .page-th .details .supp, .quotes.details .listing .col-9.left .page .details .supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .text, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .text, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .text, .quotes.details .listing .col-9.left .page .details .col.pro-details .text {
        width: 100%; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .product-img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .product-img, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .product-img, .quotes.details .listing .col-9.left .page .details .col.pro-details .product-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 160px;
        max-width: 160px;
        width: 100%;
        flex: 0 0 auto;
        margin: 0px auto; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .product-img img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page .details .col.pro-details .product-img img {
          width: auto; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .product-img img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page .details .col.pro-details .product-img img {
          max-height: calc(150px - 5px);
          max-width: calc(150px - 5px); }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .sub-title, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .sub-title, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .sub-title, .quotes.details .listing .col-9.left .page .details .col.pro-details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-size: 0.8rem;
        font-weight: 300;
        text-transform: uppercase; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .sub-title a, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .sub-title a, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .sub-title a, .quotes.details .listing .col-9.left .page .details .col.pro-details .sub-title a {
          color: #666; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .sub-title a:hover, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .sub-title a:hover, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .sub-title a:hover, .quotes.details .listing .col-9.left .page .details .col.pro-details .sub-title a:hover {
            color: #222; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .title, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .title, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .title, .quotes.details .listing .col-9.left .page .details .col.pro-details .title {
        color: #222;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        line-height: 1.1rem;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
        max-height: 35px;
        overflow: hidden;
        position: relative; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .title a, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .title a, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .title a, .quotes.details .listing .col-9.left .page .details .col.pro-details .title a {
          color: #222; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .title a:hover, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .title a:hover, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .title a:hover, .quotes.details .listing .col-9.left .page .details .col.pro-details .title a:hover {
            color: #214a8c; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .title:after, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .title:after, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .title:after, .quotes.details .listing .col-9.left .page .details .col.pro-details .title:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 40%;
          height: 1rem;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
          bottom: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .mfg, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .upc, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .co-label, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .mfg, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .upc, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .co-label, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .mfg, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .upc, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .co-label, .quotes.details .listing .col-9.left .page .details .col.pro-details .mfg, .quotes.details .listing .col-9.left .page .details .col.pro-details .upc, .quotes.details .listing .col-9.left .page .details .col.pro-details .co-label {
        display: flex;
        min-height: auto; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .mfg span, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .upc span, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .co-label span, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .mfg span, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .upc span, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .co-label span, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .mfg span, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .upc span, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .co-label span, .quotes.details .listing .col-9.left .page .details .col.pro-details .mfg span, .quotes.details .listing .col-9.left .page .details .col.pro-details .upc span, .quotes.details .listing .col-9.left .page .details .col.pro-details .co-label span {
          font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .mfg span:last-of-type, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .upc span:last-of-type, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .co-label span:last-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .mfg span:last-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .upc span:last-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .co-label span:last-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .mfg span:last-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .upc span:last-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .co-label span:last-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .mfg span:last-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .upc span:last-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .co-label span:last-of-type {
          width: calc(100% - 110px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .mfg span:first-of-type, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .upc span:first-of-type, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .co-label span:first-of-type, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .personal-code span:first-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .mfg span:first-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .upc span:first-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .co-label span:first-of-type, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .personal-code span:first-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .mfg span:first-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .upc span:first-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .co-label span:first-of-type, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .personal-code span:first-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .mfg span:first-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .upc span:first-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .co-label span:first-of-type, .quotes.details .listing .col-9.left .page .details .col.pro-details .personal-code span:first-of-type {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: inline-block; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .personal-code, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .personal-code, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .personal-code, .quotes.details .listing .col-9.left .page .details .col.pro-details .personal-code {
        font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .personal-code a, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .personal-code a, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .personal-code a, .quotes.details .listing .col-9.left .page .details .col.pro-details .personal-code a {
          color: #ff9933;
          text-decoration: underline; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code {
        display: flex; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code input, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code textarea, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code button, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code input, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code button, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code button, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code button {
          height: 30px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code textarea, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code textarea, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code textarea {
          height: 50px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code input, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code input {
          width: 200px;
          padding: 5px 7px;
          font-size: 0.8rem;
          margin: 5px 0px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code button.img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code button.img, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code button.img, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code button.img {
          height: 30px;
          border: none;
          background: none;
          padding: 0px;
          cursor: pointer;
          margin: 5px 0px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code input[type="image"], .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code input[type="image"], .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code img, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code input[type="image"], .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code img, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code input[type="image"], .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code img {
          padding: 2px;
          margin-left: 5px;
          width: 30px;
          height: 30px;
          border: none;
          background: none !important; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code.collapse:not(.show), .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code.collapse:not(.show), .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code.collapse:not(.show), .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code.collapse:not(.show) {
        display: none; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .change-code.show, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .change-code.show, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .change-code.show, .quotes.details .listing .col-9.left .page .details .col.pro-details .change-code.show {
        display: flex; }
      @media (max-width: 991px) {
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .mfg, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .upc, .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .co-label, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .mfg, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .upc, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .co-label, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .mfg, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .upc, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .co-label, .quotes.details .listing .col-9.left .page .details .col.pro-details .mfg, .quotes.details .listing .col-9.left .page .details .col.pro-details .upc, .quotes.details .listing .col-9.left .page .details .col.pro-details .co-label {
          margin: 5px 0px; } }
    .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page .details .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .supp, .quotes.details .listing .col-9.left .page-th .details .inventory .supp, .quotes.details .listing .col-9.left .page .details .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .in-stock, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .out-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .in-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .out-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .in-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .out-stock, .quotes.details .listing .col-9.left .page .details .inventory .in-stock, .quotes.details .listing .col-9.left .page .details .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .in-stock:before, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .out-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .out-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .out-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .in-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .in-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .in-stock, .quotes.details .listing .col-9.left .page .details .inventory .in-stock {
        color: #10a700; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .out-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .out-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .out-stock, .quotes.details .listing .col-9.left .page .details .inventory .out-stock {
        color: #dc3545; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .out-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .out-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .out-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .delivery, .quotes.create-quote .listing .col-9.left .page .details .inventory .delivery, .quotes.details .listing .col-9.left .page-th .details .inventory .delivery, .quotes.details .listing .col-9.left .page .details .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .delivery .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .delivery .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .delivery .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup, .quotes.details .listing .col-9.left .page .details .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page .details .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page .details .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .nonstock .out-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .nonstock .out-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .nonstock .out-stock, .quotes.details .listing .col-9.left .page .details .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .nonstock .out-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .nonstock .out-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .nonstock .out-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .nonstock .supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .nonstock .supp, .quotes.details .listing .col-9.left .page-th .details .inventory .nonstock .supp, .quotes.details .listing .col-9.left .page .details .inventory .nonstock .supp {
        color: #dc3545; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .leadtime span, .quotes.create-quote .listing .col-9.left .page .details .inventory .leadtime span, .quotes.details .listing .col-9.left .page-th .details .inventory .leadtime span, .quotes.details .listing .col-9.left .page .details .inventory .leadtime span {
        color: #10a700; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page .details .inventory .pickup .preferred {
        display: block; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .preferred, .quotes.details .listing .col-9.left .page .details .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .out-stock ~ .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .out-stock ~ .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .out-stock ~ .preferred, .quotes.details .listing .col-9.left .page .details .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .backorder .in-stock, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .nonstock .in-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .backorder .in-stock, .quotes.create-quote .listing .col-9.left .page .details .inventory .nonstock .in-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .backorder .in-stock, .quotes.details .listing .col-9.left .page-th .details .inventory .nonstock .in-stock, .quotes.details .listing .col-9.left .page .details .inventory .backorder .in-stock, .quotes.details .listing .col-9.left .page .details .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .backorder .in-stock:before, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .nonstock .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .backorder .in-stock:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .nonstock .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .backorder .in-stock:before, .quotes.details .listing .col-9.left .page-th .details .inventory .nonstock .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .backorder .in-stock:before, .quotes.details .listing .col-9.left .page .details .inventory .nonstock .in-stock:before {
          color: #666; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory ._labels, .quotes.create-quote .listing .col-9.left .page .details .inventory ._labels, .quotes.details .listing .col-9.left .page-th .details .inventory ._labels, .quotes.details .listing .col-9.left .page .details .inventory ._labels {
        display: none !important; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text, .quotes.create-quote .listing .col-9.left .page .details .inventory .text, .quotes.details .listing .col-9.left .page-th .details .inventory .text, .quotes.details .listing .col-9.left .page .details .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text span, .quotes.create-quote .listing .col-9.left .page .details .inventory .text span, .quotes.details .listing .col-9.left .page-th .details .inventory .text span, .quotes.details .listing .col-9.left .page .details .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text span:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .text span:before, .quotes.details .listing .col-9.left .page-th .details .inventory .text span:before, .quotes.details .listing .col-9.left .page .details .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text span:after, .quotes.create-quote .listing .col-9.left .page .details .inventory .text span:after, .quotes.details .listing .col-9.left .page-th .details .inventory .text span:after, .quotes.details .listing .col-9.left .page .details .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text span a, .quotes.create-quote .listing .col-9.left .page .details .inventory .text span a, .quotes.details .listing .col-9.left .page-th .details .inventory .text span a, .quotes.details .listing .col-9.left .page .details .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .quotes.create-quote .listing .col-9.left .page-th .details .inventory .text span a:hover, .quotes.create-quote .listing .col-9.left .page .details .inventory .text span a:hover, .quotes.details .listing .col-9.left .page-th .details .inventory .text span a:hover, .quotes.details .listing .col-9.left .page .details .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page .details .inventory {
          margin-bottom: 5px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page .details .inventory .pickup:before {
            height: 1.5rem; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page .details .inventory .pickup:after {
            bottom: -20px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:last-child:before, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:last-child:after, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:last-child:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:last-child:after, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:last-child:before, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:last-child:after, .quotes.details .listing .col-9.left .page .details .inventory .pickup:last-child:before, .quotes.details .listing .col-9.left .page .details .inventory .pickup:last-child:after {
            display: none; }
          .quotes.create-quote .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page .details .inventory .pickup .preferred {
            display: inline-block; } }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page .details .inventory .leadtime.supp, .quotes.details .listing .col-9.left .page .details .inventory .pickup .preferred {
        padding-left: 25px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .pickup, .quotes.create-quote .listing .col-9.left .page .details .pickup, .quotes.details .listing .col-9.left .page-th .details .pickup, .quotes.details .listing .col-9.left .page .details .pickup {
      max-width: 100%;
      flex: 0 0 100%; }
    .quotes.create-quote .listing .col-9.left .page-th .details .branch, .quotes.create-quote .listing .col-9.left .page .details .branch, .quotes.details .listing .col-9.left .page-th .details .branch, .quotes.details .listing .col-9.left .page .details .branch {
      margin-left: 25px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .branch button, .quotes.create-quote .listing .col-9.left .page .details .branch button, .quotes.details .listing .col-9.left .page-th .details .branch button, .quotes.details .listing .col-9.left .page .details .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .branch button:focus, .quotes.create-quote .listing .col-9.left .page .details .branch button:focus, .quotes.details .listing .col-9.left .page-th .details .branch button:focus, .quotes.details .listing .col-9.left .page .details .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu li, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu li, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu li, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu li:after, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu li:after, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu li:after, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu li span, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu li span, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu li span, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu li span {
            color: #dc3545; }
        .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu li.available:after, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu li.available:after, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu li.available:after, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .quotes.create-quote .listing .col-9.left .page-th .details .branch .dropdown-menu li.available span, .quotes.create-quote .listing .col-9.left .page .details .branch .dropdown-menu li.available span, .quotes.details .listing .col-9.left .page-th .details .branch .dropdown-menu li.available span, .quotes.details .listing .col-9.left .page .details .branch .dropdown-menu li.available span {
          color: #10a700; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page .details .col.price {
      margin-bottom: 15px;
      display: flex;
      align-items: first baseline;
      flex-wrap: wrap;
      flex-direction: row; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .sale, .quotes.create-quote .listing .col-9.left .page .details .col.price .sale, .quotes.details .listing .col-9.left .page-th .details .col.price .sale, .quotes.details .listing .col-9.left .page .details .col.price .sale {
        color: #dc3545;
        margin: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .price, .quotes.create-quote .listing .col-9.left .page .details .col.price .price, .quotes.details .listing .col-9.left .page-th .details .col.price .price, .quotes.details .listing .col-9.left .page .details .col.price .price {
        color: #222; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .discount, .quotes.create-quote .listing .col-9.left .page .details .col.price .discount, .quotes.details .listing .col-9.left .page-th .details .col.price .discount, .quotes.details .listing .col-9.left .page .details .col.price .discount {
        color: #222;
        margin: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .sale + .price, .quotes.create-quote .listing .col-9.left .page-th .details .col.price .discount + .price, .quotes.create-quote .listing .col-9.left .page .details .col.price .sale + .price, .quotes.create-quote .listing .col-9.left .page .details .col.price .discount + .price, .quotes.details .listing .col-9.left .page-th .details .col.price .sale + .price, .quotes.details .listing .col-9.left .page-th .details .col.price .discount + .price, .quotes.details .listing .col-9.left .page .details .col.price .sale + .price, .quotes.details .listing .col-9.left .page .details .col.price .discount + .price {
        text-decoration: line-through;
        color: #666;
        font-size: 0.95rem;
        margin-left: 5px;
        display: initial; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .supp, .quotes.create-quote .listing .col-9.left .page .details .col.price .supp, .quotes.details .listing .col-9.left .page-th .details .col.price .supp, .quotes.details .listing .col-9.left .page .details .col.price .supp {
        margin-left: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .eco, .quotes.create-quote .listing .col-9.left .page .details .col.price .eco, .quotes.details .listing .col-9.left .page-th .details .col.price .eco, .quotes.details .listing .col-9.left .page .details .col.price .eco {
        color: #10a700; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price > span:nth-of-type(2), .quotes.create-quote .listing .col-9.left .page .details .col.price > span:nth-of-type(2), .quotes.details .listing .col-9.left .page-th .details .col.price > span:nth-of-type(2), .quotes.details .listing .col-9.left .page .details .col.price > span:nth-of-type(2) {
        font-size: 1.1rem; }
      @media (max-width: 991px) {
        .quotes.create-quote .listing .col-9.left .page-th .details .col.price .supp:not(:last-child), .quotes.create-quote .listing .col-9.left .page .details .col.price .supp:not(:last-child), .quotes.details .listing .col-9.left .page-th .details .col.price .supp:not(:last-child), .quotes.details .listing .col-9.left .page .details .col.price .supp:not(:last-child) {
          margin-right: 10px; } }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty input, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty textarea, .quotes.create-quote .listing .col-9.left .page .details .col.qty input, .quotes.create-quote .listing .col-9.left .page .details .col.qty textarea, .quotes.details .listing .col-9.left .page-th .details .col.qty input, .quotes.details .listing .col-9.left .page-th .details .col.qty textarea, .quotes.details .listing .col-9.left .page .details .col.qty input, .quotes.details .listing .col-9.left .page .details .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty input, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty button, .quotes.create-quote .listing .col-9.left .page .details .col.qty input, .quotes.create-quote .listing .col-9.left .page .details .col.qty button, .quotes.details .listing .col-9.left .page-th .details .col.qty input, .quotes.details .listing .col-9.left .page-th .details .col.qty button, .quotes.details .listing .col-9.left .page .details .col.qty input, .quotes.details .listing .col-9.left .page .details .col.qty button {
        height: 30px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty textarea, .quotes.create-quote .listing .col-9.left .page .details .col.qty textarea, .quotes.details .listing .col-9.left .page-th .details .col.qty textarea, .quotes.details .listing .col-9.left .page .details .col.qty textarea {
        height: 50px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty input, .quotes.create-quote .listing .col-9.left .page .details .col.qty input, .quotes.details .listing .col-9.left .page-th .details .col.qty input, .quotes.details .listing .col-9.left .page .details .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty input.disabled, .quotes.create-quote .listing .col-9.left .page .details .col.qty input.disabled, .quotes.details .listing .col-9.left .page-th .details .col.qty input.disabled, .quotes.details .listing .col-9.left .page .details .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty input.input-validation-error, .quotes.create-quote .listing .col-9.left .page .details .col.qty input.input-validation-error, .quotes.details .listing .col-9.left .page-th .details .col.qty input.input-validation-error, .quotes.details .listing .col-9.left .page .details .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty span.margin + input, .quotes.create-quote .listing .col-9.left .page .details .col.qty span.margin + input, .quotes.details .listing .col-9.left .page-th .details .col.qty span.margin + input, .quotes.details .listing .col-9.left .page .details .col.qty span.margin + input {
        margin-left: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty span.uom, .quotes.create-quote .listing .col-9.left .page .details .col.qty span.uom, .quotes.details .listing .col-9.left .page-th .details .col.qty span.uom, .quotes.details .listing .col-9.left .page .details .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty > span.supp, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .available, .quotes.create-quote .listing .col-9.left .page .details .col.qty > span.supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .available, .quotes.details .listing .col-9.left .page-th .details .col.qty > span.supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .available, .quotes.details .listing .col-9.left .page .details .col.qty > span.supp, .quotes.details .listing .col-9.left .page .details .col.qty .available {
        line-height: 30px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length:after, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length:after, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-plus:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button i.fe-minus:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length .supp, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .cut .supp, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty:before, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts {
        margin-top: calc(20px - 2px); }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.total .saving, .quotes.create-quote .listing .col-9.left .page .details .col.total .saving, .quotes.details .listing .col-9.left .page-th .details .col.total .saving, .quotes.details .listing .col-9.left .page .details .col.total .saving {
      font-weight: 400;
      color: #10a700;
      font-size: 0.75rem; }
    .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart, .quotes.details .listing .col-9.left .page-th .details .add-to-cart, .quotes.details .listing .col-9.left .page .details .add-to-cart {
      position: absolute;
      bottom: 0px;
      width: auto;
      right: 0px;
      display: table; }
      .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff; }
        .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
        .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart a, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart a, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart a, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          outline-style: none; }
        .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:hover, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart:focus, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart:hover, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
      .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart.disabled, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart.disabled, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart.disabled, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart .btn-sml, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart button.add-cart, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart .btn-sml, .quotes.details .listing .col-9.left .page-th .details .add-to-cart button.add-cart, .quotes.details .listing .col-9.left .page-th .details .add-to-cart .btn-sml, .quotes.details .listing .col-9.left .page .details .add-to-cart button.add-cart, .quotes.details .listing .col-9.left .page .details .add-to-cart .btn-sml {
        width: 120px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart .text, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart .text, .quotes.details .listing .col-9.left .page-th .details .add-to-cart .text, .quotes.details .listing .col-9.left .page .details .add-to-cart .text {
        height: 25px;
        font-family: "Poppins", sans-serif;
        color: #222;
        margin-bottom: 0.875rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart .text:before, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart .text:before, .quotes.details .listing .col-9.left .page-th .details .add-to-cart .text:before, .quotes.details .listing .col-9.left .page .details .add-to-cart .text:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\e9a7";
          color: #222; }
    .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .details .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      width: 100%;
      background: none;
      z-index: 1;
      padding: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning > span, .quotes.create-quote .listing .col-9.left .page .details .alert-warning > span, .quotes.details .listing .col-9.left .page-th .details .alert-warning > span, .quotes.details .listing .col-9.left .page .details .alert-warning > span {
        background: #fff3cd;
        padding: 3px 5px 5px;
        min-height: 30px;
        max-height: 30px;
        font-size: calc(10px + 1px);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
    .quotes.create-quote .listing .col-9.left .page-th .details .download, .quotes.create-quote .listing .col-9.left .page .details .download, .quotes.details .listing .col-9.left .page-th .details .download, .quotes.details .listing .col-9.left .page .details .download {
      margin-top: 10px;
      font-size: 0.8rem;
      color: #222;
      font-family: "Open Sans", sans-serif; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download i, .quotes.create-quote .listing .col-9.left .page .details .download i, .quotes.details .listing .col-9.left .page-th .details .download i, .quotes.details .listing .col-9.left .page .details .download i {
        font-size: 1rem;
        margin-right: 7px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download > a, .quotes.create-quote .listing .col-9.left .page .details .download > a, .quotes.details .listing .col-9.left .page-th .details .download > a, .quotes.details .listing .col-9.left .page .details .download > a {
        display: inline-flex;
        align-items: center;
        color: #222;
        font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download > a span, .quotes.create-quote .listing .col-9.left .page .details .download > a span, .quotes.details .listing .col-9.left .page-th .details .download > a span, .quotes.details .listing .col-9.left .page .details .download > a span {
          color: #666;
          text-decoration: underline;
          color: #222;
          margin-left: 7px;
          letter-spacing: 0.25px; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download > a span:hover, .quotes.create-quote .listing .col-9.left .page .details .download > a span:hover, .quotes.details .listing .col-9.left .page-th .details .download > a span:hover, .quotes.details .listing .col-9.left .page .details .download > a span:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download > a img, .quotes.create-quote .listing .col-9.left .page .details .download > a img, .quotes.details .listing .col-9.left .page-th .details .download > a img, .quotes.details .listing .col-9.left .page .details .download > a img {
          height: 1rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download > a i, .quotes.create-quote .listing .col-9.left .page .details .download > a i, .quotes.details .listing .col-9.left .page-th .details .download > a i, .quotes.details .listing .col-9.left .page .details .download > a i {
          font-size: 1rem; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download #docModal .modal-dialog, .quotes.create-quote .listing .col-9.left .page .details .download #docModal .modal-dialog, .quotes.details .listing .col-9.left .page-th .details .download #docModal .modal-dialog, .quotes.details .listing .col-9.left .page .details .download #docModal .modal-dialog {
        max-width: calc(320px * 2); }
      .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0px 0px 15px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title .text, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title .text, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title .text, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title .text {
          padding-left: 30px;
          max-width: 66.66%;
          flex: 0 0 66.66%; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title .text .sub-title, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title .text .sub-title, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title .text .sub-title, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title .text .sub-title {
            line-height: normal; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title .text .title, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title .text .title, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title .text .title, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title .text .title {
            margin: 0px; }
            .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title .text .title:after, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title .text .title:after, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title .text .title:after, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title .text .title:after {
              background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body > div, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body > div, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body > div, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body > div {
        display: flex;
        flex-wrap: wrap; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div {
        padding: 7px 0px 10px;
        color: #222; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .doc:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .doc:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          color: #222; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .doc:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .doc:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .doc:before {
          content: "\e964"; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .xLink:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .xLink:before {
          content: "\e95b"; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div .xDocs:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div .xDocs:before {
          content: "\e963"; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div span, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div span, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div span, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div span {
          display: block;
          color: #666;
          line-height: 1.1rem;
          margin-left: 1.25rem; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div span:before, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div span:before, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div span:before, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div span:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e946";
            color: #666;
            font-size: 0.8rem; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div span a, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div span a, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div span a, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div span a {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            color: #666;
            text-decoration: underline;
            color: #222; }
            .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div span a:hover, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div span a:hover, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div span a:hover, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .btn-secondary, .quotes.create-quote .listing .col-9.left .page .details .download .modal .btn-secondary, .quotes.details .listing .col-9.left .page-th .details .download .modal .btn-secondary, .quotes.details .listing .col-9.left .page .details .download .modal .btn-secondary {
        color: #222;
        font-weight: 500;
        font-family: "Poppins", sans-serif; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .btn-secondary i, .quotes.create-quote .listing .col-9.left .page .details .download .modal .btn-secondary i, .quotes.details .listing .col-9.left .page-th .details .download .modal .btn-secondary i, .quotes.details .listing .col-9.left .page .details .download .modal .btn-secondary i {
          margin-right: 5px; }
      @media (max-width: 767px) {
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title {
          display: flex;
          flex-wrap: wrap; }
          .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-title .text, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-title .text, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-title .text, .quotes.details .listing .col-9.left .page .details .download .modal .modal-title .text {
            padding: 10px 0px 0px;
            max-width: 100%;
            flex: 0 0 100%; }
        .quotes.create-quote .listing .col-9.left .page-th .details .download .modal .modal-body div, .quotes.create-quote .listing .col-9.left .page .details .download .modal .modal-body div, .quotes.details .listing .col-9.left .page-th .details .download .modal .modal-body div, .quotes.details .listing .col-9.left .page .details .download .modal .modal-body div {
          max-width: 100%;
          flex: 0 0 100%; } }
  @media (max-width: 1199px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 35px; } }
  @media (min-width: 992px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .col.total .saving, .quotes.create-quote .listing .col-9.left .page .details .col.total .saving, .quotes.details .listing .col-9.left .page-th .details .col.total .saving, .quotes.details .listing .col-9.left .page .details .col.total .saving {
      margin-top: 5px; } }
  @media (max-width: 991px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .col.total .saving, .quotes.create-quote .listing .col-9.left .page .details .col.total .saving, .quotes.details .listing .col-9.left .page-th .details .col.total .saving, .quotes.details .listing .col-9.left .page .details .col.total .saving {
      padding: 2px 0px 0px 15px; } }
  @media (max-width: 767px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .checkbox, .quotes.create-quote .listing .col-9.left .page .details .checkbox, .quotes.details .listing .col-9.left .page-th .details .checkbox, .quotes.details .listing .col-9.left .page .details .checkbox {
      position: absolute;
      top: 75px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col ._labels, .quotes.create-quote .listing .col-9.left .page .details .col ._labels, .quotes.details .listing .col-9.left .page-th .details .col ._labels, .quotes.details .listing .col-9.left .page .details .col ._labels {
      display: block !important; }
    .quotes.create-quote .listing .col-9.left .page-th .details .inventory ._labels, .quotes.create-quote .listing .col-9.left .page .details .inventory ._labels, .quotes.details .listing .col-9.left .page-th .details .inventory ._labels, .quotes.details .listing .col-9.left .page .details .inventory ._labels {
      display: none !important; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page .details .col.price {
      flex-wrap: wrap;
      min-height: auto; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price span, .quotes.create-quote .listing .col-9.left .page .details .col.price span, .quotes.details .listing .col-9.left .page-th .details .col.price span, .quotes.details .listing .col-9.left .page .details .col.price span {
        display: flex;
        align-items: center; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.qty {
      max-width: 360px !important; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.total, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page-th .details .col.total, .quotes.details .listing .col-9.left .page .details .col.total {
      flex-wrap: wrap; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.total .saving, .quotes.create-quote .listing .col-9.left .page .details .col.total .saving, .quotes.details .listing .col-9.left .page-th .details .col.total .saving, .quotes.details .listing .col-9.left .page .details .col.total .saving {
        padding: 0px;
        width: 100%;
        text-align: left; }
    .quotes.create-quote .listing .col-9.left .page-th .details .add-to-cart, .quotes.create-quote .listing .col-9.left .page .details .add-to-cart, .quotes.details .listing .col-9.left .page-th .details .add-to-cart, .quotes.details .listing .col-9.left .page .details .add-to-cart {
      position: inherit;
      margin-top: 10px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .details .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      position: absolute;
      bottom: -40px !important; } }
  .quotes.create-quote .listing .col-9.left .page-th form, .quotes.create-quote .listing .col-9.left .page form, .quotes.details .listing .col-9.left .page-th form, .quotes.details .listing .col-9.left .page form {
    width: 100%;
    padding: 15px 0px; }
  .quotes.create-quote .listing .col-9.left .page-th .details, .quotes.create-quote .listing .col-9.left .page .details, .quotes.details .listing .col-9.left .page-th .details, .quotes.details .listing .col-9.left .page .details {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row; }
    .quotes.create-quote .listing .col-9.left .page-th .details .checkbox, .quotes.create-quote .listing .col-9.left .page .details .checkbox, .quotes.details .listing .col-9.left .page-th .details .checkbox, .quotes.details .listing .col-9.left .page .details .checkbox {
      align-self: center; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .col.pro-details {
      max-width: calc(50% - 20px);
      display: flex;
      flex-wrap: nowrap;
      padding-right: 20px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .s-desc, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .s-desc, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .s-desc, .quotes.details .listing .col-9.left .page .details .col.pro-details .s-desc {
        font-size: 0.875rem;
        overflow: hidden;
        position: relative;
        max-height: 45px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .s-desc:after, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .s-desc:after, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .s-desc:after, .quotes.details .listing .col-9.left .page .details .col.pro-details .s-desc:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          height: 20px;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page-th .details .col.total, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.total, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .col.total {
      text-align: right; }
    .quotes.create-quote .listing .col-9.left .page-th .details .ordered .qty, .quotes.create-quote .listing .col-9.left .page .details .ordered .qty, .quotes.details .listing .col-9.left .page-th .details .ordered .qty, .quotes.details .listing .col-9.left .page .details .ordered .qty {
      text-align: left; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.qty {
      position: static; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .uom + .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .uom + .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .uom + .supp, .quotes.details .listing .col-9.left .page .details .col.qty .uom + .supp {
        min-width: 100%;
        padding-right: 7px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 40px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price .eco, .quotes.create-quote .listing .col-9.left .page .details .col.price .eco, .quotes.details .listing .col-9.left .page-th .details .col.price .eco, .quotes.details .listing .col-9.left .page .details .col.price .eco {
      margin-top: 3px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price:empty, .quotes.create-quote .listing .col-9.left .page .details .col.price:empty, .quotes.details .listing .col-9.left .page-th .details .col.price:empty, .quotes.details .listing .col-9.left .page .details .col.price:empty {
      margin: 0px;
      padding: 0px;
      min-height: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .sp-tags, .quotes.create-quote .listing .col-9.left .page .details .sp-tags, .quotes.details .listing .col-9.left .page-th .details .sp-tags, .quotes.details .listing .col-9.left .page .details .sp-tags {
      justify-content: flex-end; }
    .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .details .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      position: absolute;
      bottom: 0px;
      width: 200px;
      right: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .remove, .quotes.create-quote .listing .col-9.left .page .details .remove, .quotes.details .listing .col-9.left .page-th .details .remove, .quotes.details .listing .col-9.left .page .details .remove {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
      .quotes.create-quote .listing .col-9.left .page-th .details .remove button, .quotes.create-quote .listing .col-9.left .page .details .remove button, .quotes.details .listing .col-9.left .page-th .details .remove button, .quotes.details .listing .col-9.left .page .details .remove button {
        height: 30px;
        border: none;
        background: #fff;
        padding: 0px;
        height: auto;
        cursor: pointer; }
      .quotes.create-quote .listing .col-9.left .page-th .details .remove button, .quotes.create-quote .listing .col-9.left .page-th .details .remove a, .quotes.create-quote .listing .col-9.left .page .details .remove button, .quotes.create-quote .listing .col-9.left .page .details .remove a, .quotes.details .listing .col-9.left .page-th .details .remove button, .quotes.details .listing .col-9.left .page-th .details .remove a, .quotes.details .listing .col-9.left .page .details .remove button, .quotes.details .listing .col-9.left .page .details .remove a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        font-size: 0.875rem;
        color: #222;
        display: flex; }
        .quotes.create-quote .listing .col-9.left .page-th .details .remove button:hover, .quotes.create-quote .listing .col-9.left .page-th .details .remove a:hover, .quotes.create-quote .listing .col-9.left .page .details .remove button:hover, .quotes.create-quote .listing .col-9.left .page .details .remove a:hover, .quotes.details .listing .col-9.left .page-th .details .remove button:hover, .quotes.details .listing .col-9.left .page-th .details .remove a:hover, .quotes.details .listing .col-9.left .page .details .remove button:hover, .quotes.details .listing .col-9.left .page .details .remove a:hover {
          color: #214a8c;
          text-decoration: none; }
        .quotes.create-quote .listing .col-9.left .page-th .details .remove button span, .quotes.create-quote .listing .col-9.left .page-th .details .remove a span, .quotes.create-quote .listing .col-9.left .page .details .remove button span, .quotes.create-quote .listing .col-9.left .page .details .remove a span, .quotes.details .listing .col-9.left .page-th .details .remove button span, .quotes.details .listing .col-9.left .page-th .details .remove a span, .quotes.details .listing .col-9.left .page .details .remove button span, .quotes.details .listing .col-9.left .page .details .remove a span {
          margin-left: 3px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .remove button i, .quotes.create-quote .listing .col-9.left .page-th .details .remove a i, .quotes.create-quote .listing .col-9.left .page .details .remove button i, .quotes.create-quote .listing .col-9.left .page .details .remove a i, .quotes.details .listing .col-9.left .page-th .details .remove button i, .quotes.details .listing .col-9.left .page-th .details .remove a i, .quotes.details .listing .col-9.left .page .details .remove button i, .quotes.details .listing .col-9.left .page .details .remove a i {
          font-size: 1.2rem;
          color: #222; }
        .quotes.create-quote .listing .col-9.left .page-th .details .remove button:hover i, .quotes.create-quote .listing .col-9.left .page-th .details .remove a:hover i, .quotes.create-quote .listing .col-9.left .page .details .remove button:hover i, .quotes.create-quote .listing .col-9.left .page .details .remove a:hover i, .quotes.details .listing .col-9.left .page-th .details .remove button:hover i, .quotes.details .listing .col-9.left .page-th .details .remove a:hover i, .quotes.details .listing .col-9.left .page .details .remove button:hover i, .quotes.details .listing .col-9.left .page .details .remove a:hover i {
          color: #214a8c; }
      .quotes.create-quote .listing .col-9.left .page-th .details .remove button, .quotes.create-quote .listing .col-9.left .page .details .remove button, .quotes.details .listing .col-9.left .page-th .details .remove button, .quotes.details .listing .col-9.left .page .details .remove button {
        background: none; }
    .quotes.create-quote .listing .col-9.left .page-th .details .remove, .quotes.create-quote .listing .col-9.left .page-th .details .pro-status, .quotes.create-quote .listing .col-9.left .page .details .remove, .quotes.create-quote .listing .col-9.left .page .details .pro-status, .quotes.details .listing .col-9.left .page-th .details .remove, .quotes.details .listing .col-9.left .page-th .details .pro-status, .quotes.details .listing .col-9.left .page .details .remove, .quotes.details .listing .col-9.left .page .details .pro-status {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1; }
    .quotes.create-quote .listing .col-9.left .page-th .details .pro-status, .quotes.create-quote .listing .col-9.left .page .details .pro-status, .quotes.details .listing .col-9.left .page-th .details .pro-status, .quotes.details .listing .col-9.left .page .details .pro-status {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      padding: 3px 10px;
      border-radius: 4px;
      line-height: normal; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status:before, .quotes.details .listing .col-9.left .page-th .details .pro-status:before, .quotes.details .listing .col-9.left .page .details .pro-status:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        padding: 0px;
        margin-right: 7px;
        top: 2px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.add, .quotes.create-quote .listing .col-9.left .page .details .pro-status.add, .quotes.details .listing .col-9.left .page-th .details .pro-status.add, .quotes.details .listing .col-9.left .page .details .pro-status.add {
        color: #00950a;
        background: #c8f0c8; }
        .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.add:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status.add:before, .quotes.details .listing .col-9.left .page-th .details .pro-status.add:before, .quotes.details .listing .col-9.left .page .details .pro-status.add:before {
          content: "\e92c";
          color: #00950a; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.update, .quotes.create-quote .listing .col-9.left .page .details .pro-status.update, .quotes.details .listing .col-9.left .page-th .details .pro-status.update, .quotes.details .listing .col-9.left .page .details .pro-status.update {
        color: #1b90e2;
        background: #c6e3f8; }
        .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.update:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status.update:before, .quotes.details .listing .col-9.left .page-th .details .pro-status.update:before, .quotes.details .listing .col-9.left .page .details .pro-status.update:before {
          content: "\e9ca";
          color: #1b90e2; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.remove, .quotes.create-quote .listing .col-9.left .page .details .pro-status.remove, .quotes.details .listing .col-9.left .page-th .details .pro-status.remove, .quotes.details .listing .col-9.left .page .details .pro-status.remove {
        color: #dc3545;
        background: #fbdadc; }
        .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.remove:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status.remove:before, .quotes.details .listing .col-9.left .page-th .details .pro-status.remove:before, .quotes.details .listing .col-9.left .page .details .pro-status.remove:before {
          content: "\ea03";
          color: #dc3545; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .quotes.create-quote .listing .col-9.left .page .details .pro-status.update:nth-last-child(4), .quotes.details .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .quotes.details .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
        bottom: 30px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.note, .quotes.create-quote .listing .col-9.left .page .details .pro-status.note, .quotes.details .listing .col-9.left .page-th .details .pro-status.note, .quotes.details .listing .col-9.left .page .details .pro-status.note {
        color: #de6e00;
        background: #fbe4b5; }
        .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.note:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status.note:before, .quotes.details .listing .col-9.left .page-th .details .pro-status.note:before, .quotes.details .listing .col-9.left .page .details .pro-status.note:before {
          content: "\e964";
          color: #de6e00; }
    .quotes.create-quote .listing .col-9.left .page-th .details .quote-details, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .details .quote-details, .quotes.details .listing .col-9.left .page .details .quote-details {
      padding-left: 100px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note {
        padding: 0px;
        max-width: calc(66.66% - 30px - 2px);
        position: relative;
        margin-bottom: 15px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note label, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note label, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note label, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note label {
          font-size: 0.8rem;
          text-align: left;
          font-family: "Open Sans", sans-serif;
          letter-spacing: normal;
          min-width: 110px;
          line-height: 1.2rem;
          display: flex; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note span.update, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note span.update, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note span.update, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note span.update {
          margin-left: 10px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note input, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note input, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note input, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note input, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note input, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note button, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note input, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note button, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note input, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note button, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note input, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note button {
          height: 30px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          height: 50px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note p, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note p, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note p, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note p, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          font-size: 0.75rem;
          color: #222;
          border-color: #ddd;
          margin-bottom: 0px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          height: 30px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note p.supp, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note p.supp {
          color: #666; }
    .quotes.create-quote .listing .col-9.left .page-th .details:hover .text .s-desc:before, .quotes.create-quote .listing .col-9.left .page .details:hover .text .s-desc:before, .quotes.details .listing .col-9.left .page-th .details:hover .text .s-desc:before, .quotes.details .listing .col-9.left .page .details:hover .text .s-desc:before {
      background-color: #f7fbff; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .quotes.create-quote .listing .col-9.left .page-th .details:not(.dnr), .quotes.create-quote .listing .col-9.left .page .details:not(.dnr), .quotes.details .listing .col-9.left .page-th .details:not(.dnr), .quotes.details .listing .col-9.left .page .details:not(.dnr) {
      justify-content: space-between; }
    .quotes.create-quote .listing .col-9.left .page-th .quote-details, .quotes.create-quote .listing .col-9.left .page .quote-details, .quotes.details .listing .col-9.left .page-th .quote-details, .quotes.details .listing .col-9.left .page .quote-details {
      flex-direction: row; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page .details .col.price {
      justify-content: flex-end;
      align-content: flex-start; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .eco, .quotes.create-quote .listing .col-9.left .page .details .col.price .eco, .quotes.details .listing .col-9.left .page-th .details .col.price .eco, .quotes.details .listing .col-9.left .page .details .col.price .eco {
        min-width: 100%; }
    .quotes.create-quote .listing .col-9.left .page-th .details .sp-tags .tag, .quotes.create-quote .listing .col-9.left .page .details .sp-tags .tag, .quotes.details .listing .col-9.left .page-th .details .sp-tags .tag, .quotes.details .listing .col-9.left .page .details .sp-tags .tag {
      margin-top: 7px; } }
  @media (max-width: 991px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .checkbox, .quotes.create-quote .listing .col-9.left .page .details .checkbox, .quotes.details .listing .col-9.left .page-th .details .checkbox, .quotes.details .listing .col-9.left .page .details .checkbox {
      position: absolute; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col ._labels, .quotes.create-quote .listing .col-9.left .page .details .col ._labels, .quotes.details .listing .col-9.left .page-th .details .col ._labels, .quotes.details .listing .col-9.left .page .details .col ._labels {
      display: block !important; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page-th .details .ordered, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .ordered, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page-th .details .ordered, .quotes.details .listing .col-9.left .page-th .details .quote-details, .quotes.details .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .ordered, .quotes.details .listing .col-9.left .page .details .quote-details {
      max-width: 100%;
      flex: 0 0 100%;
      align-items: center;
      text-align: left; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .col.pro-details {
      padding: 0px 0px 10px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page-th .details .ordered, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .ordered, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .ordered, .quotes.details .listing .col-9.left .page-th .details .quote-details, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page .details .ordered, .quotes.details .listing .col-9.left .page .details .quote-details {
      padding-left: 160px;
      flex-wrap: wrap;
      min-height: 30px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page .details .inventory {
      margin-top: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .delivery .leadtime.supp, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.create-quote .listing .col-9.left .page-th .details .inventory .inventory .pickup a, .quotes.create-quote .listing .col-9.left .page .details .inventory .delivery .leadtime.supp, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup .preferred, .quotes.create-quote .listing .col-9.left .page .details .inventory .inventory .pickup a, .quotes.details .listing .col-9.left .page-th .details .inventory .delivery .leadtime.supp, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page-th .details .inventory .inventory .pickup a, .quotes.details .listing .col-9.left .page .details .inventory .delivery .leadtime.supp, .quotes.details .listing .col-9.left .page .details .inventory .pickup .preferred, .quotes.details .listing .col-9.left .page .details .inventory .inventory .pickup a {
        display: inline-block; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:before, .quotes.details .listing .col-9.left .page .details .inventory .pickup:before {
        height: 1.5rem; }
      .quotes.create-quote .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.create-quote .listing .col-9.left .page .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page-th .details .inventory .pickup:after, .quotes.details .listing .col-9.left .page .details .inventory .pickup:after {
        bottom: -20px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .ordered span.supp, .quotes.create-quote .listing .col-9.left .page .details .ordered span.supp, .quotes.details .listing .col-9.left .page-th .details .ordered span.supp, .quotes.details .listing .col-9.left .page .details .ordered span.supp {
      margin-left: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .ordered span.supp:before, .quotes.create-quote .listing .col-9.left .page .details .ordered span.supp:before, .quotes.details .listing .col-9.left .page-th .details .ordered span.supp:before, .quotes.details .listing .col-9.left .page .details .ordered span.supp:before {
        content: "(";
        padding-right: 1px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .ordered span.supp:after, .quotes.create-quote .listing .col-9.left .page .details .ordered span.supp:after, .quotes.details .listing .col-9.left .page-th .details .ordered span.supp:after, .quotes.details .listing .col-9.left .page .details .ordered span.supp:after {
        content: ")";
        padding-left: 1px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page .details .col.price {
      min-height: 45px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.price .eco, .quotes.create-quote .listing .col-9.left .page .details .col.price .eco, .quotes.details .listing .col-9.left .page-th .details .col.price .eco, .quotes.details .listing .col-9.left .page .details .col.price .eco {
        margin-top: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.qty {
      margin-left: 0px;
      max-width: 100%;
      flex: 0 0 100%;
      position: relative; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .uom + .supp, .quotes.create-quote .listing .col-9.left .page .details .col.qty .uom + .supp, .quotes.details .listing .col-9.left .page-th .details .col.qty .uom + .supp, .quotes.details .listing .col-9.left .page .details .col.qty .uom + .supp {
        min-width: auto;
        padding-right: 7px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts {
        margin-top: calc(3px - 25px);
        margin-left: 25px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .details .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      position: inherit;
      width: 100%; }
    .quotes.create-quote .listing .col-9.left .page-th .details .pro-status, .quotes.create-quote .listing .col-9.left .page .details .pro-status, .quotes.details .listing .col-9.left .page-th .details .pro-status, .quotes.details .listing .col-9.left .page .details .pro-status {
      right: auto;
      bottom: -5px;
      left: 100px;
      font-size: 0.75rem; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .quotes.create-quote .listing .col-9.left .page .details .pro-status.update:nth-last-child(4), .quotes.details .listing .col-9.left .page-th .details .pro-status.update:nth-last-child(4), .quotes.details .listing .col-9.left .page .details .pro-status.update:nth-last-child(4) {
        bottom: -3px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .update + .note, .quotes.create-quote .listing .col-9.left .page .details .update + .note, .quotes.details .listing .col-9.left .page-th .details .update + .note, .quotes.details .listing .col-9.left .page .details .update + .note {
      left: auto;
      right: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .pro-status + .quote-details, .quotes.create-quote .listing .col-9.left .page .details .pro-status + .quote-details, .quotes.details .listing .col-9.left .page-th .details .pro-status + .quote-details, .quotes.details .listing .col-9.left .page .details .pro-status + .quote-details {
      margin-bottom: 10px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .quote-details, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .details .quote-details, .quotes.details .listing .col-9.left .page .details .quote-details {
      flex-wrap: wrap; }
      .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note {
        display: flex;
        max-width: 100%;
        flex: 0 0 100%; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note label, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note .text, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note label, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note .text, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note label, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note .text, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note label, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note .text {
          margin-bottom: 0px;
          padding-left: 0px;
          width: auto; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note textarea, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note textarea {
          margin-bottom: 25px; }
        .quotes.create-quote .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .quotes.create-quote .listing .col-9.left .page .details .quote-details .pro-note p.supp, .quotes.details .listing .col-9.left .page-th .details .quote-details .pro-note p.supp, .quotes.details .listing .col-9.left .page .details .quote-details .pro-note p.supp {
          bottom: 10px; } }
  @media (max-width: 767px) {
    .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .details .col.pro-details, .quotes.details .listing .col-9.left .page .details .col.pro-details {
      flex-wrap: wrap; }
      .quotes.create-quote .listing .col-9.left .page-th .details .col.pro-details .s-desc, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .s-desc, .quotes.details .listing .col-9.left .page-th .details .col.pro-details .s-desc, .quotes.details .listing .col-9.left .page .details .col.pro-details .s-desc {
        max-height: 40px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .inventory, .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page-th .details .col.qty, .quotes.create-quote .listing .col-9.left .page-th .details .ordered, .quotes.create-quote .listing .col-9.left .page-th .details .quote-details, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .ordered, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .details .inventory, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.qty, .quotes.details .listing .col-9.left .page-th .details .ordered, .quotes.details .listing .col-9.left .page-th .details .quote-details, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page .details .ordered, .quotes.details .listing .col-9.left .page .details .quote-details {
      padding-left: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page-th .details .col.price, .quotes.details .listing .col-9.left .page .details .col.price {
      flex-wrap: wrap; }
    .quotes.create-quote .listing .col-9.left .page-th .details .sp-tags, .quotes.create-quote .listing .col-9.left .page .details .sp-tags, .quotes.details .listing .col-9.left .page-th .details .sp-tags, .quotes.details .listing .col-9.left .page .details .sp-tags {
      width: 100%; }
    .quotes.create-quote .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page-th .details .col.qty .cable-cuts, .quotes.details .listing .col-9.left .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 50px - 5px);
      margin-left: auto; }
    .quotes.create-quote .listing .col-9.left .page-th .details .sp-tags, .quotes.create-quote .listing .col-9.left .page .details .sp-tags, .quotes.details .listing .col-9.left .page-th .details .sp-tags, .quotes.details .listing .col-9.left .page .details .sp-tags {
      justify-content: flex-start;
      margin-left: 0px; }
    .quotes.create-quote .listing .col-9.left .page-th .details .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .details .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      position: absolute; }
    .quotes.create-quote .listing .col-9.left .page-th .details .pro-status, .quotes.create-quote .listing .col-9.left .page .details .pro-status, .quotes.details .listing .col-9.left .page-th .details .pro-status, .quotes.details .listing .col-9.left .page .details .pro-status {
      left: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th .details .pro-status:before, .quotes.create-quote .listing .col-9.left .page .details .pro-status:before, .quotes.details .listing .col-9.left .page-th .details .pro-status:before, .quotes.details .listing .col-9.left .page .details .pro-status:before {
        display: none; } }
  .quotes.create-quote .listing .col-9.left .page-th .details, .quotes.create-quote .listing .col-9.left .page .details, .quotes.details .listing .col-9.left .page-th .details, .quotes.details .listing .col-9.left .page .details {
    display: flex;
    flex-wrap: wrap; }
    .quotes.create-quote .listing .col-9.left .page-th .details .checkbox, .quotes.create-quote .listing .col-9.left .page .details .checkbox, .quotes.details .listing .col-9.left .page-th .details .checkbox, .quotes.details .listing .col-9.left .page .details .checkbox {
      display: none; }
  .quotes.create-quote .listing .col-9.left .page-th, .quotes.create-quote .listing .col-9.left .page .details, .quotes.details .listing .col-9.left .page-th, .quotes.details .listing .col-9.left .page .details {
    /* -------------- REMOVE AFTERWARDS -------------- */
    justify-content: space-between; }
    .quotes.create-quote .listing .col-9.left .page-th form, .quotes.create-quote .listing .col-9.left .page .details form, .quotes.details .listing .col-9.left .page-th form, .quotes.details .listing .col-9.left .page .details form {
      border-bottom: none;
      padding: 0px; }
      .quotes.create-quote .listing .col-9.left .page-th form:hover, .quotes.create-quote .listing .col-9.left .page .details form:hover, .quotes.details .listing .col-9.left .page-th form:hover, .quotes.details .listing .col-9.left .page .details form:hover {
        background-color: transparent; }
    .quotes.create-quote .listing .col-9.left .page-th .inventory, .quotes.create-quote .listing .col-9.left .page-th .col.qty, .quotes.create-quote .listing .col-9.left .page-th .col.total, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page-th .inventory, .quotes.details .listing .col-9.left .page-th .col.qty, .quotes.details .listing .col-9.left .page-th .col.total, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.total {
      max-width: 16.666667%; }
    .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .product-img, .quotes.details .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.details .listing .col-9.left .page .details .col.pro-details .product-img {
      width: 100%;
      height: 100px;
      max-width: 100px; }
      .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .product-img img, .quotes.create-quote .listing .col-9.left .page .details .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page-th .col.pro-details .product-img img, .quotes.details .listing .col-9.left .page .details .col.pro-details .product-img img {
        max-height: 80px;
        max-width: 80px; }
    .quotes.create-quote .listing .col-9.left .page-th .alert-warning, .quotes.create-quote .listing .col-9.left .page .details .alert-warning, .quotes.details .listing .col-9.left .page-th .alert-warning, .quotes.details .listing .col-9.left .page .details .alert-warning {
      position: inherit; }
    .quotes.create-quote .listing .col-9.left .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.create-quote .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page-th .col.qty .cable-row:last-of-type:not(:only-of-type), .quotes.details .listing .col-9.left .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
    @media (max-width: 991px) {
      .quotes.create-quote .listing .col-9.left .page-th .col.price, .quotes.create-quote .listing .col-9.left .page-th .inventory, .quotes.create-quote .listing .col-9.left .page-th .col.qty, .quotes.create-quote .listing .col-9.left .page-th .col.total, .quotes.create-quote .listing .col-9.left .page-th .ordered, .quotes.create-quote .listing .col-9.left .page-th .quote-details, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.create-quote .listing .col-9.left .page .details .ordered, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .col.price, .quotes.details .listing .col-9.left .page-th .inventory, .quotes.details .listing .col-9.left .page-th .col.qty, .quotes.details .listing .col-9.left .page-th .col.total, .quotes.details .listing .col-9.left .page-th .ordered, .quotes.details .listing .col-9.left .page-th .quote-details, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page .details .ordered, .quotes.details .listing .col-9.left .page .details .quote-details {
        padding-left: 100px;
        max-width: 100%; }
      .quotes.create-quote .listing .col-9.left .page-th .col.qty input ~ span + span + input, .quotes.create-quote .listing .col-9.left .page .details .col.qty input ~ span + span + input, .quotes.details .listing .col-9.left .page-th .col.qty input ~ span + span + input, .quotes.details .listing .col-9.left .page .details .col.qty input ~ span + span + input {
        margin-left: 110px;
        margin-top: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .col.qty input ~ span + span + input + span, .quotes.create-quote .listing .col-9.left .page .details .col.qty input ~ span + span + input + span, .quotes.details .listing .col-9.left .page-th .col.qty input ~ span + span + input + span, .quotes.details .listing .col-9.left .page .details .col.qty input ~ span + span + input + span {
        margin-top: 5px; }
      .quotes.create-quote .listing .col-9.left .page-th .col.total, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page-th .col.total, .quotes.details .listing .col-9.left .page .details .col.total {
        display: flex;
        align-items: center; } }
    @media (max-width: 767px) {
      .quotes.create-quote .listing .col-9.left .page-th .col.price, .quotes.create-quote .listing .col-9.left .page-th .inventory, .quotes.create-quote .listing .col-9.left .page-th .col.qty, .quotes.create-quote .listing .col-9.left .page-th .col.total, .quotes.create-quote .listing .col-9.left .page-th .ordered, .quotes.create-quote .listing .col-9.left .page-th .quote-details, .quotes.create-quote .listing .col-9.left .page .details .col.price, .quotes.create-quote .listing .col-9.left .page .details .inventory, .quotes.create-quote .listing .col-9.left .page .details .col.qty, .quotes.create-quote .listing .col-9.left .page .details .col.total, .quotes.create-quote .listing .col-9.left .page .details .ordered, .quotes.create-quote .listing .col-9.left .page .details .quote-details, .quotes.details .listing .col-9.left .page-th .col.price, .quotes.details .listing .col-9.left .page-th .inventory, .quotes.details .listing .col-9.left .page-th .col.qty, .quotes.details .listing .col-9.left .page-th .col.total, .quotes.details .listing .col-9.left .page-th .ordered, .quotes.details .listing .col-9.left .page-th .quote-details, .quotes.details .listing .col-9.left .page .details .col.price, .quotes.details .listing .col-9.left .page .details .inventory, .quotes.details .listing .col-9.left .page .details .col.qty, .quotes.details .listing .col-9.left .page .details .col.total, .quotes.details .listing .col-9.left .page .details .ordered, .quotes.details .listing .col-9.left .page .details .quote-details {
        padding-left: 0px;
        width: 100%; } }
  .quotes.create-quote .listing .col-9.left .pro-details .download, .quotes.details .listing .col-9.left .pro-details .download {
    margin-bottom: 10px; }
  .quotes.create-quote .listing > .actions form.forms, .quotes.details .listing > .actions form.forms {
    padding: 0px;
    flex-direction: inherit; }
  .quotes.checkout .listing .left .details .e-group.row .ship-where.td-8 {
    flex-wrap: wrap; }
    .quotes.checkout .listing .left .details .e-group.row .ship-where.td-8 .sub-title {
      width: 100%; }
    .quotes.checkout .listing .left .details .e-group.row .ship-where.td-8 .address {
      padding-top: 0px; }
  .quotes.confirmation .listing .left .details .col-6:nth-child(odd):nth-last-child(2) {
    margin: 0px auto;
    text-align: center; }
  .quotes.revise .listing .col-9.left .page .details .pro-status {
    bottom: 30px; }
    .quotes.revise .listing .col-9.left .page .details .pro-status.update:nth-last-child(5) {
      bottom: 60px; }

.quotes:not(.create-quote):not(.details) .listing .page-th .td-2, .quotes:not(.create-quote):not(.details) .listing .page .td-2 {
  max-width: 14.25%; }
.quotes:not(.create-quote):not(.details) .listing .page-th .td-2:nth-child(3), .quotes:not(.create-quote):not(.details) .listing .page .td-2:nth-child(3) {
  max-width: 18%; }
.quotes:not(.create-quote):not(.details) .listing .page-th .td-2:last-child, .quotes:not(.create-quote):not(.details) .listing .page-th .td-2:nth-last-child(3), .quotes:not(.create-quote):not(.details) .listing .page .td-2:last-child, .quotes:not(.create-quote):not(.details) .listing .page .td-2:nth-last-child(3) {
  max-width: 12.5%; }
.quotes:not(.create-quote):not(.details) .listing .page-th .td-2:nth-last-child(2), .quotes:not(.create-quote):not(.details) .listing .page .td-2:nth-last-child(2) {
  text-align: right; }
.quotes:not(.create-quote):not(.details) .listing .page .details {
  border-bottom: 1px solid #ddd; }
  .quotes:not(.create-quote):not(.details) .listing .page .details > div:nth-last-child(2) {
    color: #222; }
.quotes:not(.create-quote):not(.details) .listing .no-results {
  margin-top: 0px;
  padding-top: 30px;
  border-top: 1px solid #666; }

.quotes .listing .details .td-2.active {
  color: #10a700; }
.quotes .listing .details .td-2.expired {
  color: #dc3545; }
.quotes .listing .details .td-2.ex-soon {
  color: #ff9933; }
.quotes .listing .details .td-2.revision {
  color: #1b90e2; }

@media (min-width: 992px) {
  .quotes .listing .col-12.left .btn-block + .page-th {
    margin-top: 0px; }
  .quotes .listing .col-12.left .page-th {
    margin-top: 20px; }
  .quotes.create-quote .listing {
    padding-top: 20px; }
    .quotes.create-quote .listing .actions .left, .quotes.create-quote .listing .actions .center, .quotes.create-quote .listing .actions .right {
      max-width: 33.333333%;
      flex: 0 0 33.333333%; }
  .quotes.create-quote .justify-content-center .details .forms .select-shipping, .quotes.create-quote .justify-content-center .details .forms .add-new.shipping {
    max-width: calc(66.66% - 10px); }
  .quotes.create-quote .justify-content-center .details .forms .select-shipping {
    flex-wrap: nowrap; }
    .quotes.create-quote .justify-content-center .details .forms .select-shipping .ship-where {
      width: calc(50% - 15px) !important; }
  .quotes.create-quote .justify-content-center .details .forms .calendar {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: calc(33.333333% - 20px);
    position: absolute;
    right: 0px;
    top: 0px; }
    .quotes.create-quote .justify-content-center .details .forms .calendar .ship-date {
      width: 100%;
      margin-right: 0px !important; }
    .quotes.create-quote .justify-content-center .details .forms .calendar.pad-top {
      padding-top: calc(40px + 3px); }
  .quotes.create-quote .listing .col-9.left .page-th .col.pro-details, .quotes.create-quote .page .details .col.pro-details, .quotes.details .listing .col-9.left .page-th .col.pro-details, .quotes.details .page .details .col.pro-details {
    max-width: 50% !important; }
  .quotes.create-quote .listing .col-9.left .page-th .col.price, .quotes.create-quote .page .details .col.price, .quotes.details .listing .col-9.left .page-th .col.price, .quotes.details .page .details .col.price {
    max-width: 16.666667%; }
  .quotes.revise .listing .col-9.left .page-th .col.pro-details, .quotes.revise .page .details .col.pro-details {
    max-width: 66.66% !important; } }
@media (max-width: 991px) {
  .quotes.create-quote .justify-content-center .details .forms div {
    max-width: 100%;
    flex: 0 0 100%;
    margin-left: 0px;
    margin-right: 0px; }
  .quotes.create-quote .justify-content-center .details .forms > div:last-child {
    margin-bottom: 15px; }
  .quotes.create-quote .listing .actions > .left {
    display: none !important; }
  .quotes.create-quote .listing .page .details .col span._labels {
    display: block !important; }
  .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.create-quote .page .details .col.pro-details .product-img, .quotes.details .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.details .page .details .col.pro-details .product-img {
    position: absolute; }
  .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .text, .quotes.create-quote .page .details .col.pro-details .text, .quotes.details .listing .col-9.left .page-th .col.pro-details .text, .quotes.details .page .details .col.pro-details .text {
    padding-left: 100px; }
  .quotes.revise .listing .col-9.left .page .details .pro-details, .quotes.revise .listing .col-9.left .page .details .qty {
    margin-bottom: 10px; }
  .quotes.revise .listing .col-9.left .page .details .pro-status {
    bottom: 0px !important; } }
@media (max-width: 767px) {
  .quotes .pg-title span {
    display: inline-block; }
  .quotes .search {
    max-width: 100%; }
  .quotes form .e-group.row .e-row:nth-child(2n) {
    margin-left: 0px; }
  .quotes.create-quote .justify-content-center .details {
    max-width: 100%;
    flex: 0 0 100%; }
  .quotes.details .block:nth-child(2) .cols:last-of-type, .quotes.details .block:nth-child(3) .cols:nth-child(2) {
    max-width: 100%;
    flex-direction: row;
    min-height: 35px;
    justify-content: flex-start;
    padding: 10px 0px;
    border-left: none; }
    .quotes.details .block:nth-child(2) .cols:last-of-type span, .quotes.details .block:nth-child(3) .cols:nth-child(2) span {
      padding-left: 5px; }
  .quotes.details .block .col-6, .quotes.details .block .wide, .quotes.details .block .notes {
    min-width: 100%;
    padding: 10px 0px; }
  .quotes .details .col span._labels {
    display: block !important; }
  .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.create-quote .page .details .col.pro-details .product-img, .quotes.details .listing .col-9.left .page-th .col.pro-details .product-img, .quotes.details .page .details .col.pro-details .product-img {
    position: inherit; }
  .quotes.create-quote .listing .col-9.left .page-th .col.pro-details .text, .quotes.create-quote .page .details .col.pro-details .text, .quotes.details .listing .col-9.left .page-th .col.pro-details .text, .quotes.details .page .details .col.pro-details .text {
    padding-left: 0px; } }
.my-lists {
  padding: 0px; }
  .my-lists .header {
    margin-bottom: 20px;
    text-align: center; }
    .my-lists .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .my-lists .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .my-lists .header.next-prev a.btn-sml:hover, .my-lists .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .my-lists .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .my-lists .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .my-lists .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .my-lists section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .my-lists section {
        margin: 15px auto; } }
  .my-lists .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .my-lists .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .my-lists .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .my-lists .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .my-lists .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .my-lists .header.next-prev .btn-sml i {
        font-size: 25px; }
      .my-lists .header.next-prev .btn-sml span {
        display: none !important; }
    .my-lists .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .my-lists form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .my-lists form .field-validation-error:not(.text-danger), .my-lists form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .my-lists form .field-validation-error:not(.text-danger) span, .my-lists form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .my-lists form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .my-lists form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .my-lists form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .my-lists form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .my-lists form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .my-lists form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .my-lists form .validation-summary-error ul li, .my-lists form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .my-lists form .validation-summary-error ul li:before, .my-lists form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .my-lists form .validation-summary-error ul li span, .my-lists form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .my-lists form .validation-summary-error ul li span + span:before, .my-lists form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .my-lists form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .my-lists form .validation-summary-error ul li, .my-lists form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .my-lists form .validation-summary-error ul li, .my-lists form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .my-lists form .validation-summary-error ul li:before, .my-lists form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .my-lists form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .my-lists form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .my-lists form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .my-lists form .validation-summary-success ul li, .my-lists form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .my-lists form .validation-summary-success ul li:before, .my-lists form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .my-lists form .validation-summary-success ul li span, .my-lists form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .my-lists form .validation-summary-success ul li span + span:before, .my-lists form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .my-lists form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .my-lists form .validation-summary-success ul li, .my-lists form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .my-lists form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .my-lists form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .my-lists form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .my-lists form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .my-lists form .alert-success ul li, .my-lists form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .my-lists form .alert-success ul li:before, .my-lists form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .my-lists form .alert-success ul li span, .my-lists form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .my-lists form .alert-success ul li span + span:before, .my-lists form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .my-lists form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .my-lists form .alert-success ul li, .my-lists form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .my-lists form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .my-lists form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .my-lists form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .my-lists form .alert-success p {
            font-size: 0.8rem; }
          .my-lists form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .my-lists form .e-group {
      margin: 0px auto; }
    .my-lists form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .my-lists form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .my-lists form .select {
      position: relative; }
      .my-lists form .select label {
        display: inherit; }
        .my-lists form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .my-lists form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .my-lists form input[type="number"], .my-lists form input[type="number"]::-webkit-inner-spin-button, .my-lists form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .my-lists form select, .my-lists form input, .my-lists form button {
      height: 50px; }
    .my-lists form select, .my-lists form textarea, .my-lists form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .my-lists form select:focus, .my-lists form textarea:focus, .my-lists form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .my-lists form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .my-lists form p.center {
      text-align: center;
      line-height: 30px; }
    .my-lists form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .my-lists form p.mandatory, .my-lists form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .my-lists form p.mandatory span, .my-lists form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .my-lists form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .my-lists form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .my-lists form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .my-lists form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .my-lists form label.user:after {
      content: "\e9f1"; }
    .my-lists form label.password:after {
      content: "\e987"; }
    .my-lists form label.email:after {
      content: "\e98a"; }
    .my-lists form label.search:after {
      content: "\e9c1"; }
    .my-lists form label.box1:after {
      content: "\e9a2"; }
    .my-lists form label.home:after {
      content: "\e979"; }
    .my-lists form label.phone:after {
      content: "\e9a7"; }
    .my-lists form label.mobile:after {
      content: "\e9d2"; }
    .my-lists form label.flag:after {
      content: "\e967"; }
    .my-lists form label.address:after {
      content: "\e98b"; }
    .my-lists form label.postal:after {
      content: "\e98c"; }
    .my-lists form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .my-lists form label.doc1:after {
      content: "\e938"; }
    .my-lists form label.hash:after {
      content: "\e975"; }
    .my-lists form label.dollar:after {
      content: "\e954"; }
    .my-lists form label.msg1:after {
      content: "\e990"; }
    .my-lists form label.percent:after {
      content: "\e9a6"; }
    .my-lists form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .my-lists form .submit-btn:hover, .my-lists form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .my-lists form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .my-lists form .submit-btn:focus {
        outline-style: none; }
    .my-lists form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .my-lists form .btn-sml:hover, .my-lists form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .my-lists form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .my-lists form .btn-sml:focus {
        outline-style: none; }
    .my-lists form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .my-lists form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .my-lists form .btn-red:hover, .my-lists form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .my-lists form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .my-lists form .btn-dark:hover, .my-lists form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .my-lists form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .my-lists form .btn-dark-bdr:hover, .my-lists form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .my-lists form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .my-lists form .btn-darker-bdr:hover, .my-lists form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .my-lists form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .my-lists form .btn-brand-bdr:hover, .my-lists form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .my-lists form input.disabled, .my-lists form a.disabled, .my-lists form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .my-lists form input.input-validation-error, .my-lists form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .my-lists form .btn-sml.add-more {
      margin-left: 10px; }
      .my-lists form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .my-lists form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .my-lists form .btn-sml.add-cart, .my-lists form .btn-sml.add-more, .my-lists form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .my-lists form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .my-lists form .add-more:hover, .my-lists form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .my-lists form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .my-lists form .add-cart:hover, .my-lists form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .my-lists form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .my-lists form .add-more.disabled, .my-lists form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .my-lists form .links {
      text-align: center; }
      .my-lists form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .my-lists form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .my-lists form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .my-lists form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .my-lists form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .my-lists form .e-row.deactive select, .my-lists form .e-row.deactive textarea, .my-lists form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .my-lists form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .my-lists form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .my-lists form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .my-lists form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .my-lists form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .my-lists form .duo input, .my-lists form .duo a {
        margin: 0px; }
      .my-lists form .duo input + a, .my-lists form .duo input + input {
        margin-left: 20px; }
    .my-lists form .uom-dpdn {
      position: relative; }
      .my-lists form .uom-dpdn label {
        display: inherit; }
        .my-lists form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .my-lists form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .my-lists form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .my-lists form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .my-lists form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .my-lists form {
        margin: 10px auto; }
        .my-lists form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .my-lists form .e-row {
          margin-bottom: 20px; }
        .my-lists form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .my-lists form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .my-lists form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .my-lists form.search input, .my-lists form.search button {
      border-radius: 0px;
      float: left; }
    .my-lists form.search input:focus, .my-lists form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .my-lists form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .my-lists form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .my-lists form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .my-lists form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .my-lists form.search button {
        width: 40px; }
      .my-lists form.search input, .my-lists form.search button {
        height: 40px; }
      .my-lists form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .my-lists form.search input {
        width: calc(100% - 40px); } }
    .my-lists form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .my-lists form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .my-lists form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .my-lists form.search i {
        top: 7px; } }
  .my-lists .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .my-lists .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .my-lists .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .my-lists .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .my-lists .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .my-lists .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .my-lists .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .my-lists .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .my-lists .custom-radiobox:hover p {
      color: #214a8c; }
    .my-lists .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .my-lists .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .my-lists .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .my-lists .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .my-lists .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .my-lists .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .my-lists .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .my-lists .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .my-lists .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .my-lists .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .my-lists .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .my-lists .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .my-lists .custom-checkbox:hover p {
      color: #214a8c; }
    .my-lists .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .my-lists .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .my-lists .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .my-lists .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .my-lists .custom-checkbox p span {
      line-height: 1.2; }
  .my-lists a {
    color: #222; }
    .my-lists a:hover {
      color: #214a8c !important; }
  .my-lists .listing {
    clear: both;
    position: relative; }
    .my-lists .listing .page-th > .col, .my-lists .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .my-lists .listing .page-th .price, .my-lists .listing .page-th .qty, .my-lists .listing .page .details .price, .my-lists .listing .page .details .qty {
      text-align: right; }
    .my-lists .listing .page-th .col.price, .my-lists .listing .page-th .ordered, .my-lists .listing .page .details .col.price, .my-lists .listing .page .details .ordered {
      max-width: 13.33%; }
    .my-lists .listing .page-th .inventory, .my-lists .listing .page .details .inventory {
      max-width: 20%; }
    .my-lists .listing .page-th .col.qty, .my-lists .listing .page-th .col.total, .my-lists .listing .page .details .col.qty, .my-lists .listing .page .details .col.total {
      max-width: 16.666667%; }
    .my-lists .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .my-lists .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .my-lists .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .my-lists .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .my-lists .listing .page > form {
      margin: 0px; }
    .my-lists .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .my-lists .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .my-lists .listing .page .details .time, .my-lists .listing .page .details .type {
        font-weight: 600; }
      .my-lists .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .my-lists .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .my-lists .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .my-lists .listing .page .details .submit input, .my-lists .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .my-lists .listing .page .details .submit input {
          padding: 3px 15px; }
        .my-lists .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .my-lists .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .my-lists .listing .page .details + .actions a .fe-download, .my-lists .listing .page .details + .actions a span, .my-lists .listing .page .details + .sub-total .actions a .fe-download, .my-lists .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .my-lists .listing .summary .page-th > .col {
      text-align: left; }
    .my-lists .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .my-lists .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .my-lists .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .my-lists .listing .summary .page .details .eco .right {
        color: #10a700; }
      .my-lists .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .my-lists .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .my-lists .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .my-lists .listing .summary .page .details .total .left {
          font-weight: 600; }
        .my-lists .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .my-lists .listing .summary .page .details .sub-total .right, .my-lists .listing .summary .page .details .items .right {
        color: #222; }
      .my-lists .listing .summary .page .details .sub-total .right, .my-lists .listing .summary .page .details .items .right, .my-lists .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .my-lists .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .my-lists .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .my-lists .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .my-lists .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .my-lists .listing .summary .page .details .e-row input[type="text"], .my-lists .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .my-lists .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .my-lists .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .my-lists .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .my-lists .listing .summary .page .details .col.total {
        max-width: 100%; }
      .my-lists .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .my-lists .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .my-lists .listing .summary .page .details.proceed .e-group, .my-lists .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-cart, .my-lists .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-more, .my-lists .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .my-lists .listing .summary .page .details.proceed .e-group .add-more i, .my-lists .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .my-lists .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .my-lists .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .my-lists .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .my-lists .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .my-lists .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .my-lists .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .my-lists .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .my-lists .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .my-lists .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .my-lists .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .my-lists .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .my-lists .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .my-lists .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .my-lists .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .my-lists .listing #accordion, .my-lists .listing #braidAccordian {
      flex-wrap: wrap; }
      .my-lists .listing #accordion .title-link, .my-lists .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .my-lists .listing #accordion .title-link .col, .my-lists .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .my-lists .listing #accordion .title-link.collapsed, .my-lists .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .my-lists .listing #accordion .title-link:after, .my-lists .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .my-lists .listing #accordion .title-link.collapsed:after, .my-lists .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .my-lists .listing #accordion .title-link + .collapse + .title-link, .my-lists .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .my-lists .listing #accordion .collapse:not(.show), .my-lists .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .my-lists .listing #accordion .details, .my-lists .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .my-lists .listing .td-1 {
      max-width: 8.33%; }
    .my-lists .listing .td-2 {
      max-width: 16.666667%; }
    .my-lists .listing .td-3 {
      max-width: 25%; }
    .my-lists .listing .td-4 {
      max-width: 33.333333%; }
    .my-lists .listing .td-5 {
      max-width: 41.666667%; }
    .my-lists .listing .td-6 {
      max-width: 50%; }
    .my-lists .listing .td-7 {
      max-width: 58.33%; }
    .my-lists .listing .td-8 {
      max-width: 66.66%; }
    .my-lists .listing .td-9 {
      max-width: 75%; }
    .my-lists .listing .td-10 {
      max-width: 83.33333333%; }
    .my-lists .listing .td-11 {
      max-width: 91.66666667%; }
    .my-lists .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .my-lists .listing .center {
      text-align: center; }
    .my-lists .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .my-lists .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .my-lists .listing .col-9.left {
      padding-right: 20px; }
    .my-lists .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .my-lists .listing .actions .results {
        color: #222; }
        .my-lists .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .my-lists .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .my-lists .listing .actions .search input:focus, .my-lists .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .my-lists .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .my-lists .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .my-lists .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .my-lists .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .my-lists .listing .actions .search button {
            width: 40px; }
          .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
            height: 40px; }
          .my-lists .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .my-lists .listing .actions .search input {
            width: calc(100% - 40px); } }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
          height: 30px; }
        .my-lists .listing .actions .search textarea {
          height: 50px; }
        .my-lists .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .my-lists .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .my-lists .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .my-lists .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .my-lists .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .my-lists .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .my-lists .listing .actions .search:only-child {
        padding: 10px; }
      .my-lists .listing .actions a.pdf-export, .my-lists .listing .actions a.excel-export, .my-lists .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .my-lists .listing .actions a.pdf-export.active, .my-lists .listing .actions a.excel-export.active, .my-lists .listing .actions a.import-pro.active {
          color: #214a8c; }
          .my-lists .listing .actions a.pdf-export.active:before, .my-lists .listing .actions a.excel-export.active:before, .my-lists .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .my-lists .listing .actions #exportPdf, .my-lists .listing .actions #exportExcel, .my-lists .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .my-lists .listing .actions #exportPdf form, .my-lists .listing .actions #exportExcel form, .my-lists .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .my-lists .listing .actions #exportPdf form label, .my-lists .listing .actions #exportExcel form label, .my-lists .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .my-lists .listing .actions #exportPdf form > div, .my-lists .listing .actions #exportExcel form > div, .my-lists .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .my-lists .listing .actions #exportPdf form > div:not(.generate), .my-lists .listing .actions #exportExcel form > div:not(.generate), .my-lists .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .my-lists .listing .actions #exportPdf form .attachment > div, .my-lists .listing .actions #exportExcel form .attachment > div, .my-lists .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 > div, .my-lists .listing .actions #exportPdf form .attachment .col-9 > div, .my-lists .listing .actions #exportExcel form .attachment .col-3 > div, .my-lists .listing .actions #exportExcel form .attachment .col-9 > div, .my-lists .listing .actions #importPro form .attachment .col-3 > div, .my-lists .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 > label, .my-lists .listing .actions #exportPdf form .attachment .col-9 > label, .my-lists .listing .actions #exportExcel form .attachment .col-3 > label, .my-lists .listing .actions #exportExcel form .attachment .col-9 > label, .my-lists .listing .actions #importPro form .attachment .col-3 > label, .my-lists .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 p.supp, .my-lists .listing .actions #exportPdf form .attachment .col-9 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-3 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-9 p.supp, .my-lists .listing .actions #importPro form .attachment .col-3 p.supp, .my-lists .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .my-lists .listing .actions #exportPdf form .attachment .text, .my-lists .listing .actions #exportPdf form .attachment .image, .my-lists .listing .actions #exportExcel form .attachment .text, .my-lists .listing .actions #exportExcel form .attachment .image, .my-lists .listing .actions #importPro form .attachment .text, .my-lists .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .my-lists .listing .actions #exportPdf form .attachment .text p, .my-lists .listing .actions #exportPdf form .attachment .image p, .my-lists .listing .actions #exportExcel form .attachment .text p, .my-lists .listing .actions #exportExcel form .attachment .image p, .my-lists .listing .actions #importPro form .attachment .text p, .my-lists .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .image, .my-lists .listing .actions #exportExcel form .attachment .image, .my-lists .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .my-lists .listing .actions #exportPdf form .attachment .image p, .my-lists .listing .actions #exportExcel form .attachment .image p, .my-lists .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .my-lists .listing .actions #exportPdf form .attachment .image img, .my-lists .listing .actions #exportExcel form .attachment .image img, .my-lists .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .my-lists .listing .actions #exportPdf form .attachment .btns, .my-lists .listing .actions #exportExcel form .attachment .btns, .my-lists .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .my-lists .listing .actions #exportPdf form .attachment .btns i, .my-lists .listing .actions #exportExcel form .attachment .btns i, .my-lists .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .my-lists .listing .actions #exportPdf form .attachment .btns a, .my-lists .listing .actions #exportPdf form .attachment .btns input, .my-lists .listing .actions #exportPdf form .attachment .btns button, .my-lists .listing .actions #exportExcel form .attachment .btns a, .my-lists .listing .actions #exportExcel form .attachment .btns input, .my-lists .listing .actions #exportExcel form .attachment .btns button, .my-lists .listing .actions #importPro form .attachment .btns a, .my-lists .listing .actions #importPro form .attachment .btns input, .my-lists .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .my-lists .listing .actions #exportPdf form .attachment .btns a:focus, .my-lists .listing .actions #exportPdf form .attachment .btns input:focus, .my-lists .listing .actions #exportPdf form .attachment .btns button:focus, .my-lists .listing .actions #exportExcel form .attachment .btns a:focus, .my-lists .listing .actions #exportExcel form .attachment .btns input:focus, .my-lists .listing .actions #exportExcel form .attachment .btns button:focus, .my-lists .listing .actions #importPro form .attachment .btns a:focus, .my-lists .listing .actions #importPro form .attachment .btns input:focus, .my-lists .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .my-lists .listing .actions #exportPdf form .attachment .btns a:hover, .my-lists .listing .actions #exportPdf form .attachment .btns input:hover, .my-lists .listing .actions #exportPdf form .attachment .btns button:hover, .my-lists .listing .actions #exportExcel form .attachment .btns a:hover, .my-lists .listing .actions #exportExcel form .attachment .btns input:hover, .my-lists .listing .actions #exportExcel form .attachment .btns button:hover, .my-lists .listing .actions #importPro form .attachment .btns a:hover, .my-lists .listing .actions #importPro form .attachment .btns input:hover, .my-lists .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .my-lists .listing .actions #exportPdf form .attachment .btns button + button, .my-lists .listing .actions #exportPdf form .attachment .btns a + a, .my-lists .listing .actions #exportPdf form .attachment .btns input + input, .my-lists .listing .actions #exportExcel form .attachment .btns button + button, .my-lists .listing .actions #exportExcel form .attachment .btns a + a, .my-lists .listing .actions #exportExcel form .attachment .btns input + input, .my-lists .listing .actions #importPro form .attachment .btns button + button, .my-lists .listing .actions #importPro form .attachment .btns a + a, .my-lists .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .my-lists .listing .actions #exportPdf form .attachment .btns .image, .my-lists .listing .actions #exportExcel form .attachment .btns .image, .my-lists .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .my-lists .listing .actions #exportPdf form .attachment .btns .image > div, .my-lists .listing .actions #exportExcel form .attachment .btns .image > div, .my-lists .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .my-lists .listing .actions #exportPdf form .address-list div, .my-lists .listing .actions #exportExcel form .address-list div, .my-lists .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .my-lists .listing .actions #exportPdf form .address-list > div:not(.d-flex), .my-lists .listing .actions #exportExcel form .address-list > div:not(.d-flex), .my-lists .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .my-lists .listing .actions #exportPdf form .address-list .btn-block, .my-lists .listing .actions #exportExcel form .address-list .btn-block, .my-lists .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .my-lists .listing .actions #exportPdf form .address-list .btn-block a, .my-lists .listing .actions #exportExcel form .address-list .btn-block a, .my-lists .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .attachment, .my-lists .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .my-lists .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .my-lists .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .my-lists .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .my-lists .listing .actions #exportPdf form .generate, .my-lists .listing .actions #exportExcel form .generate, .my-lists .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .my-lists .listing .actions #exportPdf form .generate .btn-sml, .my-lists .listing .actions #exportExcel form .generate .btn-sml, .my-lists .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .my-lists .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .my-lists .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .my-lists .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .my-lists .listing .actions #exportPdf form .img, .my-lists .listing .actions #exportExcel form .img, .my-lists .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .my-lists .listing .actions #exportPdf form .img .text p, .my-lists .listing .actions #exportExcel form .img .text p, .my-lists .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .img p.supp, .my-lists .listing .actions #exportExcel form .img p.supp, .my-lists .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .img img, .my-lists .listing .actions #exportExcel form .img img, .my-lists .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .my-lists .listing .actions #exportPdf:not(.show), .my-lists .listing .actions #exportExcel:not(.show), .my-lists .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .my-lists .listing .actions #exportPdf form > div, .my-lists .listing .actions #exportExcel form > div, .my-lists .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .my-lists .listing .actions #exportPdf form .custom-checkbox, .my-lists .listing .actions #exportExcel form .custom-checkbox, .my-lists .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .left, .my-lists .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .my-lists .listing .actions #exportPdf form label, .my-lists .listing .actions #exportExcel form label, .my-lists .listing .actions #importPro form label {
          justify-content: flex-start; }
        .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #importPro form .attachment {
          padding: 10px; }
          .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .my-lists .listing .actions #exportPdf form .attachment .col-3 label, .my-lists .listing .actions #exportPdf form .attachment .col-3 .image, .my-lists .listing .actions #exportExcel form .attachment .col-3 label, .my-lists .listing .actions #exportExcel form .attachment .col-3 .image, .my-lists .listing .actions #importPro form .attachment .col-3 label, .my-lists .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-9 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-9 p.supp, .my-lists .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .my-lists .listing .actions #exportPdf form .address-list .col-3, .my-lists .listing .actions #exportExcel form .address-list .col-3, .my-lists .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .my-lists .listing .actions #exportPdf form .address-list .col-9, .my-lists .listing .actions #exportExcel form .address-list .col-9, .my-lists .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .my-lists .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .my-lists .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .my-lists .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .my-lists .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .my-lists .listing .actions #importPro form .address-list > div:nth-of-type(1), .my-lists .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .my-lists .listing .actions #exportPdf form .img img, .my-lists .listing .actions #exportExcel form .img img, .my-lists .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .my-lists .listing .actions #exportPdf .custom-checkbox .custom-check, .my-lists .listing .actions #exportExcel .custom-checkbox .custom-check, .my-lists .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .my-lists .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .my-lists .listing .actions form {
        margin: 0px; }
      .my-lists .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .my-lists .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .my-lists .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .my-lists .listing .actions .shared .email {
          display: flex; }
          .my-lists .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .my-lists .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .my-lists .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .my-lists .listing .actions .left, .my-lists .listing .actions > .center, .my-lists .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .my-lists .listing .actions .right {
        margin-left: auto; }
      .my-lists .listing .actions .action-link, .my-lists .listing .actions .left > a, .my-lists .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .my-lists .listing .actions .action-link:hover, .my-lists .listing .actions .left > a:hover, .my-lists .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .my-lists .listing .actions .action-link span, .my-lists .listing .actions .left > a span, .my-lists .listing .actions .right > a span {
          margin-left: 5px; }
        .my-lists .listing .actions .action-link span:empty, .my-lists .listing .actions .left > a span:empty, .my-lists .listing .actions .right > a span:empty {
          display: none; }
      .my-lists .listing .actions .action-link, .my-lists .listing .actions a + a, .my-lists .listing .actions .checkbox + a {
        margin-left: 20px; }
      .my-lists .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .my-lists .listing .actions .custom-checkbox p {
        color: #222; }
      .my-lists .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .my-lists .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .my-lists .listing > .actions, .my-lists .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .my-lists .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .my-lists .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .my-lists .listing .actions {
        font-size: 0.8rem; }
        .my-lists .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .my-lists .listing .actions .left .action-link i {
          font-size: 1rem; }
        .my-lists .listing .actions .left a.action-link, .my-lists .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .my-lists .listing .actions {
        justify-content: center; }
        .my-lists .listing .actions .shared {
          top: calc(10px - 150px); }
        .my-lists .listing .actions .action-link, .my-lists .listing .actions a + a, .my-lists .listing .actions .checkbox + a {
          margin-left: 15px; }
        .my-lists .listing .actions > .right {
          justify-content: center; }
        .my-lists .listing .actions .search + .right {
          margin-left: 0px; } }
    .my-lists .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .my-lists .listing .add-more[aria-expanded="true"]:hover, .my-lists .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .my-lists .listing .add-more[aria-expanded="true"]:hover i, .my-lists .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .my-lists .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .my-lists .listing .add-more[aria-expanded="false"], .my-lists .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .my-lists .listing .add-more[aria-expanded="false"]:hover, .my-lists .listing .add-more[aria-expanded="false"]:focus, .my-lists .listing .add-more.collapsed:hover, .my-lists .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .my-lists .listing .add-more[aria-expanded="false"]:hover, .my-lists .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .my-lists .listing .add-more[aria-expanded="false"]:hover i, .my-lists .listing .add-more.collapsed:hover i {
          color: #fff; }
    .my-lists .listing .add-more.cancel:before {
      display: none; }
    .my-lists .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .my-lists .listing button.links, .my-lists .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .my-lists .listing button.links:hover, .my-lists .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .my-lists .listing a.plus i {
      font-size: 1rem; }
    .my-lists .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .my-lists .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .my-lists .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .my-lists .listing .custom-radiobox:not(:last-of-type), .my-lists .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .my-lists .listing .ship-when > p, .my-lists .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .my-lists .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .my-lists .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .my-lists .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .my-lists .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .my-lists .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .my-lists .listing .day-time span {
      font-weight: 600; }
    .my-lists .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .my-lists .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .my-lists .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .my-lists .listing .sub-total.btm > div, .my-lists .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .my-lists .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .my-lists .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .my-lists .listing .sub-header {
      clear: both;
      padding: 0px; }
      .my-lists .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .my-lists .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .my-lists .listing .sub-header .title {
        margin-bottom: 0px; }
        .my-lists .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .my-lists .listing .page + .sub-header {
      margin-top: 40px; }
      .my-lists .listing .page + .sub-header .title {
        flex-basis: content; }
    .my-lists .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .my-lists .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .my-lists .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .my-lists .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .my-lists .listing div.alert-warning p {
            font-size: 0.8rem; }
          .my-lists .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .my-lists .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .my-lists .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .my-lists .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .my-lists .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .my-lists .listing div.alert-danger p {
            font-size: 0.8rem; }
          .my-lists .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .my-lists .listing .col-9 > .page {
        min-height: 500px; }
      .my-lists .listing .page .details .submit input:hover, .my-lists .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .my-lists .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .my-lists .listing .page .details .submit button {
          width: 25px; }
      .my-lists .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .my-lists .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .my-lists .listing .col-9.left .page-th {
          display: none !important; }
        .my-lists .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .my-lists .listing .sub-header {
        flex-wrap: wrap; }
        .my-lists .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .my-lists .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .my-lists .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .my-lists .listing > .d-flex {
        flex-wrap: wrap; }
      .my-lists .listing .col-12.left .page-th, .my-lists .listing .col-9.left .page-th {
        display: none !important; }
      .my-lists .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .my-lists .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .my-lists .listing .page .details .time, .my-lists .listing .page .details .type {
        color: #666; }
      .my-lists .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .my-lists .listing .col-12.left, .my-lists .listing .col-3.right, .my-lists .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .my-lists .listing .summary {
        margin-top: 15px; }
        .my-lists .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .my-lists .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .my-lists .listing .left form {
      margin-bottom: 0px; }
    .my-lists .listing .sub-header form {
      margin: 0px; }
    .my-lists .listing .page .details {
      min-height: 50px; }
      .my-lists .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .my-lists .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .my-lists .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .my-lists .listing .page .details .icon a, .my-lists .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .my-lists .listing .page .details .icon a:hover, .my-lists .listing .page .details .icon button:hover {
          color: #214a8c; }
      .my-lists .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .my-lists .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .my-lists .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .my-lists .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .my-lists .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .my-lists .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .my-lists .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .my-lists .address-manually + .forms .td-6, .my-lists .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .my-lists .address-manually + .forms .td-2, .my-lists .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .my-lists .address-manually + .forms .td-2 ~ .e-row, .my-lists .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .my-lists .address-manually + .forms .td-2 ~ .dynamic, .my-lists .address-manually + .forms .td-2 ~ .manual-add, .my-lists .forms .new-address .td-2 ~ .dynamic, .my-lists .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .my-lists .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .my-lists .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .my-lists .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .my-lists .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .my-lists .address-manually + .forms .e-row.manual-add, .my-lists .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .my-lists .address-manually + .forms .td-6, .my-lists .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .my-lists .address-manually + .forms .td-2, .my-lists .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .my-lists .address-manually + .forms .td-2 ~ .e-row, .my-lists .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .my-lists .address-manually + .forms .td-2 ~ .dynamic, .my-lists .address-manually + .forms .td-2 ~ .manual-add, .my-lists .forms .new-address .td-2 ~ .dynamic, .my-lists .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .my-lists .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .my-lists .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .my-lists .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .my-lists .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .my-lists .address-manually + .forms .td-2 ~ .dynamic, .my-lists .address-manually + .forms .td-2 ~ .manual-add, .my-lists .forms .new-address .td-2 ~ .dynamic, .my-lists .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .my-lists .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .my-lists .listing .page .details .icon a, .my-lists .listing .page .details .icon button {
      display: flex; }
    .my-lists .listing .btn-block {
      justify-content: center; } }
  .my-lists .slide-out {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    margin: 0px auto; }
    .my-lists .slide-out .mode {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 15px;
      height: 45px; }
    .my-lists .slide-out .mode + .mode {
      border-left: none; }
    .my-lists .slide-out .e-row.select {
      padding: 0px;
      margin-bottom: 0px; }
      .my-lists .slide-out .e-row.select label.dnArw:after {
        background: #fff !important;
        top: 7px; }
      .my-lists .slide-out .e-row.select select {
        border: none;
        height: calc(45px - 2px); }
      .my-lists .slide-out .e-row.select p.supp {
        bottom: -20px; }
    @media (max-width: 767px) {
      .my-lists .slide-out {
        flex-wrap: wrap;
        min-width: 100%; }
        .my-lists .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
          border-top: none; }
        .my-lists .slide-out .mode:nth-child(3) {
          border-left: 1px solid #666; } }
    .my-lists .slide-out div.center {
      padding: 10px 0px; }
    .my-lists .slide-out .mode-selection {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 0px 15px; }
      .my-lists .slide-out .mode-selection .mode {
        height: auto;
        padding: 0px;
        width: 100%; }
        .my-lists .slide-out .mode-selection .mode .parent1 input, .my-lists .slide-out .mode-selection .mode .parent1 textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .my-lists .slide-out .mode-selection .mode .parent1 input, .my-lists .slide-out .mode-selection .mode .parent1 button {
          height: 30px; }
        .my-lists .slide-out .mode-selection .mode .parent1 textarea {
          height: 50px; }
        .my-lists .slide-out .mode-selection .mode .parent2 {
          position: relative; }
          .my-lists .slide-out .mode-selection .mode .parent2 label {
            display: inherit; }
            .my-lists .slide-out .mode-selection .mode .parent2 label:after {
              top: 7px;
              background: #fff;
              right: 0px; }
          .my-lists .slide-out .mode-selection .mode .parent2 select {
            border: 1px solid #aaa;
            background: #fff !important;
            padding: 0px 10px; }
          .my-lists .slide-out .mode-selection .mode .parent2 label:after {
            top: 1px;
            font-size: 1rem;
            right: 5px;
            height: calc(30px - 2px);
            line-height: calc(30px - 2px);
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px; }
          .my-lists .slide-out .mode-selection .mode .parent2 select {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            padding: 0px 5px;
            height: 30px;
            width: 100%; }
        .my-lists .slide-out .mode-selection .mode .parent1, .my-lists .slide-out .mode-selection .mode .parent2 {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .my-lists .slide-out .mode-selection .mode .parent1 input, .my-lists .slide-out .mode-selection .mode .parent1 select, .my-lists .slide-out .mode-selection .mode .parent2 input, .my-lists .slide-out .mode-selection .mode .parent2 select {
            min-width: 170px; }
        .my-lists .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
          color: #222; }
        .my-lists .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
          color: #222; }
        .my-lists .slide-out .mode-selection .mode .custom-input:checked ~ p {
          color: #222; }
        .my-lists .slide-out .mode-selection .mode .custom-radiobox {
          flex-wrap: wrap;
          width: 100%; }
          .my-lists .slide-out .mode-selection .mode .custom-radiobox p {
            color: #666; }
          .my-lists .slide-out .mode-selection .mode .custom-radiobox span, .my-lists .slide-out .mode-selection .mode .custom-radiobox p {
            line-height: 30px; }
      .my-lists .slide-out .mode-selection p.center {
        padding: 0px 15px;
        margin: 0px; }
      .my-lists .slide-out .mode-selection > input[type="image"], .my-lists .slide-out .mode-selection a.cancel, .my-lists .slide-out .mode-selection a.cancel[aria-expanded="true"] {
        height: 25px;
        background: none !important;
        margin: 10px 5px 0px;
        padding: 0px;
        width: auto;
        border: none; }
        .my-lists .slide-out .mode-selection > input[type="image"]:hover, .my-lists .slide-out .mode-selection > input[type="image"]:focus, .my-lists .slide-out .mode-selection a.cancel:hover, .my-lists .slide-out .mode-selection a.cancel:focus, .my-lists .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .my-lists .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
          background: none !important;
          border: none !important; }
        .my-lists .slide-out .mode-selection > input[type="image"].disabled, .my-lists .slide-out .mode-selection a.cancel.disabled, .my-lists .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
          filter: grayscale(100%);
          pointer-events: none;
          cursor: default;
          opacity: 0.25; }
      .my-lists .slide-out .mode-selection > a.cancel img {
        height: 25px; }
      .my-lists .slide-out .mode-selection > a.cancel:after {
        display: none; }
    @media (max-width: 767px) {
      .my-lists .slide-out {
        padding: 0px; }
        .my-lists .slide-out .mode-selection {
          flex-wrap: wrap;
          padding: 15px; } }
    @media (min-width: 768px) {
      .my-lists .slide-out .mode-selection .mode {
        width: inherit; }
        .my-lists .slide-out .mode-selection .mode .custom-radiobox {
          flex-wrap: nowrap;
          width: inherit; }
        .my-lists .slide-out .mode-selection .mode .parent1, .my-lists .slide-out .mode-selection .mode .parent2 {
          max-width: inherit;
          flex: 0 0 auto;
          margin-left: 15px; }
      .my-lists .slide-out .mode-selection > input[type="image"], .my-lists .slide-out .mode-selection a.cancel, .my-lists .slide-out .mode-selection a.cancel[aria-expanded="true"] {
        margin-top: 0px; } }
  .my-lists .search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%; }
    .my-lists .search input, .my-lists .search button {
      border-radius: 0px;
      float: left; }
    .my-lists .search input:focus, .my-lists .search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .my-lists .search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .my-lists .search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .my-lists .search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .my-lists .search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .my-lists .search button {
        width: 40px; }
      .my-lists .search input, .my-lists .search button {
        height: 40px; }
      .my-lists .search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .my-lists .search input {
        width: calc(100% - 40px); } }
    .my-lists .search form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0px auto; }
  .my-lists .listing {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    position: relative; }
    .my-lists .listing .page-th > .col, .my-lists .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .my-lists .listing .page-th .price, .my-lists .listing .page-th .qty, .my-lists .listing .page .details .price, .my-lists .listing .page .details .qty {
      text-align: right; }
    .my-lists .listing .page-th .col.price, .my-lists .listing .page-th .ordered, .my-lists .listing .page .details .col.price, .my-lists .listing .page .details .ordered {
      max-width: 13.33%; }
    .my-lists .listing .page-th .inventory, .my-lists .listing .page .details .inventory {
      max-width: 20%; }
    .my-lists .listing .page-th .col.qty, .my-lists .listing .page-th .col.total, .my-lists .listing .page .details .col.qty, .my-lists .listing .page .details .col.total {
      max-width: 16.666667%; }
    .my-lists .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .my-lists .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .my-lists .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .my-lists .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .my-lists .listing .page > form {
      margin: 0px; }
    .my-lists .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .my-lists .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .my-lists .listing .page .details .time, .my-lists .listing .page .details .type {
        font-weight: 600; }
      .my-lists .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .my-lists .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .my-lists .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .my-lists .listing .page .details .submit input, .my-lists .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .my-lists .listing .page .details .submit input {
          padding: 3px 15px; }
        .my-lists .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .my-lists .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .my-lists .listing .page .details + .actions a .fe-download, .my-lists .listing .page .details + .actions a span, .my-lists .listing .page .details + .sub-total .actions a .fe-download, .my-lists .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .my-lists .listing .summary .page-th > .col {
      text-align: left; }
    .my-lists .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .my-lists .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .my-lists .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .my-lists .listing .summary .page .details .eco .right {
        color: #10a700; }
      .my-lists .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .my-lists .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .my-lists .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .my-lists .listing .summary .page .details .total .left {
          font-weight: 600; }
        .my-lists .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .my-lists .listing .summary .page .details .sub-total .right, .my-lists .listing .summary .page .details .items .right {
        color: #222; }
      .my-lists .listing .summary .page .details .sub-total .right, .my-lists .listing .summary .page .details .items .right, .my-lists .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .my-lists .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .my-lists .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .my-lists .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .my-lists .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .my-lists .listing .summary .page .details .e-row input[type="text"], .my-lists .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .my-lists .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .my-lists .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .my-lists .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .my-lists .listing .summary .page .details .col.total {
        max-width: 100%; }
      .my-lists .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .my-lists .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .my-lists .listing .summary .page .details.proceed .e-group, .my-lists .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-cart, .my-lists .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-more, .my-lists .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .my-lists .listing .summary .page .details.proceed .e-group .add-more i, .my-lists .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .my-lists .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .my-lists .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .my-lists .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .my-lists .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .my-lists .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .my-lists .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .my-lists .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .my-lists .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .my-lists .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .my-lists .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .my-lists .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .my-lists .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .my-lists .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .my-lists .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .my-lists .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .my-lists .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .my-lists .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .my-lists .listing #accordion, .my-lists .listing #braidAccordian {
      flex-wrap: wrap; }
      .my-lists .listing #accordion .title-link, .my-lists .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .my-lists .listing #accordion .title-link .col, .my-lists .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .my-lists .listing #accordion .title-link.collapsed, .my-lists .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .my-lists .listing #accordion .title-link:after, .my-lists .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .my-lists .listing #accordion .title-link.collapsed:after, .my-lists .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .my-lists .listing #accordion .title-link + .collapse + .title-link, .my-lists .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .my-lists .listing #accordion .collapse:not(.show), .my-lists .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .my-lists .listing #accordion .details, .my-lists .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .my-lists .listing .td-1 {
      max-width: 8.33%; }
    .my-lists .listing .td-2 {
      max-width: 16.666667%; }
    .my-lists .listing .td-3 {
      max-width: 25%; }
    .my-lists .listing .td-4 {
      max-width: 33.333333%; }
    .my-lists .listing .td-5 {
      max-width: 41.666667%; }
    .my-lists .listing .td-6 {
      max-width: 50%; }
    .my-lists .listing .td-7 {
      max-width: 58.33%; }
    .my-lists .listing .td-8 {
      max-width: 66.66%; }
    .my-lists .listing .td-9 {
      max-width: 75%; }
    .my-lists .listing .td-10 {
      max-width: 83.33333333%; }
    .my-lists .listing .td-11 {
      max-width: 91.66666667%; }
    .my-lists .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .my-lists .listing .center {
      text-align: center; }
    .my-lists .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .my-lists .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .my-lists .listing .col-9.left {
      padding-right: 20px; }
    .my-lists .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .my-lists .listing .actions .results {
        color: #222; }
        .my-lists .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .my-lists .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .my-lists .listing .actions .search input:focus, .my-lists .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .my-lists .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .my-lists .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .my-lists .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .my-lists .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .my-lists .listing .actions .search button {
            width: 40px; }
          .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
            height: 40px; }
          .my-lists .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .my-lists .listing .actions .search input {
            width: calc(100% - 40px); } }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .my-lists .listing .actions .search input, .my-lists .listing .actions .search button {
          height: 30px; }
        .my-lists .listing .actions .search textarea {
          height: 50px; }
        .my-lists .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .my-lists .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .my-lists .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .my-lists .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .my-lists .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .my-lists .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .my-lists .listing .actions .search:only-child {
        padding: 10px; }
      .my-lists .listing .actions a.pdf-export, .my-lists .listing .actions a.excel-export, .my-lists .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .my-lists .listing .actions a.pdf-export.active, .my-lists .listing .actions a.excel-export.active, .my-lists .listing .actions a.import-pro.active {
          color: #214a8c; }
          .my-lists .listing .actions a.pdf-export.active:before, .my-lists .listing .actions a.excel-export.active:before, .my-lists .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .my-lists .listing .actions #exportPdf, .my-lists .listing .actions #exportExcel, .my-lists .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .my-lists .listing .actions #exportPdf form, .my-lists .listing .actions #exportExcel form, .my-lists .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .my-lists .listing .actions #exportPdf form label, .my-lists .listing .actions #exportExcel form label, .my-lists .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .my-lists .listing .actions #exportPdf form > div, .my-lists .listing .actions #exportExcel form > div, .my-lists .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .my-lists .listing .actions #exportPdf form > div:not(.generate), .my-lists .listing .actions #exportExcel form > div:not(.generate), .my-lists .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .my-lists .listing .actions #exportPdf form .attachment > div, .my-lists .listing .actions #exportExcel form .attachment > div, .my-lists .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 > div, .my-lists .listing .actions #exportPdf form .attachment .col-9 > div, .my-lists .listing .actions #exportExcel form .attachment .col-3 > div, .my-lists .listing .actions #exportExcel form .attachment .col-9 > div, .my-lists .listing .actions #importPro form .attachment .col-3 > div, .my-lists .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 > label, .my-lists .listing .actions #exportPdf form .attachment .col-9 > label, .my-lists .listing .actions #exportExcel form .attachment .col-3 > label, .my-lists .listing .actions #exportExcel form .attachment .col-9 > label, .my-lists .listing .actions #importPro form .attachment .col-3 > label, .my-lists .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .my-lists .listing .actions #exportPdf form .attachment .col-3 p.supp, .my-lists .listing .actions #exportPdf form .attachment .col-9 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-3 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-9 p.supp, .my-lists .listing .actions #importPro form .attachment .col-3 p.supp, .my-lists .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .my-lists .listing .actions #exportPdf form .attachment .text, .my-lists .listing .actions #exportPdf form .attachment .image, .my-lists .listing .actions #exportExcel form .attachment .text, .my-lists .listing .actions #exportExcel form .attachment .image, .my-lists .listing .actions #importPro form .attachment .text, .my-lists .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .my-lists .listing .actions #exportPdf form .attachment .text p, .my-lists .listing .actions #exportPdf form .attachment .image p, .my-lists .listing .actions #exportExcel form .attachment .text p, .my-lists .listing .actions #exportExcel form .attachment .image p, .my-lists .listing .actions #importPro form .attachment .text p, .my-lists .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .image, .my-lists .listing .actions #exportExcel form .attachment .image, .my-lists .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .my-lists .listing .actions #exportPdf form .attachment .image p, .my-lists .listing .actions #exportExcel form .attachment .image p, .my-lists .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .my-lists .listing .actions #exportPdf form .attachment .image img, .my-lists .listing .actions #exportExcel form .attachment .image img, .my-lists .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .my-lists .listing .actions #exportPdf form .attachment .btns, .my-lists .listing .actions #exportExcel form .attachment .btns, .my-lists .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .my-lists .listing .actions #exportPdf form .attachment .btns i, .my-lists .listing .actions #exportExcel form .attachment .btns i, .my-lists .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .my-lists .listing .actions #exportPdf form .attachment .btns a, .my-lists .listing .actions #exportPdf form .attachment .btns input, .my-lists .listing .actions #exportPdf form .attachment .btns button, .my-lists .listing .actions #exportExcel form .attachment .btns a, .my-lists .listing .actions #exportExcel form .attachment .btns input, .my-lists .listing .actions #exportExcel form .attachment .btns button, .my-lists .listing .actions #importPro form .attachment .btns a, .my-lists .listing .actions #importPro form .attachment .btns input, .my-lists .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .my-lists .listing .actions #exportPdf form .attachment .btns a:focus, .my-lists .listing .actions #exportPdf form .attachment .btns input:focus, .my-lists .listing .actions #exportPdf form .attachment .btns button:focus, .my-lists .listing .actions #exportExcel form .attachment .btns a:focus, .my-lists .listing .actions #exportExcel form .attachment .btns input:focus, .my-lists .listing .actions #exportExcel form .attachment .btns button:focus, .my-lists .listing .actions #importPro form .attachment .btns a:focus, .my-lists .listing .actions #importPro form .attachment .btns input:focus, .my-lists .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .my-lists .listing .actions #exportPdf form .attachment .btns a:hover, .my-lists .listing .actions #exportPdf form .attachment .btns input:hover, .my-lists .listing .actions #exportPdf form .attachment .btns button:hover, .my-lists .listing .actions #exportExcel form .attachment .btns a:hover, .my-lists .listing .actions #exportExcel form .attachment .btns input:hover, .my-lists .listing .actions #exportExcel form .attachment .btns button:hover, .my-lists .listing .actions #importPro form .attachment .btns a:hover, .my-lists .listing .actions #importPro form .attachment .btns input:hover, .my-lists .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .my-lists .listing .actions #exportPdf form .attachment .btns button + button, .my-lists .listing .actions #exportPdf form .attachment .btns a + a, .my-lists .listing .actions #exportPdf form .attachment .btns input + input, .my-lists .listing .actions #exportExcel form .attachment .btns button + button, .my-lists .listing .actions #exportExcel form .attachment .btns a + a, .my-lists .listing .actions #exportExcel form .attachment .btns input + input, .my-lists .listing .actions #importPro form .attachment .btns button + button, .my-lists .listing .actions #importPro form .attachment .btns a + a, .my-lists .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .my-lists .listing .actions #exportPdf form .attachment .btns .image, .my-lists .listing .actions #exportExcel form .attachment .btns .image, .my-lists .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .my-lists .listing .actions #exportPdf form .attachment .btns .image > div, .my-lists .listing .actions #exportExcel form .attachment .btns .image > div, .my-lists .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .my-lists .listing .actions #exportPdf form .address-list div, .my-lists .listing .actions #exportExcel form .address-list div, .my-lists .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .my-lists .listing .actions #exportPdf form .address-list > div:not(.d-flex), .my-lists .listing .actions #exportExcel form .address-list > div:not(.d-flex), .my-lists .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .my-lists .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .my-lists .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .my-lists .listing .actions #exportPdf form .address-list .btn-block, .my-lists .listing .actions #exportExcel form .address-list .btn-block, .my-lists .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .my-lists .listing .actions #exportPdf form .address-list .btn-block a, .my-lists .listing .actions #exportExcel form .address-list .btn-block a, .my-lists .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .attachment, .my-lists .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .my-lists .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .my-lists .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .my-lists .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .my-lists .listing .actions #exportPdf form .generate, .my-lists .listing .actions #exportExcel form .generate, .my-lists .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .my-lists .listing .actions #exportPdf form .generate .btn-sml, .my-lists .listing .actions #exportExcel form .generate .btn-sml, .my-lists .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .my-lists .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .my-lists .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .my-lists .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .my-lists .listing .actions #exportPdf form .img, .my-lists .listing .actions #exportExcel form .img, .my-lists .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .my-lists .listing .actions #exportPdf form .img .text p, .my-lists .listing .actions #exportExcel form .img .text p, .my-lists .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .img p.supp, .my-lists .listing .actions #exportExcel form .img p.supp, .my-lists .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .my-lists .listing .actions #exportPdf form .img img, .my-lists .listing .actions #exportExcel form .img img, .my-lists .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .my-lists .listing .actions #exportPdf:not(.show), .my-lists .listing .actions #exportExcel:not(.show), .my-lists .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .my-lists .listing .actions #exportPdf form > div, .my-lists .listing .actions #exportExcel form > div, .my-lists .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .my-lists .listing .actions #exportPdf form .custom-checkbox, .my-lists .listing .actions #exportExcel form .custom-checkbox, .my-lists .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .left, .my-lists .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .my-lists .listing .actions #exportPdf form .left, .my-lists .listing .actions #exportExcel form .left, .my-lists .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .my-lists .listing .actions #exportPdf form .address-list, .my-lists .listing .actions #exportExcel form .address-list, .my-lists .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .my-lists .listing .actions #exportPdf form label, .my-lists .listing .actions #exportExcel form label, .my-lists .listing .actions #importPro form label {
          justify-content: flex-start; }
        .my-lists .listing .actions #exportPdf form .right, .my-lists .listing .actions #exportExcel form .right, .my-lists .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .my-lists .listing .actions #exportPdf form .attachment, .my-lists .listing .actions #exportExcel form .attachment, .my-lists .listing .actions #importPro form .attachment {
          padding: 10px; }
          .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .my-lists .listing .actions #exportPdf form .attachment .col-3, .my-lists .listing .actions #exportExcel form .attachment .col-3, .my-lists .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .my-lists .listing .actions #exportPdf form .attachment .col-3 label, .my-lists .listing .actions #exportPdf form .attachment .col-3 .image, .my-lists .listing .actions #exportExcel form .attachment .col-3 label, .my-lists .listing .actions #exportExcel form .attachment .col-3 .image, .my-lists .listing .actions #importPro form .attachment .col-3 label, .my-lists .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .my-lists .listing .actions #exportPdf form .attachment .col-9, .my-lists .listing .actions #exportExcel form .attachment .col-9, .my-lists .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .my-lists .listing .actions #exportPdf form .attachment .col-9 p.supp, .my-lists .listing .actions #exportExcel form .attachment .col-9 p.supp, .my-lists .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .my-lists .listing .actions #exportPdf form .address-list .col-3, .my-lists .listing .actions #exportExcel form .address-list .col-3, .my-lists .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .my-lists .listing .actions #exportPdf form .address-list .col-9, .my-lists .listing .actions #exportExcel form .address-list .col-9, .my-lists .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .my-lists .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .my-lists .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .my-lists .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .my-lists .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .my-lists .listing .actions #importPro form .address-list > div:nth-of-type(1), .my-lists .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .my-lists .listing .actions #exportPdf form .img img, .my-lists .listing .actions #exportExcel form .img img, .my-lists .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .my-lists .listing .actions #exportPdf .custom-checkbox .custom-check, .my-lists .listing .actions #exportExcel .custom-checkbox .custom-check, .my-lists .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .my-lists .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .my-lists .listing .actions form {
        margin: 0px; }
      .my-lists .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .my-lists .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .my-lists .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .my-lists .listing .actions .shared .email {
          display: flex; }
          .my-lists .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .my-lists .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .my-lists .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .my-lists .listing .actions .left, .my-lists .listing .actions > .center, .my-lists .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .my-lists .listing .actions .right {
        margin-left: auto; }
      .my-lists .listing .actions .action-link, .my-lists .listing .actions .left > a, .my-lists .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .my-lists .listing .actions .action-link:hover, .my-lists .listing .actions .left > a:hover, .my-lists .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .my-lists .listing .actions .action-link span, .my-lists .listing .actions .left > a span, .my-lists .listing .actions .right > a span {
          margin-left: 5px; }
        .my-lists .listing .actions .action-link span:empty, .my-lists .listing .actions .left > a span:empty, .my-lists .listing .actions .right > a span:empty {
          display: none; }
      .my-lists .listing .actions .action-link, .my-lists .listing .actions a + a, .my-lists .listing .actions .checkbox + a {
        margin-left: 20px; }
      .my-lists .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .my-lists .listing .actions .custom-checkbox p {
        color: #222; }
      .my-lists .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .my-lists .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .my-lists .listing > .actions, .my-lists .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .my-lists .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .my-lists .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .my-lists .listing .actions {
        font-size: 0.8rem; }
        .my-lists .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .my-lists .listing .actions .left .action-link i {
          font-size: 1rem; }
        .my-lists .listing .actions .left a.action-link, .my-lists .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .my-lists .listing .actions {
        justify-content: center; }
        .my-lists .listing .actions .shared {
          top: calc(10px - 150px); }
        .my-lists .listing .actions .action-link, .my-lists .listing .actions a + a, .my-lists .listing .actions .checkbox + a {
          margin-left: 15px; }
        .my-lists .listing .actions > .right {
          justify-content: center; }
        .my-lists .listing .actions .search + .right {
          margin-left: 0px; } }
    .my-lists .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .my-lists .listing .add-more[aria-expanded="true"]:hover, .my-lists .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .my-lists .listing .add-more[aria-expanded="true"]:hover i, .my-lists .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .my-lists .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .my-lists .listing .add-more[aria-expanded="false"], .my-lists .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .my-lists .listing .add-more[aria-expanded="false"]:hover, .my-lists .listing .add-more[aria-expanded="false"]:focus, .my-lists .listing .add-more.collapsed:hover, .my-lists .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .my-lists .listing .add-more[aria-expanded="false"]:hover, .my-lists .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .my-lists .listing .add-more[aria-expanded="false"]:hover i, .my-lists .listing .add-more.collapsed:hover i {
          color: #fff; }
    .my-lists .listing .add-more.cancel:before {
      display: none; }
    .my-lists .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .my-lists .listing button.links, .my-lists .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .my-lists .listing button.links:hover, .my-lists .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .my-lists .listing a.plus i {
      font-size: 1rem; }
    .my-lists .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .my-lists .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .my-lists .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .my-lists .listing .custom-radiobox:not(:last-of-type), .my-lists .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .my-lists .listing .ship-when > p, .my-lists .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .my-lists .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .my-lists .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .my-lists .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .my-lists .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .my-lists .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .my-lists .listing .day-time span {
      font-weight: 600; }
    .my-lists .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .my-lists .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .my-lists .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .my-lists .listing .sub-total.btm > div, .my-lists .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .my-lists .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .my-lists .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .my-lists .listing .sub-header {
      clear: both;
      padding: 0px; }
      .my-lists .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .my-lists .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .my-lists .listing .sub-header .title {
        margin-bottom: 0px; }
        .my-lists .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .my-lists .listing .page + .sub-header {
      margin-top: 40px; }
      .my-lists .listing .page + .sub-header .title {
        flex-basis: content; }
    .my-lists .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .my-lists .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .my-lists .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .my-lists .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .my-lists .listing div.alert-warning p {
            font-size: 0.8rem; }
          .my-lists .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .my-lists .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .my-lists .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .my-lists .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .my-lists .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .my-lists .listing div.alert-danger p {
            font-size: 0.8rem; }
          .my-lists .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .my-lists .listing .col-9 > .page {
        min-height: 500px; }
      .my-lists .listing .page .details .submit input:hover, .my-lists .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .my-lists .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .my-lists .listing .page .details .submit button {
          width: 25px; }
      .my-lists .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .my-lists .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .my-lists .listing .col-9.left .page-th {
          display: none !important; }
        .my-lists .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .my-lists .listing .sub-header {
        flex-wrap: wrap; }
        .my-lists .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .my-lists .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .my-lists .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .my-lists .listing > .d-flex {
        flex-wrap: wrap; }
      .my-lists .listing .col-12.left .page-th, .my-lists .listing .col-9.left .page-th {
        display: none !important; }
      .my-lists .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .my-lists .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .my-lists .listing .page .details .time, .my-lists .listing .page .details .type {
        color: #666; }
      .my-lists .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .my-lists .listing .col-12.left, .my-lists .listing .col-3.right, .my-lists .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .my-lists .listing .summary {
        margin-top: 15px; }
        .my-lists .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .my-lists .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .my-lists .listing .products {
      min-width: 100%; }
      .my-lists .listing .products .product-display .no-results:only-child {
        border-top: 1px solid #ccc;
        padding-top: 20px;
        margin-top: 0px; }
    .my-lists .listing > .left button, .my-lists .listing > .left .modal-footer {
      display: none; }
    .my-lists .listing > .left .modal-dialog {
      margin: 0px;
      max-width: 100%; }
      .my-lists .listing > .left .modal-dialog .modal-content {
        border: none;
        border-radius: 0px; }
    .my-lists .listing > .left .facet-all, .my-lists .listing > .left .list-all {
      display: block !important; }
      .my-lists .listing > .left .facet-all .block, .my-lists .listing > .left .list-all .block {
        border-bottom: 1px solid #ddd;
        padding: 0.75rem 0px;
        min-height: 45px; }
      .my-lists .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-check, .my-lists .listing > .left .list-all .block:first-of-type #collapse1.details .custom-check {
        border-color: #10a700; }
      .my-lists .listing > .left .facet-all .block:first-of-type #collapse1.details .facet-value, .my-lists .listing > .left .list-all .block:first-of-type #collapse1.details .facet-value {
        color: #10a700;
        font-weight: 500;
        font-size: 0.95rem;
        font-family: "Poppins", sans-serif; }
      .my-lists .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-input:checked ~ .custom-check:before, .my-lists .listing > .left .facet-all .block:first-of-type #collapse1.details .custom-input:checked ~ .facet-value, .my-lists .listing > .left .list-all .block:first-of-type #collapse1.details .custom-input:checked ~ .custom-check:before, .my-lists .listing > .left .list-all .block:first-of-type #collapse1.details .custom-input:checked ~ .facet-value {
        color: #10a700; }
      .my-lists .listing > .left .facet-all .title, .my-lists .listing > .left .list-all .title {
        color: #222;
        font-size: 0.95rem;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.5rem;
        letter-spacing: 1px; }
        .my-lists .listing > .left .facet-all .title a:hover, .my-lists .listing > .left .list-all .title a:hover {
          color: #214a8c; }
        .my-lists .listing > .left .facet-all .title > a, .my-lists .listing > .left .list-all .title > a {
          color: #222;
          display: block;
          font-weight: 400; }
          .my-lists .listing > .left .facet-all .title > a:before, .my-lists .listing > .left .list-all .title > a:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            float: right;
            padding: 0px;
            right: -3px; }
        .my-lists .listing > .left .facet-all .title > a:before, .my-lists .listing > .left .list-all .title > a:before {
          content: "\e996";
          color: #666; }
        .my-lists .listing > .left .facet-all .title > a.collapsed:before, .my-lists .listing > .left .list-all .title > a.collapsed:before {
          content: "\e9b1"; }
        .my-lists .listing > .left .facet-all .title:hover > a:before, .my-lists .listing > .left .list-all .title:hover > a:before {
          color: #214a8c; }
      .my-lists .listing > .left .facet-all .collapse, .my-lists .listing > .left .facet-all .collapsing, .my-lists .listing > .left .list-all .collapse, .my-lists .listing > .left .list-all .collapsing {
        width: 100%; }
      .my-lists .listing > .left .facet-all .details, .my-lists .listing > .left .list-all .details {
        border: none !important; }
        .my-lists .listing > .left .facet-all .details form, .my-lists .listing > .left .list-all .details form {
          height: 60px; }
        .my-lists .listing > .left .facet-all .details ul, .my-lists .listing > .left .list-all .details ul {
          padding-left: 0px;
          margin-bottom: 0px; }
        .my-lists .listing > .left .facet-all .details .facet-load, .my-lists .listing > .left .list-all .details .facet-load {
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          color: #222;
          text-decoration: none;
          display: block;
          margin-top: 15px;
          text-transform: uppercase;
          font-weight: 600;
          font-size: 0.875rem; }
          .my-lists .listing > .left .facet-all .details .facet-load:hover, .my-lists .listing > .left .list-all .details .facet-load:hover {
            color: #214a8c;
            text-decoration: none; }
        .my-lists .listing > .left .facet-all .details li, .my-lists .listing > .left .list-all .details li {
          list-style: none;
          padding: 7px 0px;
          line-height: 1.1rem;
          align-items: center;
          display: flex;
          justify-content: space-between; }
          .my-lists .listing > .left .facet-all .details li a:nth-of-type(1), .my-lists .listing > .left .list-all .details li a:nth-of-type(1) {
            width: 80%; }
          .my-lists .listing > .left .facet-all .details li > i, .my-lists .listing > .left .list-all .details li > i {
            color: #10a700;
            font-size: 0.875rem; }
        .my-lists .listing > .left .facet-all .details li a, .my-lists .listing > .left .facet-all .details .facet-value, .my-lists .listing > .left .facet-all .details .facet-count, .my-lists .listing > .left .list-all .details li a, .my-lists .listing > .left .list-all .details .facet-value, .my-lists .listing > .left .list-all .details .facet-count {
          color: #666;
          font-size: 0.875rem; }
        .my-lists .listing > .left .facet-all .details .facet-count, .my-lists .listing > .left .list-all .details .facet-count {
          margin-left: 3px; }
          .my-lists .listing > .left .facet-all .details .facet-count:before, .my-lists .listing > .left .list-all .details .facet-count:before {
            content: "(";
            padding-right: 1px; }
          .my-lists .listing > .left .facet-all .details .facet-count:after, .my-lists .listing > .left .list-all .details .facet-count:after {
            content: ")";
            padding-left: 1px; }
        .my-lists .listing > .left .facet-all .details .custom-checkbox, .my-lists .listing > .left .list-all .details .custom-checkbox {
          cursor: pointer;
          margin: 0px;
          display: flex;
          align-items: center;
          margin-top: 10px;
          padding-left: 1.75rem; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input {
            position: absolute;
            z-index: -1;
            opacity: 0; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox p, .my-lists .listing > .left .list-all .details .custom-checkbox p {
            margin: 0px;
            padding-left: 20px;
            color: #666; }
            .my-lists .listing > .left .facet-all .details .custom-checkbox p span, .my-lists .listing > .left .list-all .details .custom-checkbox p span {
              display: block;
              color: #222;
              font-family: "Open Sans", sans-serif;
              font-size: 0.75rem;
              line-height: 0.75rem;
              color: #666; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ p, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ p {
            color: #222; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .facet-value, .my-lists .listing > .left .list-all .details .custom-checkbox .facet-value {
            font-size: 0.875rem; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .facet-value, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .facet-value {
            color: #222;
            text-decoration: underline; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ select, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ select {
            color: #222; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox:hover p, .my-lists .listing > .left .list-all .details .custom-checkbox:hover p {
            color: #214a8c; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox:hover span, .my-lists .listing > .left .list-all .details .custom-checkbox:hover span {
            border-color: #214a8c;
            /*&:before{color:$brand-color;}*/ }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-check, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-check {
            position: absolute;
            width: 15px;
            height: 15px;
            left: auto;
            border-radius: 2px;
            -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
            -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
            box-shadow: inset 1px 1px 2px 0px #ddd;
            border: 1px solid #aaa; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .custom-check, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .custom-check {
            -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
            -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
            box-shadow: inset 0px 0px 0px 0px #ddd;
            border: none; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-input:checked ~ .custom-check:before, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-input:checked ~ .custom-check:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e92d";
            top: -6px;
            font-size: 1.1rem;
            left: -1px;
            color: #214a8c; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox p span, .my-lists .listing > .left .list-all .details .custom-checkbox p span {
            line-height: 1.2; }
          .my-lists .listing > .left .facet-all .details .custom-checkbox .custom-check, .my-lists .listing > .left .list-all .details .custom-checkbox .custom-check {
            left: 0px; }
        .my-lists .listing > .left .facet-all .details li a:hover, .my-lists .listing > .left .facet-all .details .facet-value:hover, .my-lists .listing > .left .facet-all .details .facet-count:hover, .my-lists .listing > .left .list-all .details li a:hover, .my-lists .listing > .left .list-all .details .facet-value:hover, .my-lists .listing > .left .list-all .details .facet-count:hover {
          text-decoration: underline;
          color: #214a8c; }
        .my-lists .listing > .left .facet-all .details li a[data-toggle="modal"]:hover, .my-lists .listing > .left .list-all .details li a[data-toggle="modal"]:hover {
          text-decoration: none; }
        .my-lists .listing > .left .facet-all .details li.active a, .my-lists .listing > .left .list-all .details li.active a {
          color: #222;
          font-weight: 600; }
        .my-lists .listing > .left .facet-all .details .no-results, .my-lists .listing > .left .list-all .details .no-results {
          width: 100%; }
          .my-lists .listing > .left .facet-all .details .no-results .block-title, .my-lists .listing > .left .list-all .details .no-results .block-title {
            font-size: 0.8rem;
            font-weight: 400;
            color: #666; }
    .my-lists .listing > .left .list-all .block:nth-child(1) .btn-link:before {
      display: none; }
    .my-lists .listing > .left .list-all .btn-link {
      cursor: pointer; }
      .my-lists .listing > .left .list-all .btn-link:hover {
        text-decoration: none; }
    .my-lists .listing > .left .list-all .search input {
      height: 40px;
      padding-left: 40px;
      margin-top: 15px; }
    .my-lists .listing > .left .list-all .search i {
      left: 10px;
      top: calc(20px + 2px); }
    .my-lists .listing > .left .list-all .details ul {
      overflow-y: auto;
      max-height: calc(270px + 10px);
      width: 100%;
      padding-right: 5px;
      margin: 5px 0px; }
    @media (min-width: 1200px) {
      .my-lists .listing > .left {
        padding-right: 15px; }
        .my-lists .listing > .left .facet-all, .my-lists .listing > .left .list-all {
          border-right: 1px solid #666;
          padding-right: 30px; }
        .my-lists .listing > .left .modal:nth-of-type(2) {
          margin-top: 50px; } }
    @media (min-width: 992px) {
      .my-lists .listing > .left {
        max-width: 20%;
        flex: 0 0 20%; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .my-lists .listing > .left {
      overflow: hidden;
      align-self: flex-start !important;
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px;
      z-index: 2; } }
    @media (min-width: 992px) {
        .my-lists .listing > .left .modal {
          display: block !important;
          opacity: 1;
          position: inherit;
          z-index: 5; } }
    @media (max-width: 991px) {
      .my-lists .listing > .left {
        height: 40px;
        border: 1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: calc(50% - 20px);
        position: absolute;
        right: 0px;
        top: -40px; }
        .my-lists .listing > .left button {
          background: none;
          border: none;
          width: 100%;
          text-transform: uppercase;
          color: #666;
          font-size: 0.8rem;
          font-family: "Poppins", sans-serif;
          letter-spacing: 1.25px;
          font-weight: 600;
          display: block; }
          .my-lists .listing > .left button:focus {
            box-shadow: none; }
          .my-lists .listing > .left button:hover {
            color: #214a8c; }
          .my-lists .listing > .left button span:before {
            content: "(";
            padding-right: 1px; }
          .my-lists .listing > .left button span:after {
            content: ")";
            padding-left: 1px; }
        .my-lists .listing > .left .modal-footer {
          background: #eee;
          border: 1px solid #666;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          padding: 0px; }
          .my-lists .listing > .left .modal-footer button {
            height: 45px;
            margin: 0px;
            border-radius: 0px; }
          .my-lists .listing > .left .modal-footer button:first-of-type {
            border-right: 1px solid #222; }
        .my-lists .listing > .left .facet-all, .my-lists .listing > .left .list-all {
          border-bottom: none; }
          .my-lists .listing > .left .facet-all .block, .my-lists .listing > .left .list-all .block {
            padding: 15px; }
          .my-lists .listing > .left .facet-all .title, .my-lists .listing > .left .list-all .title {
            font-size: 0.875rem; }
        .my-lists .listing > .left .product-display .page-th {
          display: none !important; }
        .my-lists .listing > .left .products {
          padding: 0px 10px;
          order: 3; } }
    @media (max-width: 767px) {
      .my-lists .listing > .left {
        position: inherit;
        top: inherit;
        max-width: 100%;
        flex: 0 0 100%;
        max-width: calc(100% - 20px);
        left: 10px;
        height: 40px;
        margin-top: 10px; } }
    .my-lists .listing > .left .modal-dialog {
      transform: none;
      margin: 0px;
      max-width: 100%; }
      .my-lists .listing > .left .modal-dialog .modal-content {
        border: none; }
    .my-lists .listing > .right {
      text-align: left; }
      .my-lists .listing > .right form {
        margin: 0px; }
      .my-lists .listing > .right .filters {
        padding-bottom: 10px;
        display: flex;
        align-items: center; }
        .my-lists .listing > .right .filters .results {
          max-width: 20%;
          flex: 0 0 20%;
          color: #222;
          order: 2; }
          .my-lists .listing > .right .filters .results span {
            margin-right: 5px;
            font-weight: 600; }
        .my-lists .listing > .right .filters .custom-dropdown {
          max-width: 20%;
          flex: 0 0 20%;
          order: 4; }
          .my-lists .listing > .right .filters .custom-dropdown a {
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            color: #222;
            text-decoration: none; }
            .my-lists .listing > .right .filters .custom-dropdown a:hover {
              color: #214a8c;
              text-decoration: none; }
          .my-lists .listing > .right .filters .custom-dropdown .nav-link {
            font-weight: 600;
            color: #666;
            padding: 0px;
            font-family: "Poppins", sans-serif;
            letter-spacing: 0.25px; }
          .my-lists .listing > .right .filters .custom-dropdown .show > .nav-link {
            background: none;
            color: #214a8c; }
          .my-lists .listing > .right .filters .custom-dropdown .dropdown-toggle:after {
            font-family: "Feather";
            content: "\e92e";
            border: none;
            height: auto;
            width: auto;
            margin: auto;
            vertical-align: middle;
            font-size: 0.95rem;
            margin-left: 5px;
            line-height: 16px; }
          .my-lists .listing > .right .filters .custom-dropdown .nav-item {
            margin-left: auto; }
          .my-lists .listing > .right .filters .custom-dropdown .dropdown-menu.show {
            margin: 0px;
            font-size: 0.875rem;
            color: #222;
            border-radius: 0px;
            border-color: #666;
            padding: 0px; }
            .my-lists .listing > .right .filters .custom-dropdown .dropdown-menu.show .dropdown-item {
              text-align: left;
              padding: 5px 10px; }
          .my-lists .listing > .right .filters .custom-dropdown .dropdown-menu.show {
            margin: 5px 0px 0px auto;
            right: 0px;
            min-width: 300%; }
          .my-lists .listing > .right .filters .custom-dropdown a.nav-link {
            color: #666;
            text-transform: uppercase;
            font-size: 0.8rem;
            letter-spacing: 1.25px; }
        .my-lists .listing > .right .filters > .pagination {
          margin: 0px auto;
          order: 3; }
        .my-lists .listing > .right .filters .view-style {
          margin-left: 50px;
          order: 4; }
          .my-lists .listing > .right .filters .view-style button {
            border: none;
            background: none;
            margin-left: 7px;
            padding: 0px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            padding: 2px 0px 0px 1px; }
            .my-lists .listing > .right .filters .view-style button i {
              font-size: 1.5rem;
              color: #666; }
            .my-lists .listing > .right .filters .view-style button.active {
              background: #214a8c; }
              .my-lists .listing > .right .filters .view-style button.active i {
                color: #fff; }
            .my-lists .listing > .right .filters .view-style button:focus {
              outline: none; }
      .my-lists .listing > .right .selected-facet {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .my-lists .listing > .right .selected-facet span a {
          padding: 3px 5px;
          border: 1px solid #aaa;
          display: inline-block;
          text-transform: uppercase;
          font-size: 0.75rem;
          font-weight: 600;
          letter-spacing: 0.25px;
          line-height: normal;
          border-color: #aaa;
          color: #222;
          background: #f7f7f7;
          margin: 0px 5px 10px; }
          .my-lists .listing > .right .selected-facet span a:hover {
            border-color: #dc3545;
            background: #feeeef; }
          .my-lists .listing > .right .selected-facet span a:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            content: "\ea02";
            font-weight: 600;
            font-size: 1rem;
            color: #666;
            vertical-align: sub; }
          .my-lists .listing > .right .selected-facet span a:hover:after {
            color: #dc3545; }
      @media (min-width: 992px) {
        .my-lists .listing > .right {
          padding-left: 15px;
          max-width: 80%;
          flex: 0 0 80%; }
          .my-lists .listing > .right .filters .custom-dropdown a.nav-link {
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            font-size: 0.95rem;
            letter-spacing: normal;
            color: #222;
            text-transform: capitalize; } }
      @media (max-width: 991px) {
        .my-lists .listing > .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column; }
          .my-lists .listing > .right .filters {
            flex-wrap: wrap;
            position: relative;
            order: 2; }
            .my-lists .listing > .right .filters .custom-dropdown {
              max-width: 50%;
              flex: 0 0 50%;
              height: 40px;
              border-bottom: 1px solid #ccc;
              border-top: 1px solid #ccc;
              position: absolute;
              right: 0px;
              top: -40px;
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
              .my-lists .listing > .right .filters .custom-dropdown .dropdown-menu.show {
                margin: 5px 0px 0px auto;
                right: 0px;
                min-width: 300%; }
            .my-lists .listing > .right .filters .results {
              order: 2;
              max-width: 100%;
              flex: 0 0 100%;
              margin: 10px auto;
              text-align: center; }
            .my-lists .listing > .right .filters .view-style {
              position: absolute;
              right: 10px;
              bottom: 10px; }
          .my-lists .listing > .right .selected-facet {
            display: none; }
          .my-lists .listing > .right #exportPdf, .my-lists .listing > .right #exportExcel, .my-lists .listing > .right #importPro {
            flex: auto; }
          .my-lists .listing > .right .product-display .page-th {
            display: none !important; } }
      @media (max-width: 767px) {
        .my-lists .listing > .right .filters .view-style {
          display: none !important; } }
      .my-lists .listing > .right > .actions {
        border: none;
        padding: 7px 0px; }
      .my-lists .listing > .right .filters {
        padding: 0px 0px 0px 20px;
        margin-left: 20px;
        border-left: 1px solid #ccc; }
        .my-lists .listing > .right .filters .custom-dropdown {
          max-width: 100%;
          flex: 0 0 100%;
          position: relative;
          border-bottom: none;
          border-top: none;
          top: 0px;
          height: auto; }
          .my-lists .listing > .right .filters .custom-dropdown a + a {
            margin-left: 0px; }
          .my-lists .listing > .right .filters .custom-dropdown a.nav-link {
            text-transform: inherit;
            letter-spacing: inherit;
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
            color: #222; }
  .my-lists .header + .listing {
    margin-top: 70px; }
  .my-lists .print-page {
    max-width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px auto;
    font-family: "Open Sans", sans-serif; }
    .my-lists .print-page div {
      padding: 0px; }
    .my-lists .print-page .header {
      text-align: left;
      padding: 25px 0px 10px;
      margin-bottom: 0px;
      flex-wrap: wrap;
      position: relative; }
      .my-lists .print-page .header .logo, .my-lists .print-page .header .pg-.title {
        height: 40px; }
      .my-lists .print-page .header .logo {
        position: absolute;
        left: 0px; }
        .my-lists .print-page .header .logo img {
          max-height: 40px;
          width: auto; }
      .my-lists .print-page .header .pg-title {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
      .my-lists .print-page .header .details > div {
        font-size: 0.8rem; }
      .my-lists .print-page .header .details > .col-4 {
        display: flex;
        font-weight: 600; }
        .my-lists .print-page .header .details > .col-4 span {
          font-weight: 400;
          padding-left: 5px; }
      .my-lists .print-page .header .details .sub-title {
        font-weight: 600; }
      .my-lists .print-page .header .details > .col-6 {
        margin-bottom: 10px; }
      .my-lists .print-page .header .details p {
        margin-bottom: 0px; }
      .my-lists .print-page .header .details .active {
        color: #10a700; }
      .my-lists .print-page .header .details {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ccc; }
        .my-lists .print-page .header .details .job-name, .my-lists .print-page .header .details .job-desc, .my-lists .print-page .header .details .status, .my-lists .print-page .header .details .mode, .my-lists .print-page .header .details .branch, .my-lists .print-page .header .details .ship-when, .my-lists .print-page .header .details .bill-method, .my-lists .print-page .header .details .bill-where {
          font-weight: 600; }
          .my-lists .print-page .header .details .job-name span, .my-lists .print-page .header .details .job-desc span, .my-lists .print-page .header .details .status span, .my-lists .print-page .header .details .mode span, .my-lists .print-page .header .details .branch span, .my-lists .print-page .header .details .ship-when span, .my-lists .print-page .header .details .bill-method span, .my-lists .print-page .header .details .bill-where span {
            font-weight: 400;
            margin-right: 5px; }
        .my-lists .print-page .header .details .job-name span, .my-lists .print-page .header .details .job-desc span, .my-lists .print-page .header .details .status span {
          min-width: 120px;
          display: inline-block; }
        .my-lists .print-page .header .details .branch {
          margin-left: 30px; }
    .my-lists .print-page div.title {
      margin-bottom: 5px;
      font-size: 1rem;
      font-weight: 600; }
    .my-lists .print-page table {
      border-spacing: 0px;
      width: 100%;
      border: 1px solid #222; }
      .my-lists .print-page table th, .my-lists .print-page table td {
        font-size: 0.8rem;
        font-weight: 400;
        min-height: 40px;
        padding: 7px;
        border: 1px solid #222;
        line-height: 0.875rem;
        color: #222; }
      .my-lists .print-page table th {
        background: #f1f1f1;
        color: #666;
        width: 10%; }
      .my-lists .print-page table .pro-details {
        width: 40%;
        color: #666; }
        .my-lists .print-page table .pro-details span:first-of-type, .my-lists .print-page table .pro-details .sub-title {
          text-transform: uppercase; }
        .my-lists .print-page table .pro-details span {
          display: block;
          margin-bottom: 3px; }
        .my-lists .print-page table .pro-details .title {
          color: #222; }
      .my-lists .print-page table tr:last-of-type td {
        border-bottom-color: #222; }
      .my-lists .print-page table td.price span, .my-lists .print-page table td.qty span {
        display: block; }
      .my-lists .print-page table td.qty .available {
        word-break: normal;
        font-size: 0.8rem; }
      .my-lists .print-page table span.sale + span.price, .my-lists .print-page table span.discount + span.price {
        text-decoration: line-through;
        color: #666; }
      .my-lists .print-page table span.reel {
        float: left;
        color: #666; }
      .my-lists .print-page table span.supp {
        color: #aaa; }
      .my-lists .print-page table span.eco {
        color: #10a700; }
      .my-lists .print-page table .inventory, .my-lists .print-page table .price, .my-lists .print-page table .qty, .my-lists .print-page table .total {
        text-align: right; }
    .my-lists .print-page .all-total, .my-lists .print-page .summary {
      border-bottom: 3px double #222;
      font-size: 0.875rem;
      text-align: right;
      border-top: none; }
      .my-lists .print-page .all-total span:not(.supp), .my-lists .print-page .summary span:not(.supp) {
        color: #222;
        display: inline-block;
        min-width: 120px; }
      .my-lists .print-page .all-total td, .my-lists .print-page .summary td {
        border-top-color: #222;
        font-size: 0.875rem;
        padding: 20px 10px; }
      .my-lists .print-page .all-total .cost-price, .my-lists .print-page .summary .cost-price {
        width: 70%;
        font-size: 1rem; }
      .my-lists .print-page .all-total .job-total, .my-lists .print-page .summary .job-total {
        width: 30%;
        font-size: 1rem; }
      .my-lists .print-page .all-total .items, .my-lists .print-page .all-total .sub-total, .my-lists .print-page .all-total .taxes, .my-lists .print-page .all-total .eco, .my-lists .print-page .all-total .discount, .my-lists .print-page .all-total .shipping, .my-lists .print-page .summary .items, .my-lists .print-page .summary .sub-total, .my-lists .print-page .summary .taxes, .my-lists .print-page .summary .eco, .my-lists .print-page .summary .discount, .my-lists .print-page .summary .shipping {
        text-align: right;
        border: none; }
      .my-lists .print-page .all-total .items, .my-lists .print-page .summary .items {
        padding-bottom: 0px; }
      .my-lists .print-page .all-total .items .right, .my-lists .print-page .all-total .sub-total .right, .my-lists .print-page .all-total .taxes .right, .my-lists .print-page .summary .items .right, .my-lists .print-page .summary .sub-total .right, .my-lists .print-page .summary .taxes .right {
        font-weight: 600; }
      .my-lists .print-page .all-total .sub-total, .my-lists .print-page .all-total .taxes, .my-lists .print-page .all-total .shipping, .my-lists .print-page .all-total .eco, .my-lists .print-page .all-total .discount, .my-lists .print-page .summary .sub-total, .my-lists .print-page .summary .taxes, .my-lists .print-page .summary .shipping, .my-lists .print-page .summary .eco, .my-lists .print-page .summary .discount {
        padding-top: 10px;
        padding-bottom: 0px; }
      .my-lists .print-page .all-total .discount .right, .my-lists .print-page .summary .discount .right {
        color: #dc3545; }
        .my-lists .print-page .all-total .discount .right:before, .my-lists .print-page .summary .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 10px;
          color: #dc3545; }
      .my-lists .print-page .all-total tr:nth-last-of-type(2) .taxes, .my-lists .print-page .summary tr:nth-last-of-type(2) .taxes {
        padding-bottom: 20px; }
      .my-lists .print-page .all-total tr:nth-last-of-type(1) td, .my-lists .print-page .summary tr:nth-last-of-type(1) td {
        padding-bottom: 20px; }
      .my-lists .print-page .all-total .total, .my-lists .print-page .summary .total {
        border-top: 1px solid #222;
        font-size: 1rem;
        font-weight: 600; }
      .my-lists .print-page .all-total .left, .my-lists .print-page .summary .left {
        text-align: left; }
      .my-lists .print-page .all-total .right, .my-lists .print-page .summary .right {
        text-align: right; }
    .my-lists .print-page .time-stamp {
      margin-top: 10px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .my-lists .print-page table .product-img, .my-lists .print-page table .sub-title, .my-lists .print-page table .personal-code, .my-lists .print-page table th.upc, .my-lists .print-page table th.price, .my-lists .print-page table .qty, .my-lists .print-page table .total {
      width: 110px;
      word-break: break-all; }
    .my-lists .print-page table td.product-img {
      text-align: center; }
      .my-lists .print-page table td.product-img img {
        max-height: calc(100px - 5px);
        max-width: calc(100px - 5px); }
    .my-lists .print-page table th.barcode {
      width: 200px; }
    .my-lists .print-page table th.title {
      width: auto; }
    .my-lists .print-page table td.barcode {
      text-align: center; }
      .my-lists .print-page table td.barcode img {
        max-width: calc(200px - 20px); }
    .my-lists .print-page .summary tr:last-of-type td {
      padding-bottom: 20px; }
    .my-lists .print-page .header .details {
      display: flex; }

.b2b .my-lists .product-display .page form {
  border-bottom: 1px solid #ddd; }
  .b2b .my-lists .product-display .page form:hover {
    background-color: #f7fbff; }
.b2b .my-lists .product-display .page .details {
  padding: 0px; }
  .b2b .my-lists .product-display .page .details > .col {
    text-align: left;
    padding: 0px; }
    .b2b .my-lists .product-display .page .details > .col .eco {
      display: block;
      text-transform: inherit; }
  .b2b .my-lists .product-display .page .details .col.checkbox {
    z-index: 1;
    max-width: 20px; }
  .b2b .my-lists .product-display .page .details .supp {
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #666; }
  .b2b .my-lists .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .my-lists .product-display .page .details .col.pro-details .text {
      width: 100%; }
    .b2b .my-lists .product-display .page .details .col.pro-details .product-img {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 160px;
      max-width: 160px;
      width: 100%;
      flex: 0 0 auto;
      margin: 0px auto; }
      .b2b .my-lists .product-display .page .details .col.pro-details .product-img img {
        width: auto; }
      .b2b .my-lists .product-display .page .details .col.pro-details .product-img img {
        max-height: calc(150px - 5px);
        max-width: calc(150px - 5px); }
    .b2b .my-lists .product-display .page .details .col.pro-details .sub-title {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-size: 0.8rem;
      font-weight: 300;
      text-transform: uppercase; }
      .b2b .my-lists .product-display .page .details .col.pro-details .sub-title a {
        color: #666; }
        .b2b .my-lists .product-display .page .details .col.pro-details .sub-title a:hover {
          color: #222; }
    .b2b .my-lists .product-display .page .details .col.pro-details .title {
      color: #222;
      font-size: 0.8rem;
      font-family: "Poppins", sans-serif;
      line-height: 1.1rem;
      letter-spacing: 0.25px;
      margin-bottom: 10px;
      max-height: 35px;
      overflow: hidden;
      position: relative; }
      .b2b .my-lists .product-display .page .details .col.pro-details .title a {
        color: #222; }
        .b2b .my-lists .product-display .page .details .col.pro-details .title a:hover {
          color: #214a8c; }
      .b2b .my-lists .product-display .page .details .col.pro-details .title:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 40%;
        height: 1rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
        bottom: 0px; }
    .b2b .my-lists .product-display .page .details .col.pro-details .mfg, .b2b .my-lists .product-display .page .details .col.pro-details .upc, .b2b .my-lists .product-display .page .details .col.pro-details .co-label {
      display: flex;
      min-height: auto; }
      .b2b .my-lists .product-display .page .details .col.pro-details .mfg span, .b2b .my-lists .product-display .page .details .col.pro-details .upc span, .b2b .my-lists .product-display .page .details .col.pro-details .co-label span {
        font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2b .my-lists .product-display .page .details .col.pro-details .upc span:last-of-type, .b2b .my-lists .product-display .page .details .col.pro-details .co-label span:last-of-type {
        width: calc(100% - 110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .b2b .my-lists .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2b .my-lists .product-display .page .details .col.pro-details .upc span:first-of-type, .b2b .my-lists .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2b .my-lists .product-display .page .details .col.pro-details .personal-code span:first-of-type {
      font-size: 0.8rem;
      text-align: left;
      font-family: "Open Sans", sans-serif;
      letter-spacing: normal;
      min-width: 110px;
      line-height: 1.2rem;
      display: inline-block; }
    .b2b .my-lists .product-display .page .details .col.pro-details .personal-code {
      font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .col.pro-details .personal-code a {
        color: #ff9933;
        text-decoration: underline; }
    .b2b .my-lists .product-display .page .details .col.pro-details .change-code {
      display: flex; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code input, .b2b .my-lists .product-display .page .details .col.pro-details .change-code textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code input, .b2b .my-lists .product-display .page .details .col.pro-details .change-code button {
        height: 30px; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code textarea {
        height: 50px; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code input {
        width: 200px;
        padding: 5px 7px;
        font-size: 0.8rem;
        margin: 5px 0px; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code button.img {
        height: 30px;
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        margin: 5px 0px; }
      .b2b .my-lists .product-display .page .details .col.pro-details .change-code input[type="image"], .b2b .my-lists .product-display .page .details .col.pro-details .change-code img {
        padding: 2px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        border: none;
        background: none !important; }
    .b2b .my-lists .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
      display: none; }
    .b2b .my-lists .product-display .page .details .col.pro-details .change-code.show {
      display: flex; }
    @media (max-width: 991px) {
      .b2b .my-lists .product-display .page .details .col.pro-details .mfg, .b2b .my-lists .product-display .page .details .col.pro-details .upc, .b2b .my-lists .product-display .page .details .col.pro-details .co-label {
        margin: 5px 0px; } }
  .b2b .my-lists .product-display .page .details .inventory {
    min-height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .b2b .my-lists .product-display .page .details .inventory .supp {
      color: #222;
      padding-left: 0px;
      font-size: 0.8rem;
      letter-spacing: 0.25px;
      text-transform: inherit; }
    .b2b .my-lists .product-display .page .details .inventory .in-stock, .b2b .my-lists .product-display .page .details .inventory .out-stock {
      font-size: 0.875rem;
      padding-right: 5px; }
      .b2b .my-lists .product-display .page .details .inventory .in-stock:before, .b2b .my-lists .product-display .page .details .inventory .out-stock:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        top: 2px;
        width: 25px;
        display: inline-block;
        padding-right: 0px; }
    .b2b .my-lists .product-display .page .details .inventory .in-stock {
      color: #10a700; }
      .b2b .my-lists .product-display .page .details .inventory .in-stock:before {
        color: #10a700;
        font-size: 15px; }
    .b2b .my-lists .product-display .page .details .inventory .out-stock {
      color: #dc3545; }
      .b2b .my-lists .product-display .page .details .inventory .out-stock:before {
        content: "\ea02";
        color: #dc3545;
        line-height: 20px;
        left: -1px; }
    .b2b .my-lists .product-display .page .details .inventory .delivery {
      max-width: 100%;
      flex: 0 0 100%;
      position: relative;
      margin-bottom: 5px; }
      .b2b .my-lists .product-display .page .details .inventory .delivery .in-stock:before {
        content: "\e9e8"; }
    .b2b .my-lists .product-display .page .details .inventory .pickup .in-stock:before {
      content: "\e98c"; }
    .b2b .my-lists .product-display .page .details .inventory .pickup {
      position: relative;
      margin-bottom: 5px; }
      .b2b .my-lists .product-display .page .details .inventory .pickup:before {
        content: "";
        border-left: 1px solid #10a700;
        height: 30px;
        position: absolute;
        left: 7px;
        top: 20px; }
      .b2b .my-lists .product-display .page .details .inventory .pickup:after {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #10a700;
        left: 6px;
        bottom: -15px; }
    .b2b .my-lists .product-display .page .details .inventory .nonstock .out-stock {
      padding-right: 0px; }
      .b2b .my-lists .product-display .page .details .inventory .nonstock .out-stock:before {
        content: "\e9d0";
        font-size: 15px; }
    .b2b .my-lists .product-display .page .details .inventory .nonstock .supp {
      color: #dc3545; }
    .b2b .my-lists .product-display .page .details .inventory .leadtime span {
      color: #10a700; }
    .b2b .my-lists .product-display .page .details .inventory .leadtime.supp, .b2b .my-lists .product-display .page .details .inventory .pickup .preferred {
      display: block; }
    .b2b .my-lists .product-display .page .details .inventory .preferred {
      color: #10a700;
      padding-left: 5px; }
    .b2b .my-lists .product-display .page .details .inventory .out-stock ~ .preferred {
      color: #aaa; }
    .b2b .my-lists .product-display .page .details .inventory .backorder .in-stock, .b2b .my-lists .product-display .page .details .inventory .nonstock .in-stock {
      /*padding:$zero;*/
      color: #222; }
      .b2b .my-lists .product-display .page .details .inventory .backorder .in-stock:before, .b2b .my-lists .product-display .page .details .inventory .nonstock .in-stock:before {
        color: #666; }
    .b2b .my-lists .product-display .page .details .inventory ._labels {
      display: none !important; }
    .b2b .my-lists .product-display .page .details .inventory .text {
      height: 30px;
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      margin-top: 10px;
      line-height: 0.875rem; }
      .b2b .my-lists .product-display .page .details .inventory .text span {
        font-weight: 400;
        margin-right: 5px; }
        .b2b .my-lists .product-display .page .details .inventory .text span:before {
          content: "(";
          padding-right: 1px; }
        .b2b .my-lists .product-display .page .details .inventory .text span:after {
          content: ")";
          padding-left: 1px; }
        .b2b .my-lists .product-display .page .details .inventory .text span a {
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .my-lists .product-display .page .details .inventory .text span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    @media (max-width: 767px) {
      .b2b .my-lists .product-display .page .details .inventory {
        margin-bottom: 5px; }
        .b2b .my-lists .product-display .page .details .inventory .pickup:before {
          height: 1.5rem; }
        .b2b .my-lists .product-display .page .details .inventory .pickup:after {
          bottom: -20px; }
        .b2b .my-lists .product-display .page .details .inventory .pickup:last-child:before, .b2b .my-lists .product-display .page .details .inventory .pickup:last-child:after {
          display: none; }
        .b2b .my-lists .product-display .page .details .inventory .leadtime.supp, .b2b .my-lists .product-display .page .details .inventory .pickup .preferred {
          display: inline-block; } }
    .b2b .my-lists .product-display .page .details .inventory .leadtime.supp, .b2b .my-lists .product-display .page .details .inventory .pickup .preferred {
      padding-left: 25px; }
  .b2b .my-lists .product-display .page .details .pickup {
    max-width: 100%;
    flex: 0 0 100%; }
  .b2b .my-lists .product-display .page .details .branch {
    margin-left: 25px; }
    .b2b .my-lists .product-display .page .details .branch button {
      height: 20px;
      border: none;
      background: none;
      padding: 0px;
      color: #222;
      text-decoration: underline;
      font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .branch button:focus {
        box-shadow: none;
        color: #10a700; }
    .b2b .my-lists .product-display .page .details .branch .dropdown-menu {
      max-height: 240px;
      overflow-y: auto;
      font-size: 0.8rem;
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
      box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
      width: calc(200px + 20px);
      cursor: default;
      border-color: #aaa; }
      .b2b .my-lists .product-display .page .details .branch .dropdown-menu li {
        padding: 3px 7px;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dotted #ccc; }
        .b2b .my-lists .product-display .page .details .branch .dropdown-menu li:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\ea02";
          color: #dc3545; }
        .b2b .my-lists .product-display .page .details .branch .dropdown-menu li span {
          color: #dc3545; }
      .b2b .my-lists .product-display .page .details .branch .dropdown-menu li.available:after {
        font-size: 0.875rem;
        content: "\e98c";
        color: #10a700; }
      .b2b .my-lists .product-display .page .details .branch .dropdown-menu li.available span {
        color: #10a700; }
  .b2b .my-lists .product-display .page .details .col.price {
    margin-bottom: 15px;
    display: flex;
    align-items: first baseline;
    flex-wrap: wrap;
    flex-direction: row; }
    .b2b .my-lists .product-display .page .details .col.price .sale {
      color: #dc3545;
      margin: 0px; }
    .b2b .my-lists .product-display .page .details .col.price .price {
      color: #222; }
    .b2b .my-lists .product-display .page .details .col.price .discount {
      color: #222;
      margin: 0px; }
    .b2b .my-lists .product-display .page .details .col.price .sale + .price, .b2b .my-lists .product-display .page .details .col.price .discount + .price {
      text-decoration: line-through;
      color: #666;
      font-size: 0.95rem;
      margin-left: 5px;
      display: initial; }
    .b2b .my-lists .product-display .page .details .col.price .supp {
      margin-left: 5px; }
    .b2b .my-lists .product-display .page .details .col.price .eco {
      color: #10a700; }
    .b2b .my-lists .product-display .page .details .col.price > span:nth-of-type(2) {
      font-size: 1.1rem; }
    @media (max-width: 991px) {
      .b2b .my-lists .product-display .page .details .col.price .supp:not(:last-child) {
        margin-right: 10px; } }
  .b2b .my-lists .product-display .page .details .col.qty {
    display: flex;
    flex-wrap: wrap;
    text-align: right; }
    .b2b .my-lists .product-display .page .details .col.qty input, .b2b .my-lists .product-display .page .details .col.qty textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .b2b .my-lists .product-display .page .details .col.qty input, .b2b .my-lists .product-display .page .details .col.qty button {
      height: 30px; }
    .b2b .my-lists .product-display .page .details .col.qty textarea {
      height: 50px; }
    .b2b .my-lists .product-display .page .details .col.qty input {
      max-width: 50px;
      text-align: center;
      font-size: 0.95rem;
      color: #222;
      margin-right: 5px; }
    .b2b .my-lists .product-display .page .details .col.qty input.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .my-lists .product-display .page .details .col.qty input.input-validation-error {
      border-color: #ff9933; }
    .b2b .my-lists .product-display .page .details .col.qty span.margin + input {
      margin-left: 5px; }
    .b2b .my-lists .product-display .page .details .col.qty span.uom {
      width: 20px;
      text-align: left; }
    .b2b .my-lists .product-display .page .details .col.qty > span.supp, .b2b .my-lists .product-display .page .details .col.qty .available {
      line-height: 30px; }
    .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      margin-top: 5px; }
      .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length {
        position: relative;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 75px;
        max-width: 75px; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding: 0px 5px 5px 0px;
          letter-spacing: -0.3px; }
      .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        content: "\e904";
        border: 1px solid #ff9933;
        border-left: none;
        padding-right: 7px;
        font-size: 0.875rem;
        line-height: 1.75rem;
        color: #de6e00;
        width: 70px;
        position: absolute;
        height: 30px;
        background: #fff;
        left: 60px;
        bottom: 0px;
        -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
        box-shadow: inset -3px 0px 1px 3px #fff3cd; }
      .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\ea02";
        position: absolute;
        bottom: 5px;
        color: #aaa;
        font-size: 0.875rem;
        padding: 0px;
        left: 1px; }
      .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
        position: relative;
        left: 60px; }
      .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button {
        background: none;
        border: none;
        padding: 0px;
        width: 20px; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button i {
          cursor: pointer; }
          .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
            border-radius: 50%;
            color: #fff; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
          background: #10a700; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
          border: 1px solid #dc3545;
          color: #dc3545; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
          pointer-events: none;
          cursor: default; }
          .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
            background: #ddd; }
          .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
            color: #ddd;
            border-color: #ddd; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
          background: #dc3545;
          color: #fff;
          border: none; }
      @media (max-width: 991px) {
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
          padding-right: 0px; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          width: 20px; }
        .b2b .my-lists .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          left: 0.5rem; } }
    @media (min-width: 992px) {
      .b2b .my-lists .product-display .page .details .col.qty {
        display: flex;
        justify-content: flex-end;
        max-width: calc(15% + 20px); } }
    .b2b .my-lists .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(20px - 2px); }
  .b2b .my-lists .product-display .page .details .col.total .saving {
    font-weight: 400;
    color: #10a700;
    font-size: 0.75rem; }
  .b2b .my-lists .product-display .page .details .add-to-cart {
    position: absolute;
    bottom: 0px;
    width: auto;
    right: 0px;
    display: table; }
    .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px;
      background: #214a8c !important;
      color: #fff; }
      .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
      .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart:focus {
        outline-style: none; }
      .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart:hover, .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart:focus {
        background: #08285c !important;
        border: none; }
    .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .b2b .my-lists .product-display .page .details .add-to-cart button.add-cart, .b2b .my-lists .product-display .page .details .add-to-cart .btn-sml {
      width: 120px; }
    .b2b .my-lists .product-display .page .details .add-to-cart .text {
      height: 25px;
      font-family: "Poppins", sans-serif;
      color: #222;
      margin-bottom: 0.875rem;
      display: flex;
      align-items: center;
      font-size: 0.875rem; }
      .b2b .my-lists .product-display .page .details .add-to-cart .text:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        content: "\e9a7";
        color: #222; }
  .b2b .my-lists .product-display .page .details .alert-warning {
    width: 100%;
    background: none;
    z-index: 1;
    padding: 0px; }
    .b2b .my-lists .product-display .page .details .alert-warning > span {
      background: #fff3cd;
      padding: 3px 5px 5px;
      min-height: 30px;
      max-height: 30px;
      font-size: calc(10px + 1px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
  .b2b .my-lists .product-display .page .details .download {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #222;
    font-family: "Open Sans", sans-serif; }
    .b2b .my-lists .product-display .page .details .download i {
      font-size: 1rem;
      margin-right: 7px; }
    .b2b .my-lists .product-display .page .details .download > a {
      display: inline-flex;
      align-items: center;
      color: #222;
      font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .download > a span {
        color: #666;
        text-decoration: underline;
        color: #222;
        margin-left: 7px;
        letter-spacing: 0.25px; }
        .b2b .my-lists .product-display .page .details .download > a span:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
      .b2b .my-lists .product-display .page .details .download > a img {
        height: 1rem; }
      .b2b .my-lists .product-display .page .details .download > a i {
        font-size: 1rem; }
    .b2b .my-lists .product-display .page .details .download #docModal .modal-dialog {
      max-width: calc(320px * 2); }
    .b2b .my-lists .product-display .page .details .download .modal .modal-title {
      display: flex;
      align-items: center;
      text-align: left;
      margin: 0px 0px 15px; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-title .text {
        padding-left: 30px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .b2b .my-lists .product-display .page .details .download .modal .modal-title .text .sub-title {
          line-height: normal; }
        .b2b .my-lists .product-display .page .details .download .modal .modal-title .text .title {
          margin: 0px; }
          .b2b .my-lists .product-display .page .details .download .modal .modal-title .text .title:after {
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
    .b2b .my-lists .product-display .page .details .download .modal .modal-body > div {
      display: flex;
      flex-wrap: wrap; }
    .b2b .my-lists .product-display .page .details .download .modal .modal-body div {
      padding: 7px 0px 10px;
      color: #222; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div .doc:before, .b2b .my-lists .product-display .page .details .download .modal .modal-body div .xLink:before, .b2b .my-lists .product-display .page .details .download .modal .modal-body div .xDocs:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1rem;
        color: #222; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div .doc:before {
        content: "\e964"; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div .xLink:before {
        content: "\e95b"; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div .xDocs:before {
        content: "\e963"; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div span {
        display: block;
        color: #666;
        line-height: 1.1rem;
        margin-left: 1.25rem; }
        .b2b .my-lists .product-display .page .details .download .modal .modal-body div span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e946";
          color: #666;
          font-size: 0.8rem; }
        .b2b .my-lists .product-display .page .details .download .modal .modal-body div span a {
          font-family: "Open Sans", sans-serif;
          font-size: 0.8rem;
          color: #666;
          text-decoration: underline;
          color: #222; }
          .b2b .my-lists .product-display .page .details .download .modal .modal-body div span a:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
    .b2b .my-lists .product-display .page .details .download .modal .btn-secondary {
      color: #222;
      font-weight: 500;
      font-family: "Poppins", sans-serif; }
      .b2b .my-lists .product-display .page .details .download .modal .btn-secondary i {
        margin-right: 5px; }
    @media (max-width: 767px) {
      .b2b .my-lists .product-display .page .details .download .modal .modal-title {
        display: flex;
        flex-wrap: wrap; }
        .b2b .my-lists .product-display .page .details .download .modal .modal-title .text {
          padding: 10px 0px 0px;
          max-width: 100%;
          flex: 0 0 100%; }
      .b2b .my-lists .product-display .page .details .download .modal .modal-body div {
        max-width: 100%;
        flex: 0 0 100%; } }
@media (max-width: 1199px) {
  .b2b .my-lists .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
    margin-bottom: 35px; } }
@media (min-width: 992px) {
  .b2b .my-lists .product-display .page .details .col.total .saving {
    margin-top: 5px; } }
@media (max-width: 991px) {
  .b2b .my-lists .product-display .page .details .col.total .saving {
    padding: 2px 0px 0px 15px; } }
@media (max-width: 767px) {
  .b2b .my-lists .product-display .page .details .checkbox {
    position: absolute;
    top: 75px; }
  .b2b .my-lists .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .my-lists .product-display .page .details .inventory ._labels {
    display: none !important; }
  .b2b .my-lists .product-display .page .details .col.price {
    flex-wrap: wrap;
    min-height: auto; }
    .b2b .my-lists .product-display .page .details .col.price span {
      display: flex;
      align-items: center; }
  .b2b .my-lists .product-display .page .details .col.qty {
    max-width: 360px !important; }
    .b2b .my-lists .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .my-lists .product-display .page .details .col.total {
    flex-wrap: wrap; }
    .b2b .my-lists .product-display .page .details .col.total .saving {
      padding: 0px;
      width: 100%;
      text-align: left; }
  .b2b .my-lists .product-display .page .details .add-to-cart {
    position: inherit;
    margin-top: 10px; }
  .b2b .my-lists .product-display .page .details .alert-warning {
    position: absolute;
    bottom: -40px !important; } }
.b2b .my-lists .product-display .page form {
  width: 100%;
  padding: 15px 0px; }
.b2b .my-lists .product-display .page .details {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row; }
  .b2b .my-lists .product-display .page .details .checkbox {
    align-self: center; }
  .b2b .my-lists .product-display .page .details .col.pro-details {
    max-width: calc(50% - 20px);
    display: flex;
    flex-wrap: nowrap;
    padding-right: 20px; }
    .b2b .my-lists .product-display .page .details .col.pro-details .s-desc {
      font-size: 0.875rem;
      overflow: hidden;
      position: relative;
      max-height: 45px; }
      .b2b .my-lists .product-display .page .details .col.pro-details .s-desc:after {
        content: "";
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); }
  .b2b .my-lists .product-display .page .details .col.price, .b2b .my-lists .product-display .page .details .col.total {
    text-align: right; }
  .b2b .my-lists .product-display .page .details .ordered .qty {
    text-align: left; }
  .b2b .my-lists .product-display .page .details .col.qty {
    position: static; }
    .b2b .my-lists .product-display .page .details .col.qty .uom + .supp {
      min-width: 100%;
      padding-right: 7px; }
    .b2b .my-lists .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 40px; }
  .b2b .my-lists .product-display .page .details .col.price .eco {
    margin-top: 3px; }
  .b2b .my-lists .product-display .page .details .col.price:empty {
    margin: 0px;
    padding: 0px;
    min-height: 0px; }
  .b2b .my-lists .product-display .page .details .sp-tags {
    justify-content: flex-end; }
  .b2b .my-lists .product-display .page .details .alert-warning {
    position: absolute;
    bottom: 0px;
    width: 200px;
    right: 0px; }
  .b2b .my-lists .product-display .page .details .remove {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
    .b2b .my-lists .product-display .page .details .remove button {
      height: 30px;
      border: none;
      background: #fff;
      padding: 0px;
      height: auto;
      cursor: pointer; }
    .b2b .my-lists .product-display .page .details .remove button, .b2b .my-lists .product-display .page .details .remove a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      font-size: 0.875rem;
      color: #222;
      display: flex; }
      .b2b .my-lists .product-display .page .details .remove button:hover, .b2b .my-lists .product-display .page .details .remove a:hover {
        color: #214a8c;
        text-decoration: none; }
      .b2b .my-lists .product-display .page .details .remove button span, .b2b .my-lists .product-display .page .details .remove a span {
        margin-left: 3px; }
      .b2b .my-lists .product-display .page .details .remove button i, .b2b .my-lists .product-display .page .details .remove a i {
        font-size: 1.2rem;
        color: #222; }
      .b2b .my-lists .product-display .page .details .remove button:hover i, .b2b .my-lists .product-display .page .details .remove a:hover i {
        color: #214a8c; }
    .b2b .my-lists .product-display .page .details .remove button {
      background: none; }
  .b2b .my-lists .product-display .page .details .remove, .b2b .my-lists .product-display .page .details .pro-status {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .b2b .my-lists .product-display .page .details .pro-status {
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    padding: 3px 10px;
    border-radius: 4px;
    line-height: normal; }
    .b2b .my-lists .product-display .page .details .pro-status:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      padding: 0px;
      margin-right: 7px;
      top: 2px; }
    .b2b .my-lists .product-display .page .details .pro-status.add {
      color: #00950a;
      background: #c8f0c8; }
      .b2b .my-lists .product-display .page .details .pro-status.add:before {
        content: "\e92c";
        color: #00950a; }
    .b2b .my-lists .product-display .page .details .pro-status.update {
      color: #1b90e2;
      background: #c6e3f8; }
      .b2b .my-lists .product-display .page .details .pro-status.update:before {
        content: "\e9ca";
        color: #1b90e2; }
    .b2b .my-lists .product-display .page .details .pro-status.remove {
      color: #dc3545;
      background: #fbdadc; }
      .b2b .my-lists .product-display .page .details .pro-status.remove:before {
        content: "\ea03";
        color: #dc3545; }
    .b2b .my-lists .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: 30px; }
    .b2b .my-lists .product-display .page .details .pro-status.note {
      color: #de6e00;
      background: #fbe4b5; }
      .b2b .my-lists .product-display .page .details .pro-status.note:before {
        content: "\e964";
        color: #de6e00; }
  .b2b .my-lists .product-display .page .details .quote-details {
    padding-left: 100px; }
    .b2b .my-lists .product-display .page .details .quote-details .pro-note {
      padding: 0px;
      max-width: calc(66.66% - 30px - 2px);
      position: relative;
      margin-bottom: 15px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note label {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: flex; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note span.update {
        margin-left: 10px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note input, .b2b .my-lists .product-display .page .details .quote-details .pro-note textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note input, .b2b .my-lists .product-display .page .details .quote-details .pro-note button {
        height: 30px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note textarea {
        height: 50px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note p, .b2b .my-lists .product-display .page .details .quote-details .pro-note textarea {
        font-size: 0.75rem;
        color: #222;
        border-color: #ddd;
        margin-bottom: 0px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note textarea {
        height: 30px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note p.supp {
        color: #666; }
  .b2b .my-lists .product-display .page .details:hover .text .s-desc:before {
    background-color: #f7fbff; }
@media (min-width: 992px) and (max-width: 1199px) {
  .b2b .my-lists .product-display .page .details .col.pro-details {
    flex-wrap: wrap; } }
@media (min-width: 992px) {
  .b2b .my-lists .product-display .page .details:not(.dnr) {
    justify-content: space-between; }
  .b2b .my-lists .product-display .page .quote-details {
    flex-direction: row; }
  .b2b .my-lists .product-display .page .details .col.price {
    justify-content: flex-end;
    align-content: flex-start; }
    .b2b .my-lists .product-display .page .details .col.price .eco {
      min-width: 100%; }
  .b2b .my-lists .product-display .page .details .sp-tags .tag {
    margin-top: 7px; } }
@media (max-width: 991px) {
  .b2b .my-lists .product-display .page .details .checkbox {
    position: absolute; }
  .b2b .my-lists .product-display .page .details .col ._labels {
    display: block !important; }
  .b2b .my-lists .product-display .page .details .col.pro-details, .b2b .my-lists .product-display .page .details .inventory, .b2b .my-lists .product-display .page .details .col.price, .b2b .my-lists .product-display .page .details .ordered, .b2b .my-lists .product-display .page .details .quote-details {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    text-align: left; }
  .b2b .my-lists .product-display .page .details .col.pro-details {
    padding: 0px 0px 10px; }
  .b2b .my-lists .product-display .page .details .inventory, .b2b .my-lists .product-display .page .details .col.price, .b2b .my-lists .product-display .page .details .col.qty, .b2b .my-lists .product-display .page .details .ordered, .b2b .my-lists .product-display .page .details .quote-details {
    padding-left: 160px;
    flex-wrap: wrap;
    min-height: 30px; }
  .b2b .my-lists .product-display .page .details .inventory {
    margin-top: 5px; }
    .b2b .my-lists .product-display .page .details .inventory .delivery .leadtime.supp, .b2b .my-lists .product-display .page .details .inventory .pickup .preferred, .b2b .my-lists .product-display .page .details .inventory .inventory .pickup a {
      display: inline-block; }
    .b2b .my-lists .product-display .page .details .inventory .pickup:before {
      height: 1.5rem; }
    .b2b .my-lists .product-display .page .details .inventory .pickup:after {
      bottom: -20px; }
  .b2b .my-lists .product-display .page .details .ordered span.supp {
    margin-left: 5px; }
    .b2b .my-lists .product-display .page .details .ordered span.supp:before {
      content: "(";
      padding-right: 1px; }
    .b2b .my-lists .product-display .page .details .ordered span.supp:after {
      content: ")";
      padding-left: 1px; }
  .b2b .my-lists .product-display .page .details .col.price {
    min-height: 45px; }
    .b2b .my-lists .product-display .page .details .col.price .eco {
      margin-top: 0px; }
  .b2b .my-lists .product-display .page .details .col.qty {
    margin-left: 0px;
    max-width: 100%;
    flex: 0 0 100%;
    position: relative; }
    .b2b .my-lists .product-display .page .details .col.qty .uom + .supp {
      min-width: auto;
      padding-right: 7px; }
    .b2b .my-lists .product-display .page .details .col.qty .cable-cuts {
      margin-top: calc(3px - 25px);
      margin-left: 25px; }
    .b2b .my-lists .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 0px; }
  .b2b .my-lists .product-display .page .details .alert-warning {
    position: inherit;
    width: 100%; }
  .b2b .my-lists .product-display .page .details .pro-status {
    right: auto;
    bottom: -5px;
    left: 100px;
    font-size: 0.75rem; }
    .b2b .my-lists .product-display .page .details .pro-status.update:nth-last-child(4) {
      bottom: -3px; }
  .b2b .my-lists .product-display .page .details .update + .note {
    left: auto;
    right: 0px; }
  .b2b .my-lists .product-display .page .details .pro-status + .quote-details {
    margin-bottom: 10px; }
  .b2b .my-lists .product-display .page .details .quote-details {
    flex-wrap: wrap; }
    .b2b .my-lists .product-display .page .details .quote-details .pro-note {
      display: flex;
      max-width: 100%;
      flex: 0 0 100%; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note label, .b2b .my-lists .product-display .page .details .quote-details .pro-note .text {
        margin-bottom: 0px;
        padding-left: 0px;
        width: auto; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note textarea {
        margin-bottom: 25px; }
      .b2b .my-lists .product-display .page .details .quote-details .pro-note p.supp {
        bottom: 10px; } }
@media (max-width: 767px) {
  .b2b .my-lists .product-display .page .details .col.pro-details {
    flex-wrap: wrap; }
    .b2b .my-lists .product-display .page .details .col.pro-details .s-desc {
      max-height: 40px; }
  .b2b .my-lists .product-display .page .details .inventory, .b2b .my-lists .product-display .page .details .col.price, .b2b .my-lists .product-display .page .details .col.qty, .b2b .my-lists .product-display .page .details .ordered, .b2b .my-lists .product-display .page .details .quote-details {
    padding-left: 0px; }
  .b2b .my-lists .product-display .page .details .col.price {
    flex-wrap: wrap; }
  .b2b .my-lists .product-display .page .details .sp-tags {
    width: 100%; }
  .b2b .my-lists .product-display .page .details .col.qty .cable-cuts {
    margin-top: calc(3px - 50px - 5px);
    margin-left: auto; }
  .b2b .my-lists .product-display .page .details .sp-tags {
    justify-content: flex-start;
    margin-left: 0px; }
  .b2b .my-lists .product-display .page .details .alert-warning {
    position: absolute; }
  .b2b .my-lists .product-display .page .details .pro-status {
    left: 0px; }
    .b2b .my-lists .product-display .page .details .pro-status:before {
      display: none; } }

.b2c .my-lists.promotions .product-display .actions {
  border-bottom: 1px solid #ccc; }
.b2c .my-lists.promotions .product-display .page {
  display: flex;
  flex-wrap: wrap; }
  .b2c .my-lists.promotions .product-display .page form {
    border-bottom: 1px solid #ddd; }
    .b2c .my-lists.promotions .product-display .page form:hover {
      background-color: #f7fbff; }
  .b2c .my-lists.promotions .product-display .page .details {
    padding: 0px; }
    .b2c .my-lists.promotions .product-display .page .details > .col {
      text-align: left;
      padding: 0px; }
      .b2c .my-lists.promotions .product-display .page .details > .col .eco {
        display: block;
        text-transform: inherit; }
    .b2c .my-lists.promotions .product-display .page .details .col.checkbox {
      z-index: 1;
      max-width: 20px; }
    .b2c .my-lists.promotions .product-display .page .details .supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #666; }
    .b2c .my-lists.promotions .product-display .page .details .col.pro-details {
      flex-wrap: wrap; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .text {
        width: 100%; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .product-img {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 160px;
        max-width: 160px;
        width: 100%;
        flex: 0 0 auto;
        margin: 0px auto; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .product-img img {
          width: auto; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .product-img img {
          max-height: calc(150px - 5px);
          max-width: calc(150px - 5px); }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .sub-title {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        font-size: 0.8rem;
        font-weight: 300;
        text-transform: uppercase; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .sub-title a {
          color: #666; }
          .b2c .my-lists.promotions .product-display .page .details .col.pro-details .sub-title a:hover {
            color: #222; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title {
        color: #222;
        font-size: 0.8rem;
        font-family: "Poppins", sans-serif;
        line-height: 1.1rem;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
        max-height: 35px;
        overflow: hidden;
        position: relative; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title a {
          color: #222; }
          .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title a:hover {
            color: #214a8c; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title:after {
          content: "";
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 40%;
          height: 1rem;
          background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
          bottom: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .mfg, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .upc, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .co-label {
        display: flex;
        min-height: auto; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .mfg span, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .upc span, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .co-label span {
          font-size: 0.8rem; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .mfg span:last-of-type, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .upc span:last-of-type, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .co-label span:last-of-type {
          width: calc(100% - 110px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .mfg span:first-of-type, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .upc span:first-of-type, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .co-label span:first-of-type, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .personal-code span:first-of-type {
        font-size: 0.8rem;
        text-align: left;
        font-family: "Open Sans", sans-serif;
        letter-spacing: normal;
        min-width: 110px;
        line-height: 1.2rem;
        display: inline-block; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .personal-code {
        font-size: 0.8rem; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .personal-code a {
          color: #ff9933;
          text-decoration: underline; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code {
        display: flex; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code input, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code input, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code button {
          height: 30px; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code textarea {
          height: 50px; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code input {
          width: 200px;
          padding: 5px 7px;
          font-size: 0.8rem;
          margin: 5px 0px; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code button.img {
          height: 30px;
          border: none;
          background: none;
          padding: 0px;
          cursor: pointer;
          margin: 5px 0px; }
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code input[type="image"], .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code img {
          padding: 2px;
          margin-left: 5px;
          width: 30px;
          height: 30px;
          border: none;
          background: none !important; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code.collapse:not(.show) {
        display: none; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .change-code.show {
        display: flex; }
      @media (max-width: 991px) {
        .b2c .my-lists.promotions .product-display .page .details .col.pro-details .mfg, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .upc, .b2c .my-lists.promotions .product-display .page .details .col.pro-details .co-label {
          margin: 5px 0px; } }
    .b2c .my-lists.promotions .product-display .page .details .inventory {
      min-height: auto;
      margin-bottom: 10px;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .supp {
        color: #222;
        padding-left: 0px;
        font-size: 0.8rem;
        letter-spacing: 0.25px;
        text-transform: inherit; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .in-stock, .b2c .my-lists.promotions .product-display .page .details .inventory .out-stock {
        font-size: 0.875rem;
        padding-right: 5px; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .in-stock:before, .b2c .my-lists.promotions .product-display .page .details .inventory .out-stock:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          top: 2px;
          width: 25px;
          display: inline-block;
          padding-right: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .in-stock {
        color: #10a700; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .in-stock:before {
          color: #10a700;
          font-size: 15px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .out-stock {
        color: #dc3545; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .out-stock:before {
          content: "\ea02";
          color: #dc3545;
          line-height: 20px;
          left: -1px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .delivery {
        max-width: 100%;
        flex: 0 0 100%;
        position: relative;
        margin-bottom: 5px; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .delivery .in-stock:before {
          content: "\e9e8"; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .pickup .in-stock:before {
        content: "\e98c"; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .pickup {
        position: relative;
        margin-bottom: 5px; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:before {
          content: "";
          border-left: 1px solid #10a700;
          height: 30px;
          position: absolute;
          left: 7px;
          top: 20px; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:after {
          content: "";
          width: 3px;
          height: 3px;
          border-radius: 50%;
          position: absolute;
          background: #10a700;
          left: 6px;
          bottom: -15px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .nonstock .out-stock {
        padding-right: 0px; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .nonstock .out-stock:before {
          content: "\e9d0";
          font-size: 15px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .nonstock .supp {
        color: #dc3545; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .leadtime span {
        color: #10a700; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .leadtime.supp, .b2c .my-lists.promotions .product-display .page .details .inventory .pickup .preferred {
        display: block; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .preferred {
        color: #10a700;
        padding-left: 5px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .out-stock ~ .preferred {
        color: #aaa; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .backorder .in-stock, .b2c .my-lists.promotions .product-display .page .details .inventory .nonstock .in-stock {
        /*padding:$zero;*/
        color: #222; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .backorder .in-stock:before, .b2c .my-lists.promotions .product-display .page .details .inventory .nonstock .in-stock:before {
          color: #666; }
      .b2c .my-lists.promotions .product-display .page .details .inventory ._labels {
        display: none !important; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .text {
        height: 30px;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        margin-top: 10px;
        line-height: 0.875rem; }
        .b2c .my-lists.promotions .product-display .page .details .inventory .text span {
          font-weight: 400;
          margin-right: 5px; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .text span:before {
            content: "(";
            padding-right: 1px; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .text span:after {
            content: ")";
            padding-left: 1px; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .text span a {
            color: #666;
            text-decoration: underline;
            color: #222; }
            .b2c .my-lists.promotions .product-display .page .details .inventory .text span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      @media (max-width: 767px) {
        .b2c .my-lists.promotions .product-display .page .details .inventory {
          margin-bottom: 5px; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:before {
            height: 1.5rem; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:after {
            bottom: -20px; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:last-child:before, .b2c .my-lists.promotions .product-display .page .details .inventory .pickup:last-child:after {
            display: none; }
          .b2c .my-lists.promotions .product-display .page .details .inventory .leadtime.supp, .b2c .my-lists.promotions .product-display .page .details .inventory .pickup .preferred {
            display: inline-block; } }
      .b2c .my-lists.promotions .product-display .page .details .inventory .leadtime.supp, .b2c .my-lists.promotions .product-display .page .details .inventory .pickup .preferred {
        padding-left: 25px; }
    .b2c .my-lists.promotions .product-display .page .details .pickup {
      max-width: 100%;
      flex: 0 0 100%; }
    .b2c .my-lists.promotions .product-display .page .details .branch {
      margin-left: 25px; }
      .b2c .my-lists.promotions .product-display .page .details .branch button {
        height: 20px;
        border: none;
        background: none;
        padding: 0px;
        color: #222;
        text-decoration: underline;
        font-size: 0.8rem; }
        .b2c .my-lists.promotions .product-display .page .details .branch button:focus {
          box-shadow: none;
          color: #10a700; }
      .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu {
        max-height: 240px;
        overflow-y: auto;
        font-size: 0.8rem;
        padding: 0px;
        margin: 0px;
        border-radius: 0px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
        width: calc(200px + 20px);
        cursor: default;
        border-color: #aaa; }
        .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu li {
          padding: 3px 7px;
          color: #666;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px dotted #ccc; }
          .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu li:after {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-left: 5px;
            left: 0px;
            font-weight: 400;
            font-size: 1rem;
            content: "\ea02";
            color: #dc3545; }
          .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu li span {
            color: #dc3545; }
        .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu li.available:after {
          font-size: 0.875rem;
          content: "\e98c";
          color: #10a700; }
        .b2c .my-lists.promotions .product-display .page .details .branch .dropdown-menu li.available span {
          color: #10a700; }
    .b2c .my-lists.promotions .product-display .page .details .col.price {
      margin-bottom: 15px;
      display: flex;
      align-items: first baseline;
      flex-wrap: wrap;
      flex-direction: row; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .sale {
        color: #dc3545;
        margin: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .price {
        color: #222; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .discount {
        color: #222;
        margin: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .sale + .price, .b2c .my-lists.promotions .product-display .page .details .col.price .discount + .price {
        text-decoration: line-through;
        color: #666;
        font-size: 0.95rem;
        margin-left: 5px;
        display: initial; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .supp {
        margin-left: 5px; }
      .b2c .my-lists.promotions .product-display .page .details .col.price .eco {
        color: #10a700; }
      .b2c .my-lists.promotions .product-display .page .details .col.price > span:nth-of-type(2) {
        font-size: 1.1rem; }
      @media (max-width: 991px) {
        .b2c .my-lists.promotions .product-display .page .details .col.price .supp:not(:last-child) {
          margin-right: 10px; } }
    .b2c .my-lists.promotions .product-display .page .details .col.qty {
      display: flex;
      flex-wrap: wrap;
      text-align: right; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty input, .b2c .my-lists.promotions .product-display .page .details .col.qty textarea {
        font-family: "Open Sans", sans-serif;
        padding: 3px 5px;
        border: 1px solid #aaa;
        background: #fff !important;
        border-radius: 0px;
        font-size: 0.8rem; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty input, .b2c .my-lists.promotions .product-display .page .details .col.qty button {
        height: 30px; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty textarea {
        height: 50px; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty input {
        max-width: 50px;
        text-align: center;
        font-size: 0.95rem;
        color: #222;
        margin-right: 5px; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty input.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty input.input-validation-error {
        border-color: #ff9933; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty span.margin + input {
        margin-left: 5px; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty span.uom {
        width: 20px;
        text-align: left; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty > span.supp, .b2c .my-lists.promotions .product-display .page .details .col.qty .available {
        line-height: 30px; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        margin-top: 5px; }
        .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .cut, .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length {
          position: relative;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap;
          min-width: 75px;
          max-width: 75px; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding: 0px 5px 5px 0px;
            letter-spacing: -0.3px; }
        .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "\e904";
          border: 1px solid #ff9933;
          border-left: none;
          padding-right: 7px;
          font-size: 0.875rem;
          line-height: 1.75rem;
          color: #de6e00;
          width: 70px;
          position: absolute;
          height: 30px;
          background: #fff;
          left: 60px;
          bottom: 0px;
          -webkit-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          -moz-box-shadow: inset -3px 0px 1px 3px #fff3cd;
          box-shadow: inset -3px 0px 1px 3px #fff3cd; }
        .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length:after {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-left: 5px;
          left: 0px;
          font-weight: 400;
          content: "\ea02";
          position: absolute;
          bottom: 5px;
          color: #aaa;
          font-size: 0.875rem;
          padding: 0px;
          left: 1px; }
        .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
          position: relative;
          left: 60px; }
        .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button {
          background: none;
          border: none;
          padding: 0px;
          width: 20px; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button i {
            cursor: pointer; }
            .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button i:before {
              border-radius: 50%;
              color: #fff; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-plus:before {
            background: #10a700; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button i.fe-minus:before {
            border: 1px solid #dc3545;
            color: #dc3545; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled {
            pointer-events: none;
            cursor: default; }
            .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-plus:before {
              background: #ddd; }
            .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button.disabled i.fe-minus:before {
              color: #ddd;
              border-color: #ddd; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row button:hover i.fe-minus:before {
            background: #dc3545;
            color: #fff;
            border: none; }
        @media (max-width: 991px) {
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .cut .supp, .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length .supp {
            padding-right: 0px; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty:before {
            width: 20px; }
          .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts .cable-row .length.min-qty ~ button {
            left: 0.5rem; } }
      @media (min-width: 992px) {
        .b2c .my-lists.promotions .product-display .page .details .col.qty {
          display: flex;
          justify-content: flex-end;
          max-width: calc(15% + 20px); } }
      .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts {
        margin-top: calc(20px - 2px); }
    .b2c .my-lists.promotions .product-display .page .details .col.total .saving {
      font-weight: 400;
      color: #10a700;
      font-size: 0.75rem; }
    .b2c .my-lists.promotions .product-display .page .details .add-to-cart {
      position: absolute;
      bottom: 0px;
      width: auto;
      right: 0px;
      display: table; }
      .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart {
        background: #214a8c !important;
        color: #fff;
        font-size: 1rem;
        cursor: pointer;
        letter-spacing: 0.5px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-transform: uppercase;
        margin: 40px auto;
        text-align: center;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border: none;
        white-space: normal;
        line-height: 1rem;
        padding: 3px 5px;
        height: 30px;
        font-size: 0.75rem;
        margin: 0px;
        line-height: 10px;
        background: #214a8c !important;
        color: #fff; }
        .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
        .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart a {
          color: #fff;
          padding: 15px;
          width: 100%; }
        .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart:focus {
          outline-style: none; }
        .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart:hover, .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart:focus {
          background: #08285c !important;
          border: none; }
      .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart.disabled {
        background: #eee !important;
        cursor: default;
        pointer-events: none; }
      .b2c .my-lists.promotions .product-display .page .details .add-to-cart button.add-cart, .b2c .my-lists.promotions .product-display .page .details .add-to-cart .btn-sml {
        width: 120px; }
      .b2c .my-lists.promotions .product-display .page .details .add-to-cart .text {
        height: 25px;
        font-family: "Poppins", sans-serif;
        color: #222;
        margin-bottom: 0.875rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem; }
        .b2c .my-lists.promotions .product-display .page .details .add-to-cart .text:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          content: "\e9a7";
          color: #222; }
    .b2c .my-lists.promotions .product-display .page .details .alert-warning {
      width: 100%;
      background: none;
      z-index: 1;
      padding: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .alert-warning > span {
        background: #fff3cd;
        padding: 3px 5px 5px;
        min-height: 30px;
        max-height: 30px;
        font-size: calc(10px + 1px);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
    .b2c .my-lists.promotions .product-display .page .details .download {
      margin-top: 10px;
      font-size: 0.8rem;
      color: #222;
      font-family: "Open Sans", sans-serif; }
      .b2c .my-lists.promotions .product-display .page .details .download i {
        font-size: 1rem;
        margin-right: 7px; }
      .b2c .my-lists.promotions .product-display .page .details .download > a {
        display: inline-flex;
        align-items: center;
        color: #222;
        font-size: 0.8rem; }
        .b2c .my-lists.promotions .product-display .page .details .download > a span {
          color: #666;
          text-decoration: underline;
          color: #222;
          margin-left: 7px;
          letter-spacing: 0.25px; }
          .b2c .my-lists.promotions .product-display .page .details .download > a span:hover {
            text-decoration: none;
            color: #214a8c;
            cursor: pointer; }
        .b2c .my-lists.promotions .product-display .page .details .download > a img {
          height: 1rem; }
        .b2c .my-lists.promotions .product-display .page .details .download > a i {
          font-size: 1rem; }
      .b2c .my-lists.promotions .product-display .page .details .download #docModal .modal-dialog {
        max-width: calc(320px * 2); }
      .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title {
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0px 0px 15px; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title .text {
          padding-left: 30px;
          max-width: 66.66%;
          flex: 0 0 66.66%; }
          .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title .text .sub-title {
            line-height: normal; }
          .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title .text .title {
            margin: 0px; }
            .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title .text .title:after {
              background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%) !important; }
      .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body > div {
        display: flex;
        flex-wrap: wrap; }
      .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div {
        padding: 7px 0px 10px;
        color: #222; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .doc:before, .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .xLink:before, .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .xDocs:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1rem;
          color: #222; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .doc:before {
          content: "\e964"; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .xLink:before {
          content: "\e95b"; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div .xDocs:before {
          content: "\e963"; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div span {
          display: block;
          color: #666;
          line-height: 1.1rem;
          margin-left: 1.25rem; }
          .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div span:before {
            font-family: "Feather";
            color: #214a8c;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 1;
            font-size: 1.1rem;
            padding-right: 5px;
            right: 0px;
            font-weight: 400;
            content: "\e946";
            color: #666;
            font-size: 0.8rem; }
          .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div span a {
            font-family: "Open Sans", sans-serif;
            font-size: 0.8rem;
            color: #666;
            text-decoration: underline;
            color: #222; }
            .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div span a:hover {
              text-decoration: none;
              color: #214a8c;
              cursor: pointer; }
      .b2c .my-lists.promotions .product-display .page .details .download .modal .btn-secondary {
        color: #222;
        font-weight: 500;
        font-family: "Poppins", sans-serif; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .btn-secondary i {
          margin-right: 5px; }
      @media (max-width: 767px) {
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title {
          display: flex;
          flex-wrap: wrap; }
          .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-title .text {
            padding: 10px 0px 0px;
            max-width: 100%;
            flex: 0 0 100%; }
        .b2c .my-lists.promotions .product-display .page .details .download .modal .modal-body div {
          max-width: 100%;
          flex: 0 0 100%; } }
  @media (max-width: 1199px) {
    .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
      margin-bottom: 35px; } }
  @media (min-width: 992px) {
    .b2c .my-lists.promotions .product-display .page .details .col.total .saving {
      margin-top: 5px; } }
  @media (max-width: 991px) {
    .b2c .my-lists.promotions .product-display .page .details .col.total .saving {
      padding: 2px 0px 0px 15px; } }
  @media (max-width: 767px) {
    .b2c .my-lists.promotions .product-display .page .details .checkbox {
      position: absolute;
      top: 75px; }
    .b2c .my-lists.promotions .product-display .page .details .col ._labels {
      display: block !important; }
    .b2c .my-lists.promotions .product-display .page .details .inventory ._labels {
      display: none !important; }
    .b2c .my-lists.promotions .product-display .page .details .col.price {
      flex-wrap: wrap;
      min-height: auto; }
      .b2c .my-lists.promotions .product-display .page .details .col.price span {
        display: flex;
        align-items: center; }
    .b2c .my-lists.promotions .product-display .page .details .col.qty {
      max-width: 360px !important; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-row:last-of-type:not(:only-of-type) {
        margin-bottom: 0px; }
    .b2c .my-lists.promotions .product-display .page .details .col.total {
      flex-wrap: wrap; }
      .b2c .my-lists.promotions .product-display .page .details .col.total .saving {
        padding: 0px;
        width: 100%;
        text-align: left; }
    .b2c .my-lists.promotions .product-display .page .details .add-to-cart {
      position: inherit;
      margin-top: 10px; }
    .b2c .my-lists.promotions .product-display .page .details .alert-warning {
      position: absolute;
      bottom: -40px !important; } }
  .b2c .my-lists.promotions .product-display .page form {
    width: 25%;
    padding: 15px; }
  .b2c .my-lists.promotions .product-display .page .details {
    position: relative;
    flex-direction: column;
    justify-content: flex-start; }
    .b2c .my-lists.promotions .product-display .page .details > .col {
      max-width: 100%;
      flex: 0 0 100%; }
    .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title {
      height: 50px;
      max-height: 50px;
      line-height: 1rem; }
    .b2c .my-lists.promotions .product-display .page .details .inventory {
      max-width: 100%; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .pickup a {
        top: -5px; }
    .b2c .my-lists.promotions .product-display .page .details .inventory, .b2c .my-lists.promotions .product-display .page .details .col.price, .b2c .my-lists.promotions .product-display .page .details .col.qty {
      min-height: 45px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .price + .supp, .b2c .my-lists.promotions .product-display .page .details .col.price .price + .supp, .b2c .my-lists.promotions .product-display .page .details .col.qty .price + .supp {
        margin: 0px 5px; }
      .b2c .my-lists.promotions .product-display .page .details .inventory .eco, .b2c .my-lists.promotions .product-display .page .details .col.price .eco, .b2c .my-lists.promotions .product-display .page .details .col.qty .eco {
        display: inline-block; }
    .b2c .my-lists.promotions .product-display .page .details .inventory {
      height: calc(100px - 15px);
      margin-top: 5px; }
    .b2c .my-lists.promotions .product-display .page .details .add-to-cart {
      left: 0px; }
    .b2c .my-lists.promotions .product-display .page .details .col.qty {
      max-width: 100%;
      justify-content: flex-start;
      padding-top: 7px;
      position: relative; }
      .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-cuts {
        margin-top: calc(3px - 25px);
        margin-left: auto; }
    .b2c .my-lists.promotions .product-display .page .details .sp-tags {
      width: 100%; }
  @media screen and (max-width: 1440px) {
    .b2c .my-lists.promotions .product-display .page form {
      width: 33.333333%;
      padding: 10px; } }
  @media (min-width: 768px) {
    .b2c .my-lists.promotions .product-display .page form {
      border-right: 1px solid #ddd; }
    .b2c .my-lists.promotions .product-display .page .details .checkbox {
      top: 10px; }
    .b2c .my-lists.promotions .product-display .page .details .col.pro-details .product-img {
      height: 200px;
      max-width: 200px; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .product-img img {
        max-height: 190px;
        max-width: 190px; }
    .b2c .my-lists.promotions .product-display .page .details .col.pro-details .text .co-label {
      min-height: 1.25rem; }
    .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-pop {
      right: auto;
      left: 80px;
      top: 7px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .b2c .my-lists.promotions .product-display .page .details .col.qty .cable-pop {
      left: 1.1rem;
      top: -0.875rem; } }
  @media (max-width: 767px) {
    .b2c .my-lists.promotions .product-display .page form {
      width: 100%;
      padding: 15px 0px; }
    .b2c .my-lists.promotions .product-display .page .details .custom-input:checked ~ .custom-check:before {
      top: -1px; }
    .b2c .my-lists.promotions .product-display .page .details .col.price {
      display: flex;
      align-items: center; }
    .b2c .my-lists.promotions .product-display .page .details .col.pro-details {
      margin-top: 0px; }
      .b2c .my-lists.promotions .product-display .page .details .col.pro-details .title {
        height: auto; }
    .b2c .my-lists.promotions .product-display .page .details .inventory .pickup a {
      display: inline-block;
      top: inherit; } }

.b2b .my-lists.history .filters {
  clear: both;
  margin-top: 25px;
  text-align: center; }
  .b2b .my-lists.history .filters > span, .b2b .my-lists.history .filters div:not(.col-12) > span {
    text-transform: uppercase;
    font-weight: 500; }
  .b2b .my-lists.history .filters span {
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
    color: #222;
    font-size: 0.875rem; }
  .b2b .my-lists.history .filters .col-12 {
    border: 1px solid #ccc;
    position: relative;
    margin-top: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .b2b .my-lists.history .filters .col-12 > div {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px; }
    .b2b .my-lists.history .filters .col-12 .select {
      position: relative; }
      .b2b .my-lists.history .filters .col-12 .select label {
        display: inherit; }
        .b2b .my-lists.history .filters .col-12 .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .b2b .my-lists.history .filters .col-12 .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .b2b .my-lists.history .filters .col-12 .select label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .b2b .my-lists.history .filters .col-12 .select select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .b2b .my-lists.history .filters .col-12 .select label:after {
        right: 15px; }
    .b2b .my-lists.history .filters .col-12 .text input, .b2b .my-lists.history .filters .col-12 .text textarea {
      font-family: "Open Sans", sans-serif;
      padding: 3px 5px;
      border: 1px solid #aaa;
      background: #fff !important;
      border-radius: 0px;
      font-size: 0.8rem; }
    .b2b .my-lists.history .filters .col-12 .text input, .b2b .my-lists.history .filters .col-12 .text button {
      height: 30px; }
    .b2b .my-lists.history .filters .col-12 .text textarea {
      height: 50px; }
    .b2b .my-lists.history .filters .col-12 .text input {
      font-size: 0.8rem; }
    .b2b .my-lists.history .filters .col-12 p {
      margin: 0px;
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      font-size: 0.875rem; }
  @media (max-width: 991px) {
    .b2b .my-lists.history .filters {
      margin-top: 15px; }
      .b2b .my-lists.history .filters .col-12 {
        padding: 10px 0px;
        flex-wrap: wrap; }
        .b2b .my-lists.history .filters .col-12 .col-2.select {
          max-width: 25%;
          flex: 0 0 25%;
          margin-bottom: 10px; }
        .b2b .my-lists.history .filters .col-12 .col-2.checkbox {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 15px; } }
  @media (max-width: 767px) {
    .b2b .my-lists.history .filters .col-12 p {
      width: 100%;
      margin-bottom: 5px; }
    .b2b .my-lists.history .filters .col-12 .col-2.select {
      max-width: calc(50% - 5px);
      flex: 0 0 calc(50% - 5px); }
      .b2b .my-lists.history .filters .col-12 .col-2.select label {
        font-size: 0.8rem; }
        .b2b .my-lists.history .filters .col-12 .col-2.select label:after {
          top: calc(25px + 1px);
          height: calc(30px - 3px);
          line-height: calc(30px - 3px); } }
  .b2b .my-lists.history .filters .col-12 .col-2.select, .b2b .my-lists.history .filters label.dnArw {
    margin: 0px; }

.my-lists.quick .list-all .block:nth-child(1) .title a, .my-lists.product .list-all .block:nth-child(2) .title a, .my-lists.shared .list-all .block:nth-child(3) .title a, .my-lists.public .list-all .block:nth-child(4) .title a {
  color: #214a8c; }
  .my-lists.quick .list-all .block:nth-child(1) .title a:before, .my-lists.product .list-all .block:nth-child(2) .title a:before, .my-lists.shared .list-all .block:nth-child(3) .title a:before, .my-lists.public .list-all .block:nth-child(4) .title a:before {
    color: #214a8c; }
.my-lists.promotions .listing .actions, .my-lists.history .listing .actions {
  border: none;
  padding: 0px; }
  .my-lists.promotions .listing .actions .slide-out form, .my-lists.history .listing .actions .slide-out form {
    border: 1px solid #ccc;
    border-top: none; }
.my-lists.promotions.bo-items .filters .select input, .my-lists.promotions.bo-items .filters .select textarea, .my-lists.history.bo-items .filters .select input, .my-lists.history.bo-items .filters .select textarea {
  font-family: "Open Sans", sans-serif;
  padding: 3px 5px;
  border: 1px solid #aaa;
  background: #fff !important;
  border-radius: 0px;
  font-size: 0.8rem; }
.my-lists.promotions.bo-items .filters .select input, .my-lists.promotions.bo-items .filters .select button, .my-lists.history.bo-items .filters .select input, .my-lists.history.bo-items .filters .select button {
  height: 30px; }
.my-lists.promotions.bo-items .filters .select textarea, .my-lists.history.bo-items .filters .select textarea {
  height: 50px; }
.my-lists.promotions.bo-items .listing .products .product-display .page-th .supp, .my-lists.promotions.bo-items .listing .products .product-display .page .details .supp, .my-lists.history.bo-items .listing .products .product-display .page-th .supp, .my-lists.history.bo-items .listing .products .product-display .page .details .supp {
  margin-left: 0px;
  text-transform: inherit;
  font-size: 0.8rem;
  display: block;
  line-height: inherit; }
.my-lists.promotions.bo-items .listing .products .product-display .page-th .ordered, .my-lists.promotions.bo-items .listing .products .product-display .page-th .price, .my-lists.promotions.bo-items .listing .products .product-display .page .details .ordered, .my-lists.promotions.bo-items .listing .products .product-display .page .details .price, .my-lists.history.bo-items .listing .products .product-display .page-th .ordered, .my-lists.history.bo-items .listing .products .product-display .page-th .price, .my-lists.history.bo-items .listing .products .product-display .page .details .ordered, .my-lists.history.bo-items .listing .products .product-display .page .details .price {
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  .my-lists.promotions.bo-items .listing .products .product-display .page-th .ordered .qty, .my-lists.promotions.bo-items .listing .products .product-display .page-th .price .qty, .my-lists.promotions.bo-items .listing .products .product-display .page .details .ordered .qty, .my-lists.promotions.bo-items .listing .products .product-display .page .details .price .qty, .my-lists.history.bo-items .listing .products .product-display .page-th .ordered .qty, .my-lists.history.bo-items .listing .products .product-display .page-th .price .qty, .my-lists.history.bo-items .listing .products .product-display .page .details .ordered .qty, .my-lists.history.bo-items .listing .products .product-display .page .details .price .qty {
    font-weight: 600;
    color: #222; }
  .my-lists.promotions.bo-items .listing .products .product-display .page-th .ordered .leadtime, .my-lists.promotions.bo-items .listing .products .product-display .page-th .price .leadtime, .my-lists.promotions.bo-items .listing .products .product-display .page .details .ordered .leadtime, .my-lists.promotions.bo-items .listing .products .product-display .page .details .price .leadtime, .my-lists.history.bo-items .listing .products .product-display .page-th .ordered .leadtime, .my-lists.history.bo-items .listing .products .product-display .page-th .price .leadtime, .my-lists.history.bo-items .listing .products .product-display .page .details .ordered .leadtime, .my-lists.history.bo-items .listing .products .product-display .page .details .price .leadtime {
    color: #222; }
    .my-lists.promotions.bo-items .listing .products .product-display .page-th .ordered .leadtime span, .my-lists.promotions.bo-items .listing .products .product-display .page-th .price .leadtime span, .my-lists.promotions.bo-items .listing .products .product-display .page .details .ordered .leadtime span, .my-lists.promotions.bo-items .listing .products .product-display .page .details .price .leadtime span, .my-lists.history.bo-items .listing .products .product-display .page-th .ordered .leadtime span, .my-lists.history.bo-items .listing .products .product-display .page-th .price .leadtime span, .my-lists.history.bo-items .listing .products .product-display .page .details .ordered .leadtime span, .my-lists.history.bo-items .listing .products .product-display .page .details .price .leadtime span {
      color: #10a700; }
  .my-lists.promotions.bo-items .listing .products .product-display .page-th .ordered .branch, .my-lists.promotions.bo-items .listing .products .product-display .page-th .price .branch, .my-lists.promotions.bo-items .listing .products .product-display .page .details .ordered .branch, .my-lists.promotions.bo-items .listing .products .product-display .page .details .price .branch, .my-lists.history.bo-items .listing .products .product-display .page-th .ordered .branch, .my-lists.history.bo-items .listing .products .product-display .page-th .price .branch, .my-lists.history.bo-items .listing .products .product-display .page .details .ordered .branch, .my-lists.history.bo-items .listing .products .product-display .page .details .price .branch {
    text-align: left;
    color: #222;
    margin: 0px;
    font-size: 0.95rem;
    font-weight: 600; }
.my-lists.promotions.bo-items .listing .products .product-display .page-th .inventory .chip, .my-lists.promotions.bo-items .listing .products .product-display .page .details .inventory .chip, .my-lists.history.bo-items .listing .products .product-display .page-th .inventory .chip, .my-lists.history.bo-items .listing .products .product-display .page .details .inventory .chip {
  font-size: 0.8rem;
  background: #b0e9b0;
  padding: 2px 10px 2px;
  border-radius: 25px;
  font-weight: 600;
  color: #222;
  line-height: normal;
  text-align: center; }
  .my-lists.promotions.bo-items .listing .products .product-display .page-th .inventory .chip.boi, .my-lists.promotions.bo-items .listing .products .product-display .page .details .inventory .chip.boi, .my-lists.history.bo-items .listing .products .product-display .page-th .inventory .chip.boi, .my-lists.history.bo-items .listing .products .product-display .page .details .inventory .chip.boi {
    background: #fbe4b5; }
.my-lists.promotions.bo-items .listing .products .product-display .page-th > .qty a, .my-lists.promotions.bo-items .listing .products .product-display .page .details > .qty a, .my-lists.history.bo-items .listing .products .product-display .page-th > .qty a, .my-lists.history.bo-items .listing .products .product-display .page .details > .qty a {
  color: #666;
  text-decoration: underline;
  color: #222; }
  .my-lists.promotions.bo-items .listing .products .product-display .page-th > .qty a:hover, .my-lists.promotions.bo-items .listing .products .product-display .page .details > .qty a:hover, .my-lists.history.bo-items .listing .products .product-display .page-th > .qty a:hover, .my-lists.history.bo-items .listing .products .product-display .page .details > .qty a:hover {
    text-decoration: none;
    color: #214a8c;
    cursor: pointer; }
.my-lists .invalid-import .sub-header {
  padding: 0px;
  margin: 10px 0px;
  justify-content: space-between;
  align-items: center; }
.my-lists .invalid-import .sub-title {
  margin: 0px;
  font-weight: 600; }
.my-lists .invalid-import .icon {
  color: #ff9933; }
.my-lists .invalid-import .invalid-products {
  margin: 0px 0px 40px;
  border-top: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap; }
  .my-lists .invalid-import .invalid-products .col-3 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 0.8rem;
    padding: 10px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    line-height: 0.875rem;
    word-break: break-word; }
    .my-lists .invalid-import .invalid-products .col-3 span {
      color: #222;
      word-break: keep-all;
      margin-left: 10px; }
  .my-lists .invalid-import .invalid-products .col-3:nth-child(4n) {
    border-right: none; }
@media (max-width: 767px) {
  .my-lists .invalid-import .invalid-products .col-3 {
    max-width: 50%;
    flex: 0 0 50%; }
  .my-lists .invalid-import .col-3:nth-child(2n) {
    border-right: none; } }

@media (min-width: 992px) {
  .my-lists.promotions .search {
    margin-bottom: 20px; } }
@media (min-width: 1200px) {
  .my-lists.history:not(.bo-items) .product-display .page-th .inventory, .my-lists.history:not(.bo-items) .product-display .page .details .inventory {
    max-width: 16.666667%; }
  .my-lists.history:not(.bo-items) .product-display .page .details .col.pro-details {
    max-width: calc(50% - 170px - 10px); }
  .my-lists.history:not(.bo-items) .product-display .page .details .ordered {
    display: flex;
    flex-direction: column; }
  .my-lists.history:not(.bo-items) .product-display .page .details .inventory {
    max-width: 16.666667%; }
  .my-lists.bo-items .product-display .page-th .pro-details, .my-lists.bo-items .product-display .page .details .pro-details {
    max-width: 50%;
    flex: 0 0 50%; }
  .my-lists.bo-items .product-display .page-th > div:not(.pro-details), .my-lists.bo-items .product-display .page .details > div:not(.pro-details) {
    max-width: 12.5%;
    flex: 0 0 12.5%; }
  .my-lists.bo-items .product-display .page-th .ordered .sp-tags, .my-lists.bo-items .product-display .page .details .ordered .sp-tags {
    justify-content: flex-start; }
  .my-lists.bo-items .product-display .page-th > .qty, .my-lists.bo-items .product-display .page .details > .qty {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 15px; }

  .b2c .my-lists.promotions .product-display .page form {
    width: 20%; }
  .b2c .my-lists.promotions .product-display .page form:nth-of-type(5n) {
    border-right: none; } }
@media (max-width: 1199px) {
  .my-lists.product .product-display .actions .left > a.action-link {
    display: none !important; } }
@media (max-width: 991px) {
  .my-lists .search {
    margin: 0px; }
  .my-lists .header + .listing {
    margin-top: 0px; }
    .my-lists .header + .listing > .left {
      position: inherit;
      min-width: 50%;
      margin: 0px auto;
      top: -10px; }
  .my-lists.product .header, .my-lists.shared .header {
    margin-bottom: 50px; }
  .my-lists.promotions .search, .my-lists.history .search {
    margin: 0px auto; }
  .my-lists.promotions .listing .actions, .my-lists.history .listing .actions {
    border-bottom: 1px solid #ccc; }
  .my-lists .product-display .page-th {
    display: none !important; }
  .my-lists.history.bo-items .listing .products .product-display .page-th > div.col:not(.pro-details), .my-lists.history.bo-items .listing .products .product-display .page .details > div.col:not(.pro-details) {
    margin: 5px 0px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row; }
  .my-lists.history.bo-items .listing .products .product-display .page-th .price .branch, .my-lists.history.bo-items .listing .products .product-display .page .details .price .branch {
    font-size: 0.8rem; }
  .my-lists.history.bo-items .listing .products .product-display .page-th span.supp, .my-lists.history.bo-items .listing .products .product-display .page .details span.supp {
    margin: 0px 10px; }
    .my-lists.history.bo-items .listing .products .product-display .page-th span.supp:before, .my-lists.history.bo-items .listing .products .product-display .page-th span.supp:after, .my-lists.history.bo-items .listing .products .product-display .page .details span.supp:before, .my-lists.history.bo-items .listing .products .product-display .page .details span.supp:after {
      display: none; } }
@media (max-width: 767px) {
  .my-lists .search {
    max-width: 100%; }
  .my-lists .header + .listing .actions .shared {
    top: calc(10px - 100px); }
  .my-lists .listing > .left {
    max-width: 100%;
    left: 0px; }
  .my-lists .listing .right > .actions .left, .my-lists .listing .right > .actions .right {
    margin-bottom: 0px;
    flex-wrap: wrap; }
    .my-lists .listing .right > .actions .left .custom-dropdown .dropdown-menu.show, .my-lists .listing .right > .actions .right .custom-dropdown .dropdown-menu.show {
      right: auto;
      min-width: 200px; }
    .my-lists .listing .right > .actions .left .filters, .my-lists .listing .right > .actions .right .filters {
      width: 100%;
      padding: 0px;
      margin-left: 0px;
      border: none;
      height: 30px; }
  .my-lists.product .listing .product-display .actions .left {
    margin-bottom: 10px; }
  .my-lists.history.bo-items .filters .col-2.select:last-of-type {
    margin-top: 10px; }
  .my-lists.history.bo-items .listing .products .product-display .page-th > div.col:not(.pro-details), .my-lists.history.bo-items .listing .products .product-display .page .details > div.col:not(.pro-details) {
    padding-left: 0px; }
  .my-lists.history.bo-items .listing .products .product-display .page-th .leadtime, .my-lists.history.bo-items .listing .products .product-display .page-th .branch + .supp, .my-lists.history.bo-items .listing .products .product-display .page .details .leadtime, .my-lists.history.bo-items .listing .products .product-display .page .details .branch + .supp {
    margin-top: -5px;
    padding-left: calc(100px + 3px);
    width: 100%; }

  .b2b .my-lists.history .filters .col-12 .col-2.select label:after {
    top: 2px; } }
.dashboard {
  padding: 0px; }
  .dashboard .header {
    margin-bottom: 20px;
    text-align: center; }
    .dashboard .header.next-prev {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .dashboard .header.next-prev a.btn-sml {
        background: #fff !important;
        border: 1px solid #666;
        color: #666;
        border-radius: 25px;
        width: 160px;
        cursor: pointer;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .dashboard .header.next-prev a.btn-sml:hover, .dashboard .header.next-prev a.btn-sml:focus {
          background: #666 !important;
          color: #fff !important; }
        .dashboard .header.next-prev a.btn-sml i {
          font-size: 20px; }
        .dashboard .header.next-prev a.btn-sml span {
          padding-right: 7px; }
      .dashboard .header.next-prev a.btn-sml:last-of-type span {
        padding-left: 7px;
        padding-right: 0px; }
  .dashboard section {
    margin: 40px auto;
    padding: 0px;
    position: relative; }
    @media (max-width: 991px) {
      .dashboard section {
        margin: 15px auto; } }
  .dashboard .pg-title {
    color: #222;
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: calc(100% + 5px);
    padding: 25px 0px;
    width: 100%;
    padding: 0px;
    font-size: 1.75rem; }
    @media (max-width: 991px) {
      .dashboard .pg-title {
        font-size: 1.2rem;
        padding: 0px; } }
    .dashboard .pg-title i {
      margin-right: 10px;
      font-size: 1.5rem; }
    .dashboard .pg-title span {
      margin-left: 5px;
      font-weight: 300; }
  @media (max-width: 767px) {
    .dashboard .header.next-prev .btn-sml {
      width: 100%;
      max-width: 40px;
      height: 40px; }
      .dashboard .header.next-prev .btn-sml i {
        font-size: 25px; }
      .dashboard .header.next-prev .btn-sml span {
        display: none !important; }
    .dashboard .pg-title span {
      display: block;
      margin-left: 0px;
      margin-top: 5px; } }
  .dashboard form {
    margin: 20px auto;
    padding: 0px;
    background: none;
    /* ALL SUBMIT BUTTON STYLES */ }
    .dashboard form .field-validation-error:not(.text-danger), .dashboard form .field-validation-valid:not(.text-danger) {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      display: flex; }
      .dashboard form .field-validation-error:not(.text-danger) span, .dashboard form .field-validation-valid:not(.text-danger) span {
        border: 1px solid #ff9933;
        color: #de6e00;
        padding: 5px;
        display: flex;
        margin-top: 10px; }
    .dashboard form .field-validation-error {
      font-size: 0.875rem;
      font-family: "Open Sans", sans-serif; }
    .dashboard form .field-validation-error.global {
      margin-bottom: 20px;
      color: #dc3545;
      background: #feeeef;
      border: 1px solid #dc3545;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      min-height: 50px; }
      .dashboard form .field-validation-error.global:before {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-right: 5px;
        right: 0px;
        font-weight: 400;
        font-size: 1.5rem;
        padding-right: 10px;
        content: "\e902";
        color: #dc3545; }
      @media (min-width: 1200px) {
        .dashboard form .field-validation-error.global {
          margin: 0px 80px 30px; } }
    .dashboard form .validation-summary-error {
      width: 100%;
      margin-bottom: 30px;
      margin: 0px; }
      .dashboard form .validation-summary-error ul {
        margin: 0px;
        padding: 0px; }
      .dashboard form .validation-summary-error ul li, .dashboard form .validation-summary-error span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .dashboard form .validation-summary-error ul li:before, .dashboard form .validation-summary-error span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .dashboard form .validation-summary-error ul li span, .dashboard form .validation-summary-error span span {
          font-weight: 600;
          padding-left: 3px; }
        .dashboard form .validation-summary-error ul li span + span:before, .dashboard form .validation-summary-error span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .dashboard form .validation-summary-error {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .dashboard form .validation-summary-error ul li, .dashboard form .validation-summary-error span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .dashboard form .validation-summary-error ul li, .dashboard form .validation-summary-error span {
        color: #dc3545;
        background: #feeeef;
        border: 1px solid #dc3545; }
        .dashboard form .validation-summary-error ul li:before, .dashboard form .validation-summary-error span:before {
          content: "\e902";
          color: #dc3545; }
      .dashboard form .validation-summary-error ul li {
        margin-bottom: 20px; }
    .dashboard form .validation-summary-success {
      width: 100%;
      margin-bottom: 30px; }
      .dashboard form .validation-summary-success ul {
        margin: 0px;
        padding: 0px; }
      .dashboard form .validation-summary-success ul li, .dashboard form .validation-summary-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .dashboard form .validation-summary-success ul li:before, .dashboard form .validation-summary-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .dashboard form .validation-summary-success ul li span, .dashboard form .validation-summary-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .dashboard form .validation-summary-success ul li span + span:before, .dashboard form .validation-summary-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .dashboard form .validation-summary-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .dashboard form .validation-summary-success ul li, .dashboard form .validation-summary-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .dashboard form .validation-summary-success ul li {
        color: #10a700;
        background: #f5fefa;
        border: 1px solid #10a700; }
        .dashboard form .validation-summary-success ul li:before {
          content: "\e92c";
          color: #10a700; }
    .dashboard form .alert-success {
      width: 100%;
      margin-bottom: 30px;
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #b0e9b0;
      color: #10a700;
      background: #f5fefa;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 7px 10px;
      text-align: center;
      border-radius: 0px; }
      .dashboard form .alert-success ul {
        margin: 0px;
        padding: 0px; }
      .dashboard form .alert-success ul li, .dashboard form .alert-success span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 10px;
        list-style: none;
        font-size: 0.875rem; }
        .dashboard form .alert-success ul li:before, .dashboard form .alert-success span:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          font-size: 1.5rem;
          padding-right: 10px; }
        .dashboard form .alert-success ul li span, .dashboard form .alert-success span span {
          font-weight: 600;
          padding-left: 3px; }
        .dashboard form .alert-success ul li span + span:before, .dashboard form .alert-success span span + span:before {
          content: ",";
          padding-right: 3px; }
      @media (min-width: 1200px) {
        .dashboard form .alert-success {
          padding: 0px 60px; } }
      @media (max-width: 991px) {
        .dashboard form .alert-success ul li, .dashboard form .alert-success span {
          line-height: 1.2rem;
          display: inline-block;
          text-align: center;
          width: 100%; } }
      .dashboard form .alert-success .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .dashboard form .alert-success p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .dashboard form .alert-success {
          padding: 5px;
          margin: 10px auto; }
          .dashboard form .alert-success p {
            font-size: 0.8rem; }
          .dashboard form .alert-success .alert-heading {
            font-size: 0.875rem; } }
    .dashboard form .e-group {
      margin: 0px auto; }
    .dashboard form .e-row {
      text-align: left;
      position: relative;
      margin-bottom: 30px; }
      .dashboard form .e-row .links {
        margin-top: 3px;
        text-align: right; }
    .dashboard form .select {
      position: relative; }
      .dashboard form .select label {
        display: inherit; }
        .dashboard form .select label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .dashboard form .select select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
    .dashboard form input[type="number"], .dashboard form input[type="number"]::-webkit-inner-spin-button, .dashboard form input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
      -moz-appearance: textfield; }
    .dashboard form select, .dashboard form input, .dashboard form button {
      height: 50px; }
    .dashboard form select, .dashboard form textarea, .dashboard form input {
      color: #222;
      background: #f1f1f1 !important;
      border-color: #f1f1f1;
      background-image: no-repeat;
      font-size: 0.95rem;
      border-radius: 0px;
      filter: none;
      padding: 5px 10px; }
    .dashboard form select:focus, .dashboard form textarea:focus, .dashboard form input:focus {
      border-color: #214a8c !important;
      box-shadow: none; }
    .dashboard form p.note {
      text-align: left;
      margin-bottom: 20px; }
    .dashboard form p.center {
      text-align: center;
      line-height: 30px; }
    .dashboard form p.mandatory {
      text-align: center;
      margin-bottom: 15px; }
    .dashboard form p.mandatory, .dashboard form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) {
      font-size: 0.875rem;
      margin-bottom: 5px; }
      .dashboard form p.mandatory span, .dashboard form label:not(.alert-warning):not(.custom-checkbox):not(.custom-radiobox) span {
        color: #214a8c;
        font-size: 0.875rem;
        font-family: "Open Sans", sans-serif; }
    .dashboard form p.supp {
      color: #222;
      font-family: "Open Sans", sans-serif;
      font-size: 0.75rem;
      line-height: 0.75rem;
      color: #aaa;
      margin: 5px 0px 0px;
      text-align: right;
      position: absolute;
      right: 0px;
      text-transform: lowercase; }
    .dashboard form p.sub-title {
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      font-size: 0.95rem;
      color: #666;
      display: block;
      margin: 20px 0px;
      color: #222;
      text-align: left; }
    .dashboard form p.mandatory + .submit-btn {
      margin-top: 10px; }
    .dashboard form label.e-label:after {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-left: 5px;
      left: 0px;
      font-weight: 400;
      color: #666;
      background: #f1f1f1;
      left: inherit;
      position: absolute;
      right: calc(15px - 3px);
      top: calc(40px - 2px);
      padding-left: 5px; }
    .dashboard form label.user:after {
      content: "\e9f1"; }
    .dashboard form label.password:after {
      content: "\e987"; }
    .dashboard form label.email:after {
      content: "\e98a"; }
    .dashboard form label.search:after {
      content: "\e9c1"; }
    .dashboard form label.box1:after {
      content: "\e9a2"; }
    .dashboard form label.home:after {
      content: "\e979"; }
    .dashboard form label.phone:after {
      content: "\e9a7"; }
    .dashboard form label.mobile:after {
      content: "\e9d2"; }
    .dashboard form label.flag:after {
      content: "\e967"; }
    .dashboard form label.address:after {
      content: "\e98b"; }
    .dashboard form label.postal:after {
      content: "\e98c"; }
    .dashboard form label.dnArw:after {
      content: "\e92e";
      pointer-events: none;
      font-size: calc(1.25rem + 0.05rem + 0.05rem); }
    .dashboard form label.doc1:after {
      content: "\e938"; }
    .dashboard form label.hash:after {
      content: "\e975"; }
    .dashboard form label.dollar:after {
      content: "\e954"; }
    .dashboard form label.msg1:after {
      content: "\e990"; }
    .dashboard form label.percent:after {
      content: "\e9a6"; }
    .dashboard form .submit-btn {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem; }
      .dashboard form .submit-btn:hover, .dashboard form .submit-btn:focus {
        background: #08285c !important;
        border: none; }
      .dashboard form .submit-btn a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .dashboard form .submit-btn:focus {
        outline-style: none; }
    .dashboard form .btn-sml {
      background: #214a8c !important;
      color: #fff;
      font-size: 1rem;
      cursor: pointer;
      letter-spacing: 0.5px;
      font-family: "Poppins", sans-serif;
      width: 200px;
      text-transform: uppercase;
      margin: 40px auto;
      text-align: center;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border: none;
      white-space: normal;
      line-height: 1rem;
      padding: 3px 5px;
      height: 30px;
      font-size: 0.75rem;
      margin: 0px;
      line-height: 10px; }
      .dashboard form .btn-sml:hover, .dashboard form .btn-sml:focus {
        background: #08285c !important;
        border: none; }
      .dashboard form .btn-sml a {
        color: #fff;
        padding: 15px;
        width: 100%; }
      .dashboard form .btn-sml:focus {
        outline-style: none; }
    .dashboard form .btn-sml + .btn-sml {
      margin-left: 10px; }
    .dashboard form .btn-red {
      background: #214a8c !important;
      color: #fff; }
      .dashboard form .btn-red:hover, .dashboard form .btn-red:focus {
        background: #08285c !important;
        border: none; }
    .dashboard form .btn-dark {
      background: #aaa !important;
      color: #fff; }
      .dashboard form .btn-dark:hover, .dashboard form .btn-dark:focus {
        background: #666 !important;
        color: #fff; }
    .dashboard form .btn-dark-bdr {
      background: #fff !important;
      border: 1px solid #666;
      color: #666; }
      .dashboard form .btn-dark-bdr:hover, .dashboard form .btn-dark-bdr:focus {
        background: #666 !important;
        color: #fff !important; }
    .dashboard form .btn-darker-bdr {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .dashboard form .btn-darker-bdr:hover, .dashboard form .btn-darker-bdr:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .dashboard form .btn-brand-bdr {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .dashboard form .btn-brand-bdr:hover, .dashboard form .btn-brand-bdr:focus {
        background: #08285c !important;
        color: #fff !important; }
    .dashboard form input.disabled, .dashboard form a.disabled, .dashboard form input.htmx-request {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .dashboard form input.input-validation-error, .dashboard form input.cable-error {
      border-color: #ff9933;
      -webkit-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      -moz-box-shadow: inset 0px 0px 1px 3px #fff3cd;
      box-shadow: inset 0px 0px 1px 3px #fff3cd; }
    .dashboard form .btn-sml.add-more {
      margin-left: 10px; }
      .dashboard form .btn-sml.add-more i {
        font-size: 1rem;
        margin-left: 5px; }
      .dashboard form .btn-sml.add-more:hover i {
        color: #214a8c; }
    .dashboard form .btn-sml.add-cart, .dashboard form .btn-sml.add-more, .dashboard form .btn-sml.add-cart > a {
      width: 120px;
      min-width: auto;
      max-width: auto; }
    .dashboard form .add-more {
      background: #fff !important;
      border: 1px solid #222;
      color: #222; }
      .dashboard form .add-more:hover, .dashboard form .add-more:focus {
        background: #fff !important;
        color: #214a8c !important;
        border: 1px solid #214a8c; }
    .dashboard form .add-cart {
      background: #214a8c !important;
      color: #fff; }
      .dashboard form .add-cart:hover, .dashboard form .add-cart:focus {
        background: #08285c !important;
        border: none; }
    .dashboard form .add-cart.disabled {
      background: #eee !important;
      cursor: default;
      pointer-events: none; }
    .dashboard form .add-more.disabled, .dashboard form .btn-brand-bdr.disabled {
      color: #ccc !important;
      cursor: default;
      pointer-events: none;
      border-color: #ccc; }
    .dashboard form .links {
      text-align: center; }
      .dashboard form .links a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #666;
        color: #666;
        text-decoration: underline; }
        .dashboard form .links a:hover {
          color: #214a8c;
          text-decoration: none; }
        .dashboard form .links a:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .dashboard form .e-row.checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
    .dashboard form .e-row input ~ .checkbox {
      margin-top: 10px; }
    .dashboard form .e-row.deactive select, .dashboard form .e-row.deactive textarea, .dashboard form .e-row.deactive input {
      background: #ddd !important;
      border-color: #ccc;
      color: #aaa; }
    .dashboard form .e-row.deactive label.e-label:after {
      background: #ddd;
      color: #aaa; }
    .dashboard form .e-group.row .e-row {
      width: calc(50% - 20px); }
    .dashboard form .e-group.row .e-row:nth-child(odd) {
      margin-right: 20px; }
    .dashboard form .e-group.row .e-row:nth-child(even) {
      margin-left: 20px; }
    .dashboard form .duo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .dashboard form .duo input, .dashboard form .duo a {
        margin: 0px; }
      .dashboard form .duo input + a, .dashboard form .duo input + input {
        margin-left: 20px; }
    .dashboard form .uom-dpdn {
      position: relative; }
      .dashboard form .uom-dpdn label {
        display: inherit; }
        .dashboard form .uom-dpdn label:after {
          top: 7px;
          background: #fff;
          right: 0px; }
      .dashboard form .uom-dpdn select {
        border: 1px solid #aaa;
        background: #fff !important;
        padding: 0px 10px; }
      .dashboard form .uom-dpdn label:after {
        top: 1px;
        font-size: 1rem;
        right: 5px;
        height: calc(30px - 2px);
        line-height: calc(30px - 2px);
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px; }
      .dashboard form .uom-dpdn select {
        font-family: "Open Sans", sans-serif;
        font-size: 0.8rem;
        padding: 0px 5px;
        height: 30px;
        width: 100%; }
      .dashboard form .uom-dpdn select {
        border-left: none;
        width: 75px; }
    @media (max-width: 991px) {
      .dashboard form {
        margin: 10px auto; }
        .dashboard form label.e-label:after {
          right: calc(15px - 5px);
          top: calc(40px - 2px); }
        .dashboard form .e-row {
          margin-bottom: 20px; }
        .dashboard form p.supp + .field-validation-error {
          margin-top: 20px;
          display: block; }
        .dashboard form .uom-dpdn label.e-label:after {
          right: 5px;
          top: 1px; } }
  .dashboard form.search {
    margin: 0px auto;
    padding: 0px;
    max-width: 50%;
    max-width: 360px;
    position: relative; }
    .dashboard form.search input, .dashboard form.search button {
      border-radius: 0px;
      float: left; }
    .dashboard form.search input:focus, .dashboard form.search button:focus {
      box-shadow: none;
      border-color: #666 !important; }
    .dashboard form.search input {
      color: #222;
      background: #fff !important;
      border-color: #ccc;
      font-size: 0.95rem;
      width: 300px; }
    .dashboard form.search button {
      width: 50px;
      border-left: none;
      border-color: #ccc;
      padding: 5px; }
      .dashboard form.search button i {
        color: #666;
        font-size: 1.5rem;
        top: 2px;
        position: relative; }
      .dashboard form.search button:hover {
        border-color: #666; }
    @media (max-width: 991px) {
      .dashboard form.search button {
        width: 40px; }
      .dashboard form.search input, .dashboard form.search button {
        height: 40px; }
      .dashboard form.search input {
        width: 100%; } }
    @media (max-width: 767px) {
      .dashboard form.search input {
        width: calc(100% - 40px); } }
    .dashboard form.search input {
      border: 1px solid #aaa;
      width: 100%;
      padding-left: 45px; }
    .dashboard form.search i {
      font-size: 1.5rem;
      position: absolute;
      left: 15px;
      top: calc(10px + 2px);
      color: #aaa; }
    .dashboard form.search input:focus + i {
      color: #214a8c; }
    @media (max-width: 991px) {
      .dashboard form.search i {
        top: 7px; } }
  .dashboard .custom-radiobox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex; }
    .dashboard .custom-radiobox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .dashboard .custom-radiobox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .dashboard .custom-radiobox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .dashboard .custom-radiobox .custom-input:checked ~ p {
      color: #222; }
    .dashboard .custom-radiobox .facet-value {
      font-size: 0.875rem; }
    .dashboard .custom-radiobox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .dashboard .custom-radiobox .custom-input:checked ~ select {
      color: #222; }
    .dashboard .custom-radiobox:hover p {
      color: #214a8c; }
    .dashboard .custom-radiobox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .dashboard .custom-radiobox .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      left: -2px;
      content: "\e937";
      color: #aaa; }
    .dashboard .custom-radiobox .custom-input:checked ~ .custom-radio:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92c";
      color: #214a8c; }
    .dashboard .custom-radiobox p {
      padding-left: 0px;
      line-height: 0.95rem; }
  .dashboard .custom-checkbox {
    cursor: pointer;
    margin: 0px;
    display: flex;
    align-items: center; }
    .dashboard .custom-checkbox .custom-input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .dashboard .custom-checkbox p {
      margin: 0px;
      padding-left: 20px;
      color: #666; }
      .dashboard .custom-checkbox p span {
        display: block;
        color: #222;
        font-family: "Open Sans", sans-serif;
        font-size: 0.75rem;
        line-height: 0.75rem;
        color: #666; }
    .dashboard .custom-checkbox .custom-input:checked ~ p {
      color: #222; }
    .dashboard .custom-checkbox .facet-value {
      font-size: 0.875rem; }
    .dashboard .custom-checkbox .custom-input:checked ~ .facet-value {
      color: #222;
      text-decoration: underline; }
    .dashboard .custom-checkbox .custom-input:checked ~ select {
      color: #222; }
    .dashboard .custom-checkbox:hover p {
      color: #214a8c; }
    .dashboard .custom-checkbox:hover span {
      border-color: #214a8c;
      /*&:before{color:$brand-color;}*/ }
    .dashboard .custom-checkbox .custom-check {
      position: absolute;
      width: 15px;
      height: 15px;
      left: auto;
      border-radius: 2px;
      -webkit-box-shadow: inset 1px 1px 2px 0px #ddd;
      -moz-box-shadow: inset 1px 1px 2px 0px #ddd;
      box-shadow: inset 1px 1px 2px 0px #ddd;
      border: 1px solid #aaa; }
    .dashboard .custom-checkbox .custom-input:checked ~ .custom-check {
      -webkit-box-shadow: inset 0px 0px 0px 0px #ddd;
      -moz-box-shadow: inset 0px 0px 0px 0px #ddd;
      box-shadow: inset 0px 0px 0px 0px #ddd;
      border: none; }
    .dashboard .custom-checkbox .custom-input:checked ~ .custom-check:before {
      font-family: "Feather";
      color: #214a8c;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 1;
      font-size: 1.1rem;
      padding-right: 5px;
      right: 0px;
      font-weight: 400;
      content: "\e92d";
      top: -6px;
      font-size: 1.1rem;
      left: -1px;
      color: #214a8c; }
    .dashboard .custom-checkbox p span {
      line-height: 1.2; }
  .dashboard a {
    color: #222; }
    .dashboard a:hover {
      color: #214a8c !important; }
  .dashboard .listing {
    clear: both;
    position: relative; }
    .dashboard .listing .page-th > .col, .dashboard .listing .page .details > .col {
      padding-left: 0px;
      padding-right: 0px; }
    .dashboard .listing .page-th .price, .dashboard .listing .page-th .qty, .dashboard .listing .page .details .price, .dashboard .listing .page .details .qty {
      text-align: right; }
    .dashboard .listing .page-th .col.price, .dashboard .listing .page-th .ordered, .dashboard .listing .page .details .col.price, .dashboard .listing .page .details .ordered {
      max-width: 13.33%; }
    .dashboard .listing .page-th .inventory, .dashboard .listing .page .details .inventory {
      max-width: 20%; }
    .dashboard .listing .page-th .col.qty, .dashboard .listing .page-th .col.total, .dashboard .listing .page .details .col.qty, .dashboard .listing .page .details .col.total {
      max-width: 16.666667%; }
    .dashboard .listing .page-th {
      background: #f7f7f7;
      border: 1px solid #ccc;
      padding: 7px 0px;
      letter-spacing: 0.25px;
      font-size: 0.875rem;
      width: 100%;
      align-items: center; }
      .dashboard .listing .page-th .col {
        word-break: break-word;
        line-height: 25px; }
      .dashboard .listing .page-th > .col:first-of-type {
        padding-left: 15px; }
      .dashboard .listing .page-th > .col:last-of-type {
        text-align: right;
        padding-right: 15px; }
    .dashboard .listing .page > form {
      margin: 0px; }
    .dashboard .listing .page .details {
      padding: 15px 0px;
      align-items: center;
      margin-top: 0px;
      position: relative; }
      .dashboard .listing .page .details .location {
        padding: 3px 5px;
        border: 1px solid #aaa;
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.25px;
        line-height: normal;
        color: #666;
        margin-right: 10px;
        margin-bottom: 10px; }
      .dashboard .listing .page .details .time, .dashboard .listing .page .details .type {
        font-weight: 600; }
      .dashboard .listing .page .details .icon {
        text-align: right;
        font-size: 1.5rem;
        padding-right: 10px; }
        .dashboard .listing .page .details .icon a {
          color: #214a8c;
          display: block; }
      .dashboard .listing .page .details .submit {
        text-align: right;
        padding-right: 0px;
        display: flex;
        justify-content: flex-end; }
        .dashboard .listing .page .details .submit input, .dashboard .listing .page .details .submit button {
          background: none !important;
          border-color: #fff;
          border: none;
          left: 0px;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          cursor: pointer;
          position: relative;
          height: 25px; }
        .dashboard .listing .page .details .submit input {
          padding: 3px 15px; }
        .dashboard .listing .page .details .submit button {
          padding: 0px;
          width: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
    .dashboard .listing .page .total {
      text-align: right;
      color: #222;
      font-weight: 600; }
    .dashboard .listing .page .details + .actions a .fe-download, .dashboard .listing .page .details + .actions a span, .dashboard .listing .page .details + .sub-total .actions a .fe-download, .dashboard .listing .page .details + .sub-total .actions a span {
      color: #214a8c; }
    .dashboard .listing .summary .page-th > .col {
      text-align: left; }
    .dashboard .listing .summary .page .details {
      padding: 15px;
      border: 1px solid #ccc;
      border-top: none;
      flex-wrap: wrap;
      background: #fff; }
      .dashboard .listing .summary .page .details > .col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3px;
        text-align: left; }
      .dashboard .listing .summary .page .details > .col .left {
        display: flex;
        align-items: center;
        line-height: 1rem; }
      .dashboard .listing .summary .page .details .eco .right {
        color: #10a700; }
      .dashboard .listing .summary .page .details .discount .right {
        color: #dc3545; }
        .dashboard .listing .summary .page .details .discount .right:before {
          font-family: "Feather";
          color: #214a8c;
          position: relative;
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          z-index: 1;
          font-size: 1.1rem;
          padding-right: 5px;
          right: 0px;
          font-weight: 400;
          content: "-";
          padding-right: 2px;
          line-height: 1rem;
          color: #dc3545; }
      .dashboard .listing .summary .page .details .total {
        border-top: 1px solid #ccc;
        margin: 10px auto 0px;
        padding-top: 10px;
        align-items: center; }
        .dashboard .listing .summary .page .details .total .left {
          font-weight: 600; }
        .dashboard .listing .summary .page .details .total .right {
          font-size: 1.25rem; }
      .dashboard .listing .summary .page .details .sub-total .right, .dashboard .listing .summary .page .details .items .right {
        color: #222; }
      .dashboard .listing .summary .page .details .sub-total .right, .dashboard .listing .summary .page .details .items .right, .dashboard .listing .summary .page .details .saving .right {
        font-weight: 700;
        font-size: 1rem; }
      .dashboard .listing .summary .page .details .saving {
        color: #10a700;
        margin-top: 10px; }
      .dashboard .listing .summary .page .details .supp {
        text-align: left;
        color: #666;
        font-size: 0.75rem; }
      .dashboard .listing .summary .page .details form {
        margin: 0px;
        width: 100%; }
      .dashboard .listing .summary .page .details .e-row {
        padding-bottom: 15px;
        margin-bottom: 0px; }
        .dashboard .listing .summary .page .details .e-row input[type="text"], .dashboard .listing .summary .page .details .e-row textarea {
          background: #fff !important;
          border-color: #ccc; }
        .dashboard .listing .summary .page .details .e-row input[type="image"] {
          position: absolute;
          right: 0px;
          bottom: 15px;
          width: 50px;
          border: 1px solid #214a8c;
          margin: 0px;
          padding: 15px;
          min-width: auto; }
        .dashboard .listing .summary .page .details .e-row p.note {
          margin: 0px; }
        .dashboard .listing .summary .page .details .e-row label.e-label {
          font-size: 0.8rem; }
      .dashboard .listing .summary .page .details .col.total {
        max-width: 100%; }
      .dashboard .listing .summary .page .details .submit-btn {
        margin: 10px auto;
        max-width: 240px;
        width: 100%; }
      .dashboard .listing .summary .page .details.save-cart .submit-btn {
        margin-bottom: 0px; }
    .dashboard .listing .summary .page .details.proceed .e-group, .dashboard .listing .summary .page .details.proceed form {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0px;
      width: 100%; }
      .dashboard .listing .summary .page .details.proceed .e-group .add-cart, .dashboard .listing .summary .page .details.proceed form .add-cart {
        width: 240px; }
      .dashboard .listing .summary .page .details.proceed .e-group .add-more, .dashboard .listing .summary .page .details.proceed form .add-more {
        width: 240px;
        height: 50px;
        margin: 10px 0px;
        font-size: 1rem; }
        .dashboard .listing .summary .page .details.proceed .e-group .add-more i, .dashboard .listing .summary .page .details.proceed form .add-more i {
          font-size: 1.25rem; }
      .dashboard .listing .summary .page .details.proceed .e-group .add-more.btn-sml:before, .dashboard .listing .summary .page .details.proceed form .add-more.btn-sml:before {
        display: none; }
    .dashboard .listing .summary .page .details.proceed .e-row {
      padding-bottom: 0px;
      width: 100%; }
      .dashboard .listing .summary .page .details.proceed .e-row a:hover {
        color: #fff; }
    .dashboard .listing .summary .page .details.proceed .supp {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .dashboard .listing .summary .page .details.proceed .supp a {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 5px; }
        .dashboard .listing .summary .page .details.proceed .supp a:hover {
          color: #214a8c;
          text-decoration: none; }
    .dashboard .listing .summary .page .details.proceed .slide-out {
      border: 1px solid #ccc;
      position: relative;
      margin-top: 10px;
      margin: 0px auto;
      border: none;
      margin-top: 1px; }
      .dashboard .listing .summary .page .details.proceed .slide-out .mode {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px 15px;
        height: 45px; }
      .dashboard .listing .summary .page .details.proceed .slide-out .mode + .mode {
        border-left: none; }
      .dashboard .listing .summary .page .details.proceed .slide-out .e-row.select {
        padding: 0px;
        margin-bottom: 0px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .e-row.select label.dnArw:after {
          background: #fff !important;
          top: 7px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .e-row.select select {
          border: none;
          height: calc(45px - 2px); }
        .dashboard .listing .summary .page .details.proceed .slide-out .e-row.select p.supp {
          bottom: -20px; }
      @media (max-width: 767px) {
        .dashboard .listing .summary .page .details.proceed .slide-out {
          flex-wrap: wrap;
          min-width: 100%; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode:not(:nth-child(1)):not(:nth-child(2)) {
            border-top: none; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode:nth-child(3) {
            border-left: 1px solid #666; } }
      .dashboard .listing .summary .page .details.proceed .slide-out div.center {
        padding: 10px 0px; }
      .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px 15px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode {
          height: auto;
          padding: 0px;
          width: 100%; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            font-family: "Open Sans", sans-serif;
            padding: 3px 5px;
            border: 1px solid #aaa;
            background: #fff !important;
            border-radius: 0px;
            font-size: 0.8rem; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 button {
            height: 30px; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 textarea {
            height: 50px; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            position: relative; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label {
              display: inherit; }
              .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
                top: 7px;
                background: #fff;
                right: 0px; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              border: 1px solid #aaa;
              background: #fff !important;
              padding: 0px 10px; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 label:after {
              top: 1px;
              font-size: 1rem;
              right: 5px;
              height: calc(30px - 2px);
              line-height: calc(30px - 2px);
              width: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0px; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              font-family: "Open Sans", sans-serif;
              font-size: 0.8rem;
              padding: 0px 5px;
              height: 30px;
              width: 100%; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 {
            max-width: 100%;
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 input, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent1 select, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 input, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .parent2 select {
              min-width: 170px; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent2 select {
            color: #222; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ .parent1 input {
            color: #222; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-input:checked ~ p {
            color: #222; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox {
            flex-wrap: wrap;
            width: 100%; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              color: #666; }
            .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox span, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection .mode .custom-radiobox p {
              line-height: 30px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection p.center {
          padding: 0px 15px;
          margin: 0px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"], .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"] {
          height: 25px;
          background: none !important;
          margin: 10px 5px 0px;
          padding: 0px;
          width: auto;
          border: none; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:hover, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"]:focus, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:hover, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel:focus, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:hover, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"]:focus {
            background: none !important;
            border: none !important; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > input[type="image"].disabled, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel.disabled, .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection a.cancel[aria-expanded="true"].disabled {
            filter: grayscale(100%);
            pointer-events: none;
            cursor: default;
            opacity: 0.25; }
        .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel img {
          height: 25px; }
        .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection > a.cancel:after {
          display: none; }
      @media (max-width: 767px) {
        .dashboard .listing .summary .page .details.proceed .slide-out {
          padding: 0px; }
          .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection {
            flex-wrap: wrap;
            padding: 15px; } }
      .dashboard .listing .summary .page .details.proceed .slide-out .mode-selection {
        flex-wrap: wrap; }
    .dashboard .listing .summary .page .details.proceed .custom-radiobox {
      height: auto; }
    .dashboard .listing .summary .page .details.proceed p.center {
      font-family: "Poppins", sans-serif;
      letter-spacing: 0.5px;
      margin-bottom: 0px; }
    .dashboard .listing .summary .page .details.proceed .e-row + .supp.text-center {
      margin: -10px auto 10px; }
    .dashboard .listing .summary .page .details.proceed.sticky-div form {
      width: auto; }
    .dashboard .listing #accordion, .dashboard .listing #braidAccordian {
      flex-wrap: wrap; }
      .dashboard .listing #accordion .title-link, .dashboard .listing #braidAccordian .title-link {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 7px 0px;
        letter-spacing: 0.25px;
        font-size: 0.875rem;
        width: 100%;
        align-items: center;
        padding: 10px 15px;
        text-align: left;
        cursor: pointer;
        line-height: normal;
        text-transform: capitalize; }
        .dashboard .listing #accordion .title-link .col, .dashboard .listing #braidAccordian .title-link .col {
          word-break: break-word;
          line-height: 25px; }
      .dashboard .listing #accordion .title-link.collapsed, .dashboard .listing #braidAccordian .title-link.collapsed {
        color: #666; }
      .dashboard .listing #accordion .title-link:after, .dashboard .listing #braidAccordian .title-link:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e996";
        color: #666;
        line-height: calc(20px + 2px);
        float: right; }
      .dashboard .listing #accordion .title-link.collapsed:after, .dashboard .listing #braidAccordian .title-link.collapsed:after {
        font-family: "Feather";
        color: #214a8c;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 1;
        font-size: 1.1rem;
        padding-left: 5px;
        left: 0px;
        font-weight: 400;
        content: "\e9b1";
        color: #666; }
      .dashboard .listing #accordion .title-link + .collapse + .title-link, .dashboard .listing #braidAccordian .title-link + .collapse + .title-link {
        border-top: none; }
      .dashboard .listing #accordion .collapse:not(.show), .dashboard .listing #braidAccordian .collapse:not(.show) {
        display: none; }
      .dashboard .listing #accordion .details, .dashboard .listing #braidAccordian .details {
        width: 100%;
        border: 1px solid #ccc;
        border-top: none; }
    .dashboard .listing .td-1 {
      max-width: 8.33%; }
    .dashboard .listing .td-2 {
      max-width: 16.666667%; }
    .dashboard .listing .td-3 {
      max-width: 25%; }
    .dashboard .listing .td-4 {
      max-width: 33.333333%; }
    .dashboard .listing .td-5 {
      max-width: 41.666667%; }
    .dashboard .listing .td-6 {
      max-width: 50%; }
    .dashboard .listing .td-7 {
      max-width: 58.33%; }
    .dashboard .listing .td-8 {
      max-width: 66.66%; }
    .dashboard .listing .td-9 {
      max-width: 75%; }
    .dashboard .listing .td-10 {
      max-width: 83.33333333%; }
    .dashboard .listing .td-11 {
      max-width: 91.66666667%; }
    .dashboard .listing .td-12 {
      max-width: 100%;
      flex: 0 0 100%; }
    .dashboard .listing .center {
      text-align: center; }
    .dashboard .listing .right {
      justify-content: flex-end;
      text-align: right;
      padding: 0px; }
    .dashboard .listing .left {
      align-items: self-start;
      text-align: left;
      padding: 0px; }
    .dashboard .listing .col-9.left {
      padding-right: 20px; }
    .dashboard .listing .actions {
      font-size: 0.875rem;
      flex-wrap: wrap;
      background: #fff;
      /* EXPLORER ONLY */ }
      .dashboard .listing .actions .results {
        color: #222; }
        .dashboard .listing .actions .results span {
          margin-right: 5px;
          font-weight: 600; }
      .dashboard .listing .actions .search {
        margin: 0px auto;
        padding: 0px;
        max-width: 50%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        justify-content: center; }
        .dashboard .listing .actions .search input, .dashboard .listing .actions .search button {
          border-radius: 0px;
          float: left; }
        .dashboard .listing .actions .search input:focus, .dashboard .listing .actions .search button:focus {
          box-shadow: none;
          border-color: #666 !important; }
        .dashboard .listing .actions .search input {
          color: #222;
          background: #fff !important;
          border-color: #ccc;
          font-size: 0.95rem;
          width: 300px; }
        .dashboard .listing .actions .search button {
          width: 50px;
          border-left: none;
          border-color: #ccc;
          padding: 5px; }
          .dashboard .listing .actions .search button i {
            color: #666;
            font-size: 1.5rem;
            top: 2px;
            position: relative; }
          .dashboard .listing .actions .search button:hover {
            border-color: #666; }
        @media (max-width: 991px) {
          .dashboard .listing .actions .search button {
            width: 40px; }
          .dashboard .listing .actions .search input, .dashboard .listing .actions .search button {
            height: 40px; }
          .dashboard .listing .actions .search input {
            width: 100%; } }
        @media (max-width: 767px) {
          .dashboard .listing .actions .search input {
            width: calc(100% - 40px); } }
        .dashboard .listing .actions .search input, .dashboard .listing .actions .search textarea {
          font-family: "Open Sans", sans-serif;
          padding: 3px 5px;
          border: 1px solid #aaa;
          background: #fff !important;
          border-radius: 0px;
          font-size: 0.8rem; }
        .dashboard .listing .actions .search input, .dashboard .listing .actions .search button {
          height: 30px; }
        .dashboard .listing .actions .search textarea {
          height: 50px; }
        .dashboard .listing .actions .search span {
          padding-right: 10px;
          color: #222; }
        .dashboard .listing .actions .search input {
          width: 200px;
          font-size: 0.8rem;
          height: 30px; }
        .dashboard .listing .actions .search button {
          width: 30px;
          height: 30px; }
          .dashboard .listing .actions .search button i {
            font-size: 1rem;
            top: -2px; }
        @media (max-width: 991px) {
          .dashboard .listing .actions .search input {
            width: 170px; } }
        @media (max-width: 767px) {
          .dashboard .listing .actions .search {
            max-width: 100%;
            flex: 0 0 100%; } }
      .dashboard .listing .actions .search:only-child {
        padding: 10px; }
      .dashboard .listing .actions a.pdf-export, .dashboard .listing .actions a.excel-export, .dashboard .listing .actions a.import-pro {
        cursor: pointer;
        position: relative; }
        .dashboard .listing .actions a.pdf-export.active, .dashboard .listing .actions a.excel-export.active, .dashboard .listing .actions a.import-pro.active {
          color: #214a8c; }
          .dashboard .listing .actions a.pdf-export.active:before, .dashboard .listing .actions a.excel-export.active:before, .dashboard .listing .actions a.import-pro.active:before {
            content: "";
            top: -7px;
            margin: 0px auto;
            height: 10px;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #666;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: absolute;
            top: calc(20px + 7px);
            left: 50%; }
      .dashboard .listing .actions #exportPdf, .dashboard .listing .actions #exportExcel, .dashboard .listing .actions #importPro {
        border: 1px solid #666;
        margin: 7px 0px 10px;
        padding: 0px;
        height: auto;
        background: #fff; }
        .dashboard .listing .actions #exportPdf form, .dashboard .listing .actions #exportExcel form, .dashboard .listing .actions #importPro form {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
          max-width: 100%;
          flex: 0 0 100%;
          margin: 0px; }
          .dashboard .listing .actions #exportPdf form label, .dashboard .listing .actions #exportExcel form label, .dashboard .listing .actions #importPro form label {
            margin-bottom: 0px;
            text-align: left; }
          .dashboard .listing .actions #exportPdf form > div, .dashboard .listing .actions #exportExcel form > div, .dashboard .listing .actions #importPro form > div {
            padding: 0px 15px;
            height: 50px;
            display: flex;
            align-items: center;
            flex-direction: row; }
          .dashboard .listing .actions #exportPdf form > div:not(.generate), .dashboard .listing .actions #exportExcel form > div:not(.generate), .dashboard .listing .actions #importPro form > div:not(.generate) {
            border-bottom: 1px solid #ddd; }
          .dashboard .listing .actions #exportPdf form .left, .dashboard .listing .actions #exportExcel form .left, .dashboard .listing .actions #importPro form .left {
            max-width: 25%;
            flex: 0 0 25%;
            line-height: 1rem;
            justify-content: flex-end; }
          .dashboard .listing .actions #exportPdf form .right, .dashboard .listing .actions #exportExcel form .right, .dashboard .listing .actions #importPro form .right {
            max-width: 75%;
            flex: 0 0 75%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            border-left: 1px solid #ddd; }
          .dashboard .listing .actions #exportPdf form .attachment, .dashboard .listing .actions #exportExcel form .attachment, .dashboard .listing .actions #importPro form .attachment {
            flex-wrap: wrap;
            padding: 15px;
            display: none;
            height: auto; }
            .dashboard .listing .actions #exportPdf form .attachment > div, .dashboard .listing .actions #exportExcel form .attachment > div, .dashboard .listing .actions #importPro form .attachment > div {
              width: 100%;
              display: flex;
              padding: 0px; }
            .dashboard .listing .actions #exportPdf form .attachment .col-3, .dashboard .listing .actions #exportPdf form .attachment .col-9, .dashboard .listing .actions #exportExcel form .attachment .col-3, .dashboard .listing .actions #exportExcel form .attachment .col-9, .dashboard .listing .actions #importPro form .attachment .col-3, .dashboard .listing .actions #importPro form .attachment .col-9 {
              float: left;
              flex-wrap: wrap; }
              .dashboard .listing .actions #exportPdf form .attachment .col-3 > div, .dashboard .listing .actions #exportPdf form .attachment .col-9 > div, .dashboard .listing .actions #exportExcel form .attachment .col-3 > div, .dashboard .listing .actions #exportExcel form .attachment .col-9 > div, .dashboard .listing .actions #importPro form .attachment .col-3 > div, .dashboard .listing .actions #importPro form .attachment .col-9 > div {
                width: 100%;
                text-align: left; }
              .dashboard .listing .actions #exportPdf form .attachment .col-3 > label, .dashboard .listing .actions #exportPdf form .attachment .col-9 > label, .dashboard .listing .actions #exportExcel form .attachment .col-3 > label, .dashboard .listing .actions #exportExcel form .attachment .col-9 > label, .dashboard .listing .actions #importPro form .attachment .col-3 > label, .dashboard .listing .actions #importPro form .attachment .col-9 > label {
                margin-bottom: 10px; }
              .dashboard .listing .actions #exportPdf form .attachment .col-3 p.supp, .dashboard .listing .actions #exportPdf form .attachment .col-9 p.supp, .dashboard .listing .actions #exportExcel form .attachment .col-3 p.supp, .dashboard .listing .actions #exportExcel form .attachment .col-9 p.supp, .dashboard .listing .actions #importPro form .attachment .col-3 p.supp, .dashboard .listing .actions #importPro form .attachment .col-9 p.supp {
                position: relative;
                margin: 0px 0px 0px 10px; }
            .dashboard .listing .actions #exportPdf form .attachment .col-9, .dashboard .listing .actions #exportExcel form .attachment .col-9, .dashboard .listing .actions #importPro form .attachment .col-9 {
              padding-left: 15px; }
            .dashboard .listing .actions #exportPdf form .attachment .text, .dashboard .listing .actions #exportPdf form .attachment .image, .dashboard .listing .actions #exportExcel form .attachment .text, .dashboard .listing .actions #exportExcel form .attachment .image, .dashboard .listing .actions #importPro form .attachment .text, .dashboard .listing .actions #importPro form .attachment .image {
              margin: 0px 0px 5px; }
              .dashboard .listing .actions #exportPdf form .attachment .text p, .dashboard .listing .actions #exportPdf form .attachment .image p, .dashboard .listing .actions #exportExcel form .attachment .text p, .dashboard .listing .actions #exportExcel form .attachment .image p, .dashboard .listing .actions #importPro form .attachment .text p, .dashboard .listing .actions #importPro form .attachment .image p {
                font-family: "Open Sans", sans-serif;
                font-size: 0.75rem;
                font-weight: 400;
                margin: 0px; }
            .dashboard .listing .actions #exportPdf form .attachment .image, .dashboard .listing .actions #exportExcel form .attachment .image, .dashboard .listing .actions #importPro form .attachment .image {
              display: flex;
              align-items: center;
              flex-direction: row;
              margin: 0px;
              width: 100%; }
              .dashboard .listing .actions #exportPdf form .attachment .image p, .dashboard .listing .actions #exportExcel form .attachment .image p, .dashboard .listing .actions #importPro form .attachment .image p {
                font-style: italic;
                margin: 0px 10px; }
              .dashboard .listing .actions #exportPdf form .attachment .image img, .dashboard .listing .actions #exportExcel form .attachment .image img, .dashboard .listing .actions #importPro form .attachment .image img {
                max-width: 100px;
                width: auto;
                max-height: 40px; }
            .dashboard .listing .actions #exportPdf form .attachment .btns, .dashboard .listing .actions #exportExcel form .attachment .btns, .dashboard .listing .actions #importPro form .attachment .btns {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .dashboard .listing .actions #exportPdf form .attachment .btns i, .dashboard .listing .actions #exportExcel form .attachment .btns i, .dashboard .listing .actions #importPro form .attachment .btns i {
                font-size: calc(20px + 2px);
                margin-right: 5px; }
              .dashboard .listing .actions #exportPdf form .attachment .btns a, .dashboard .listing .actions #exportPdf form .attachment .btns input, .dashboard .listing .actions #exportPdf form .attachment .btns button, .dashboard .listing .actions #exportExcel form .attachment .btns a, .dashboard .listing .actions #exportExcel form .attachment .btns input, .dashboard .listing .actions #exportExcel form .attachment .btns button, .dashboard .listing .actions #importPro form .attachment .btns a, .dashboard .listing .actions #importPro form .attachment .btns input, .dashboard .listing .actions #importPro form .attachment .btns button {
                border: none;
                background: none;
                padding: 0px;
                height: 20px;
                cursor: pointer;
                margin-right: 10px;
                font-size: 0.875rem;
                font-family: "Open Sans", sans-serif;
                font-weight: 400;
                display: flex;
                align-items: center; }
                .dashboard .listing .actions #exportPdf form .attachment .btns a:focus, .dashboard .listing .actions #exportPdf form .attachment .btns input:focus, .dashboard .listing .actions #exportPdf form .attachment .btns button:focus, .dashboard .listing .actions #exportExcel form .attachment .btns a:focus, .dashboard .listing .actions #exportExcel form .attachment .btns input:focus, .dashboard .listing .actions #exportExcel form .attachment .btns button:focus, .dashboard .listing .actions #importPro form .attachment .btns a:focus, .dashboard .listing .actions #importPro form .attachment .btns input:focus, .dashboard .listing .actions #importPro form .attachment .btns button:focus {
                  border: none;
                  background: none; }
                .dashboard .listing .actions #exportPdf form .attachment .btns a:hover, .dashboard .listing .actions #exportPdf form .attachment .btns input:hover, .dashboard .listing .actions #exportPdf form .attachment .btns button:hover, .dashboard .listing .actions #exportExcel form .attachment .btns a:hover, .dashboard .listing .actions #exportExcel form .attachment .btns input:hover, .dashboard .listing .actions #exportExcel form .attachment .btns button:hover, .dashboard .listing .actions #importPro form .attachment .btns a:hover, .dashboard .listing .actions #importPro form .attachment .btns input:hover, .dashboard .listing .actions #importPro form .attachment .btns button:hover {
                  color: #214a8c; }
              .dashboard .listing .actions #exportPdf form .attachment .btns button + button, .dashboard .listing .actions #exportPdf form .attachment .btns a + a, .dashboard .listing .actions #exportPdf form .attachment .btns input + input, .dashboard .listing .actions #exportExcel form .attachment .btns button + button, .dashboard .listing .actions #exportExcel form .attachment .btns a + a, .dashboard .listing .actions #exportExcel form .attachment .btns input + input, .dashboard .listing .actions #importPro form .attachment .btns button + button, .dashboard .listing .actions #importPro form .attachment .btns a + a, .dashboard .listing .actions #importPro form .attachment .btns input + input {
                pointer-events: none;
                color: #ccc; }
              .dashboard .listing .actions #exportPdf form .attachment .btns .image, .dashboard .listing .actions #exportExcel form .attachment .btns .image, .dashboard .listing .actions #importPro form .attachment .btns .image {
                margin-top: 15px;
                padding-top: 15px;
                border-top: 1px solid #ddd;
                flex-wrap: wrap;
                height: auto; }
                .dashboard .listing .actions #exportPdf form .attachment .btns .image > div, .dashboard .listing .actions #exportExcel form .attachment .btns .image > div, .dashboard .listing .actions #importPro form .attachment .btns .image > div {
                  max-width: 50%;
                  flex: 0 0 50%;
                  display: flex;
                  align-items: center; }
          .dashboard .listing .actions #exportPdf form .address-list, .dashboard .listing .actions #exportExcel form .address-list, .dashboard .listing .actions #importPro form .address-list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 0px;
            padding: 15px;
            height: auto;
            border-left: none; }
            .dashboard .listing .actions #exportPdf form .address-list div, .dashboard .listing .actions #exportExcel form .address-list div, .dashboard .listing .actions #importPro form .address-list div {
              padding: 0px;
              font-family: "Open Sans", sans-serif; }
            .dashboard .listing .actions #exportPdf form .address-list > div:not(.d-flex), .dashboard .listing .actions #exportExcel form .address-list > div:not(.d-flex), .dashboard .listing .actions #importPro form .address-list > div:not(.d-flex) {
              padding: 5px 0px;
              text-align: left; }
            .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 {
              max-width: calc(50% - 10px);
              flex: 0 0 50%;
              position: relative; }
              .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4 label, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4 label, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 label {
                display: inherit; }
                .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                  top: 7px;
                  background: #fff;
                  right: 0px; }
              .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                border: 1px solid #aaa;
                background: #fff !important;
                padding: 0px 10px; }
              .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4 label:after, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4 label:after, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 label:after {
                top: 1px;
                font-size: 1rem;
                right: 5px;
                height: calc(30px - 2px);
                line-height: calc(30px - 2px);
                width: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px; }
              .dashboard .listing .actions #exportPdf form .address-list > .col-9 .col-4 select, .dashboard .listing .actions #exportExcel form .address-list > .col-9 .col-4 select, .dashboard .listing .actions #importPro form .address-list > .col-9 .col-4 select {
                font-family: "Open Sans", sans-serif;
                font-size: 0.8rem;
                padding: 0px 5px;
                height: 30px;
                width: 100%; }
            .dashboard .listing .actions #exportPdf form .address-list .btn-block, .dashboard .listing .actions #exportExcel form .address-list .btn-block, .dashboard .listing .actions #importPro form .address-list .btn-block {
              border: none; }
              .dashboard .listing .actions #exportPdf form .address-list .btn-block a, .dashboard .listing .actions #exportExcel form .address-list .btn-block a, .dashboard .listing .actions #importPro form .address-list .btn-block a {
                height: 30px; }
          .dashboard .listing .actions #exportPdf form .attachment, .dashboard .listing .actions #exportPdf form .address-list, .dashboard .listing .actions #exportExcel form .attachment, .dashboard .listing .actions #exportExcel form .address-list, .dashboard .listing .actions #importPro form .attachment, .dashboard .listing .actions #importPro form .address-list {
            max-width: 100%;
            flex: 0 0 100%;
            padding-left: calc(25% + 15px); }
          .dashboard .listing .actions #exportPdf form .btn-sml.btn-dark-bdr, .dashboard .listing .actions #exportExcel form .btn-sml.btn-dark-bdr, .dashboard .listing .actions #importPro form .btn-sml.btn-dark-bdr {
            margin: 0px; }
          .dashboard .listing .actions #exportPdf form .generate, .dashboard .listing .actions #exportExcel form .generate, .dashboard .listing .actions #importPro form .generate {
            padding: 15px;
            justify-content: center; }
            .dashboard .listing .actions #exportPdf form .generate .btn-sml, .dashboard .listing .actions #exportExcel form .generate .btn-sml, .dashboard .listing .actions #importPro form .generate .btn-sml {
              max-width: 100px; }
          .dashboard .listing .actions #exportPdf form .checkbox.misc.disabled .custom-checkbox, .dashboard .listing .actions #exportExcel form .checkbox.misc.disabled .custom-checkbox, .dashboard .listing .actions #importPro form .checkbox.misc.disabled .custom-checkbox {
            pointer-events: none;
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer */
            -khtml-user-select: none;
            /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none;
            /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none;
            /* Disable Android and iOS callouts*/
            opacity: 0.25; }
          .dashboard .listing .actions #exportPdf form .img, .dashboard .listing .actions #exportExcel form .img, .dashboard .listing .actions #importPro form .img {
            display: flex;
            align-items: center;
            flex-wrap: wrap; }
            .dashboard .listing .actions #exportPdf form .img .text p, .dashboard .listing .actions #exportExcel form .img .text p, .dashboard .listing .actions #importPro form .img .text p {
              margin-bottom: 0px;
              text-align: left; }
            .dashboard .listing .actions #exportPdf form .img p.supp, .dashboard .listing .actions #exportExcel form .img p.supp, .dashboard .listing .actions #importPro form .img p.supp {
              width: 100%;
              margin: 0px 0px 10px;
              position: inherit;
              text-align: left; }
            .dashboard .listing .actions #exportPdf form .img img, .dashboard .listing .actions #exportExcel form .img img, .dashboard .listing .actions #importPro form .img img {
              padding-right: 15px; }
      .dashboard .listing .actions #exportPdf:not(.show), .dashboard .listing .actions #exportExcel:not(.show), .dashboard .listing .actions #importPro:not(.show) {
        display: none; }
      @media (max-width: 991px) {
        .dashboard .listing .actions #exportPdf form > div, .dashboard .listing .actions #exportExcel form > div, .dashboard .listing .actions #importPro form > div {
          height: auto;
          padding: 10px !important; }
        .dashboard .listing .actions #exportPdf form .custom-checkbox, .dashboard .listing .actions #exportExcel form .custom-checkbox, .dashboard .listing .actions #importPro form .custom-checkbox {
          height: 30px; }
        .dashboard .listing .actions #exportPdf form .left, .dashboard .listing .actions #exportPdf form .right, .dashboard .listing .actions #exportExcel form .left, .dashboard .listing .actions #exportExcel form .right, .dashboard .listing .actions #importPro form .left, .dashboard .listing .actions #importPro form .right {
          max-width: 100%;
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0px 10px; }
        .dashboard .listing .actions #exportPdf form .left, .dashboard .listing .actions #exportExcel form .left, .dashboard .listing .actions #importPro form .left {
          border-bottom: none !important;
          padding-bottom: 0px !important; }
        .dashboard .listing .actions #exportPdf form .address-list, .dashboard .listing .actions #exportExcel form .address-list, .dashboard .listing .actions #importPro form .address-list {
          padding-top: 10px; } }
      @media (max-width: 767px) {
        .dashboard .listing .actions #exportPdf form label, .dashboard .listing .actions #exportExcel form label, .dashboard .listing .actions #importPro form label {
          justify-content: flex-start; }
        .dashboard .listing .actions #exportPdf form .right, .dashboard .listing .actions #exportExcel form .right, .dashboard .listing .actions #importPro form .right {
          border-left: none;
          margin: 0px; }
        .dashboard .listing .actions #exportPdf form .attachment, .dashboard .listing .actions #exportExcel form .attachment, .dashboard .listing .actions #importPro form .attachment {
          padding: 10px; }
          .dashboard .listing .actions #exportPdf form .attachment .col-3, .dashboard .listing .actions #exportPdf form .attachment .col-9, .dashboard .listing .actions #exportExcel form .attachment .col-3, .dashboard .listing .actions #exportExcel form .attachment .col-9, .dashboard .listing .actions #importPro form .attachment .col-3, .dashboard .listing .actions #importPro form .attachment .col-9 {
            max-width: 100%;
            flex: 0 0 100%; }
          .dashboard .listing .actions #exportPdf form .attachment .col-3, .dashboard .listing .actions #exportExcel form .attachment .col-3, .dashboard .listing .actions #importPro form .attachment .col-3 {
            margin-bottom: 10px;
            flex-wrap: nowrap; }
            .dashboard .listing .actions #exportPdf form .attachment .col-3 label, .dashboard .listing .actions #exportPdf form .attachment .col-3 .image, .dashboard .listing .actions #exportExcel form .attachment .col-3 label, .dashboard .listing .actions #exportExcel form .attachment .col-3 .image, .dashboard .listing .actions #importPro form .attachment .col-3 label, .dashboard .listing .actions #importPro form .attachment .col-3 .image {
              width: 50%;
              margin: 0px; }
          .dashboard .listing .actions #exportPdf form .attachment .col-9, .dashboard .listing .actions #exportExcel form .attachment .col-9, .dashboard .listing .actions #importPro form .attachment .col-9 {
            padding: 0px; }
            .dashboard .listing .actions #exportPdf form .attachment .col-9 p.supp, .dashboard .listing .actions #exportExcel form .attachment .col-9 p.supp, .dashboard .listing .actions #importPro form .attachment .col-9 p.supp {
              width: 50%; }
        .dashboard .listing .actions #exportPdf form .address-list .col-3, .dashboard .listing .actions #exportExcel form .address-list .col-3, .dashboard .listing .actions #importPro form .address-list .col-3 {
          max-width: 40%;
          flex: 0 0 40%; }
        .dashboard .listing .actions #exportPdf form .address-list .col-9, .dashboard .listing .actions #exportExcel form .address-list .col-9, .dashboard .listing .actions #importPro form .address-list .col-9 {
          max-width: 60%;
          flex: 0 0 60%; }
        .dashboard .listing .actions #exportPdf form .address-list > div:nth-of-type(1), .dashboard .listing .actions #exportPdf form .address-list > div:nth-of-type(2), .dashboard .listing .actions #exportExcel form .address-list > div:nth-of-type(1), .dashboard .listing .actions #exportExcel form .address-list > div:nth-of-type(2), .dashboard .listing .actions #importPro form .address-list > div:nth-of-type(1), .dashboard .listing .actions #importPro form .address-list > div:nth-of-type(2) {
          max-width: 100%;
          flex: 0 0 100%; }
        .dashboard .listing .actions #exportPdf form .img img, .dashboard .listing .actions #exportExcel form .img img, .dashboard .listing .actions #importPro form .img img {
          max-width: 100%;
          padding: 0px 0px 10px; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .dashboard .listing .actions #exportPdf .custom-checkbox .custom-check, .dashboard .listing .actions #exportExcel .custom-checkbox .custom-check, .dashboard .listing .actions #importPro .custom-checkbox .custom-check {
          top: 1rem; } }
      .dashboard .listing .actions .slide-out {
        border: 1px solid #ccc;
        border-bottom: 0px; }
      .dashboard .listing .actions form {
        margin: 0px; }
      .dashboard .listing .actions .shared {
        padding: 0px;
        position: absolute;
        justify-content: flex-end;
        top: -100px;
        right: 0px; }
        .dashboard .listing .actions .shared .checkbox {
          background: #f5fefa;
          padding: 3px 25px 2px;
          border-radius: 4px;
          border: 1px solid #10a700; }
        .dashboard .listing .actions .shared .custom-input:checked ~ p {
          color: #10a700; }
        .dashboard .listing .actions .shared .email {
          display: flex; }
          .dashboard .listing .actions .shared .email i {
            line-height: 20px;
            color: #10a700;
            margin-right: 5px; }
            .dashboard .listing .actions .shared .email i span {
              font-family: "Open Sans", sans-serif;
              margin: 0px 5px; }
          .dashboard .listing .actions .shared .email p {
            margin: 0px;
            color: #222; }
      .dashboard .listing .actions .left, .dashboard .listing .actions > .center, .dashboard .listing .actions .right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
        display: flex;
        align-items: center;
        max-width: max-content;
        flex: 0 0 auto;
        min-height: 30px; }
      .dashboard .listing .actions .right {
        margin-left: auto; }
      .dashboard .listing .actions .action-link, .dashboard .listing .actions .left > a, .dashboard .listing .actions .right > a {
        border: none;
        background: none;
        padding: 0px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #222;
        text-decoration: none;
        color: #222;
        display: flex;
        align-items: center; }
        .dashboard .listing .actions .action-link:hover, .dashboard .listing .actions .left > a:hover, .dashboard .listing .actions .right > a:hover {
          color: #214a8c;
          text-decoration: none; }
        .dashboard .listing .actions .action-link span, .dashboard .listing .actions .left > a span, .dashboard .listing .actions .right > a span {
          margin-left: 5px; }
        .dashboard .listing .actions .action-link span:empty, .dashboard .listing .actions .left > a span:empty, .dashboard .listing .actions .right > a span:empty {
          display: none; }
      .dashboard .listing .actions .action-link, .dashboard .listing .actions a + a, .dashboard .listing .actions .checkbox + a {
        margin-left: 20px; }
      .dashboard .listing .actions .action-link.disabled {
        color: #ccc;
        cursor: default;
        pointer-events: none; }
      .dashboard .listing .actions .custom-checkbox p {
        color: #222; }
      .dashboard .listing .actions .custom-checkbox:hover p {
        color: #214a8c; }
    .dashboard .listing .actions ~ .d-flex {
      margin-top: -1px; }
    .dashboard .listing > .actions, .dashboard .listing .sub-header ~ .actions {
      border: none;
      padding: 7px 0px; }
    .dashboard .listing .actions.sticky-div {
      border-bottom: 1px solid #ccc; }
      .dashboard .listing .actions.sticky-div .right {
        margin: 10px 0px 10px auto; }
    @media (max-width: 991px) {
      .dashboard .listing .actions {
        font-size: 0.8rem; }
        .dashboard .listing .actions .shared {
          top: calc(10px - 100px);
          margin: auto;
          left: 0px;
          right: 0px; }
        .dashboard .listing .actions .left .action-link i {
          font-size: 1rem; }
        .dashboard .listing .actions .left a.action-link, .dashboard .listing .actions .left .action-link i span {
          display: none !important; } }
    @media (max-width: 767px) {
      .dashboard .listing .actions {
        justify-content: center; }
        .dashboard .listing .actions .shared {
          top: calc(10px - 150px); }
        .dashboard .listing .actions .action-link, .dashboard .listing .actions a + a, .dashboard .listing .actions .checkbox + a {
          margin-left: 15px; }
        .dashboard .listing .actions > .right {
          justify-content: center; }
        .dashboard .listing .actions .search + .right {
          margin-left: 0px; } }
    .dashboard .listing .add-more[aria-expanded="true"] {
      background: #214a8c !important;
      color: #fff !important;
      border-color: #214a8c;
      position: relative; }
      .dashboard .listing .add-more[aria-expanded="true"]:hover, .dashboard .listing .add-more[aria-expanded="true"]:focus {
        background: #214a8c !important;
        color: #fff !important;
        border-color: #214a8c; }
        .dashboard .listing .add-more[aria-expanded="true"]:hover i, .dashboard .listing .add-more[aria-expanded="true"]:focus i {
          color: #fff; }
      .dashboard .listing .add-more[aria-expanded="true"]:before {
        content: "";
        top: -7px;
        margin: 0px auto;
        height: 10px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #666;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        bottom: calc(3px - 15px); }
    .dashboard .listing .add-more[aria-expanded="false"], .dashboard .listing .add-more.collapsed {
      background: #fff !important;
      border: 1px solid #214a8c;
      color: #214a8c !important; }
      .dashboard .listing .add-more[aria-expanded="false"]:hover, .dashboard .listing .add-more[aria-expanded="false"]:focus, .dashboard .listing .add-more.collapsed:hover, .dashboard .listing .add-more.collapsed:focus {
        background: #08285c !important;
        color: #fff !important; }
      .dashboard .listing .add-more[aria-expanded="false"]:hover, .dashboard .listing .add-more.collapsed:hover {
        border-color: #08285c; }
        .dashboard .listing .add-more[aria-expanded="false"]:hover i, .dashboard .listing .add-more.collapsed:hover i {
          color: #fff; }
    .dashboard .listing .add-more.cancel:before {
      display: none; }
    .dashboard .listing a.add-more.disabled {
      pointer-events: none;
      color: #ccc !important;
      border-color: #ccc; }
    .dashboard .listing button.links, .dashboard .listing a.links {
      border: none;
      color: #214a8c;
      height: auto;
      background: none;
      text-align: left;
      padding: 0px;
      cursor: pointer;
      color: #666;
      text-decoration: underline; }
      .dashboard .listing button.links:hover, .dashboard .listing a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
    .dashboard .listing a.plus i {
      font-size: 1rem; }
    .dashboard .listing a.plus[aria-expanded="true"] i:before {
      content: "\e998";
      color: #214a8c; }
    .dashboard .listing a.plus[aria-expanded="true"] > span {
      color: #214a8c; }
    .dashboard .listing a.plus:not(.collapsed) > span {
      color: #214a8c !important; }
    .dashboard .listing .custom-radiobox:not(:last-of-type), .dashboard .listing .custom-checkbox:not(:last-of-type) {
      margin-right: 25px; }
    .dashboard .listing .ship-when > p, .dashboard .listing .bill-method > p {
      font-family: "Poppins", sans-serif;
      font-size: 0.875rem;
      letter-spacing: 0.75px;
      color: #666;
      font-weight: normal;
      font-size: 0.875rem;
      text-transform: none; }
    .dashboard .listing .delivery-date {
      line-height: 25px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      color: #666; }
      .dashboard .listing .delivery-date span {
        margin-left: 5px;
        color: #222; }
      .dashboard .listing .delivery-date .date input {
        font-family: "Open Sans", sans-serif;
        color: #222;
        background: none !important;
        border: none !important;
        height: 20px;
        padding: 0px;
        line-height: 400;
        cursor: pointer;
        max-width: 60px;
        color: #666;
        text-decoration: underline; }
        .dashboard .listing .delivery-date .date input:hover {
          text-decoration: none;
          color: #214a8c;
          cursor: pointer; }
    .dashboard .listing .address:not(.e-label) {
      font-family: "Open Sans", sans-serif; }
    .dashboard .listing .day-time span {
      font-weight: 600; }
    .dashboard .listing .contact a {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      color: #222;
      text-decoration: none;
      text-decoration: underline; }
      .dashboard .listing .contact a:hover {
        color: #214a8c;
        text-decoration: none; }
    .dashboard .listing .sub-total.btm {
      border-bottom: 4px double #ccc;
      padding: 15px 5px;
      display: flex;
      flex-direction: row; }
      .dashboard .listing .sub-total.btm > div, .dashboard .listing .sub-total.btm .total {
        padding: 0px;
        color: #222; }
      .dashboard .listing .sub-total.btm > div:last-child {
        display: flex;
        justify-content: flex-end;
        margin-left: auto; }
      .dashboard .listing .sub-total.btm .actions {
        margin: 0px;
        display: none; }
    .dashboard .listing .sub-header {
      clear: both;
      padding: 0px; }
      .dashboard .listing .sub-header > div {
        display: flex;
        align-items: center; }
      .dashboard .listing .sub-header .delivery-date {
        display: flex;
        justify-content: flex-end; }
      .dashboard .listing .sub-header .title {
        margin-bottom: 0px; }
        .dashboard .listing .sub-header .title span {
          color: #214a8c;
          margin-left: 3px; }
    .dashboard .listing .page + .sub-header {
      margin-top: 40px; }
      .dashboard .listing .page + .sub-header .title {
        flex-basis: content; }
    .dashboard .listing div.alert-warning {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #fbe4b5;
      color: #de6e00; }
      .dashboard .listing div.alert-warning .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .dashboard .listing div.alert-warning p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .dashboard .listing div.alert-warning {
          padding: 5px;
          margin: 10px auto; }
          .dashboard .listing div.alert-warning p {
            font-size: 0.8rem; }
          .dashboard .listing div.alert-warning .alert-heading {
            font-size: 0.875rem; } }
    .dashboard .listing div.alert-danger {
      padding: 10px;
      border-radius: 0px;
      text-align: center;
      margin: 15px auto;
      border: 1px solid;
      position: relative;
      font-size: 0.75rem;
      line-height: 0.8rem;
      border-color: #f8c1c4;
      color: #dc3545;
      background: #feeeef; }
      .dashboard .listing div.alert-danger .alert-heading {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.5px;
        margin-bottom: 3px;
        text-align: center; }
      .dashboard .listing div.alert-danger p {
        font-size: 0.875rem;
        margin-bottom: 0px; }
      @media (max-width: 991px) {
        .dashboard .listing div.alert-danger {
          padding: 5px;
          margin: 10px auto; }
          .dashboard .listing div.alert-danger p {
            font-size: 0.8rem; }
          .dashboard .listing div.alert-danger .alert-heading {
            font-size: 0.875rem; } }
    @media (min-width: 992px) {
      .dashboard .listing .col-9 > .page {
        min-height: 500px; }
      .dashboard .listing .page .details .submit input:hover, .dashboard .listing .page .details .submit button:hover {
        left: 10px; } }
    @media (max-width: 991px) {
      .dashboard .listing .page .details {
        flex-wrap: wrap;
        padding: 15px 0px; }
        .dashboard .listing .page .details .submit button {
          width: 25px; }
      .dashboard .listing .col-3.right {
        max-width: 33.333333%;
        flex: 0 0 33.333333%; }
      .dashboard .listing .col-9.left {
        padding-right: 10px;
        max-width: 66.66%;
        flex: 0 0 66.66%; }
        .dashboard .listing .col-9.left .page-th {
          display: none !important; }
        .dashboard .listing .col-9.left .page {
          border-top: 1px solid #666; }
      .dashboard .listing .sub-header {
        flex-wrap: wrap; }
        .dashboard .listing .sub-header .col-6 {
          max-width: 100%;
          flex: 0 0 100%;
          justify-content: flex-start;
          margin: 0px !important; }
        .dashboard .listing .sub-header > .title {
          font-size: 1.2rem !important; }
      .dashboard .listing .page + .sub-header {
        margin-top: 20px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .dashboard .listing > .d-flex {
        flex-wrap: wrap; }
      .dashboard .listing .col-12.left .page-th, .dashboard .listing .col-9.left .page-th {
        display: none !important; }
      .dashboard .listing .page .details > div {
        max-width: 100% !important;
        flex: 0 0 auto; }
      .dashboard .listing .page .details .col {
        display: inline-flex;
        color: #222;
        line-height: 1.2rem; }
      .dashboard .listing .page .details .time, .dashboard .listing .page .details .type {
        color: #666; }
      .dashboard .listing .page .details .custom-radiobox .custom-radio {
        height: 25px; }
      .dashboard .listing .col-12.left, .dashboard .listing .col-3.right, .dashboard .listing .col-9.left {
        padding-right: 0px;
        max-width: 100%;
        flex: 0 0 100%; }
      .dashboard .listing .summary {
        margin-top: 15px; }
        .dashboard .listing .summary .details.proceed .supp {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
      .dashboard .listing .sub-total.btm > div:last-child {
        max-width: 100%;
        flex: 0 0 100%; } }
    .dashboard .listing .left form {
      margin-bottom: 0px; }
    .dashboard .listing .sub-header form {
      margin: 0px; }
    .dashboard .listing .page .details {
      min-height: 50px; }
      .dashboard .listing .page .details .icon > button {
        border: none;
        background: none;
        padding: 0px; }
        .dashboard .listing .page .details .icon > button i {
          font-size: 1.5rem; }
        .dashboard .listing .page .details .icon > button:focus {
          box-shadow: none; }
      .dashboard .listing .page .details .icon a, .dashboard .listing .page .details .icon button {
        display: inline-block;
        color: #666;
        margin-left: 15px; }
        .dashboard .listing .page .details .icon a:hover, .dashboard .listing .page .details .icon button:hover {
          color: #214a8c; }
      .dashboard .listing .page .details .icon a:first-of-type {
        margin-left: 0px; }
    .dashboard .listing .btn-block {
      display: flex;
      justify-content: flex-end; }
      .dashboard .listing .btn-block .btn-sml {
        width: 170px;
        margin-bottom: 10px;
        line-height: 0.8rem; }
  .dashboard .address-manually {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    .dashboard .address-manually > p {
      margin-bottom: 0px;
      margin-right: 15px; }
    @media (max-width: 767px) {
      .dashboard .address-manually {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px; }
        .dashboard .address-manually > p {
          margin-right: 0px;
          margin-bottom: 5px; } }
  .dashboard .address-manually + .forms .td-6, .dashboard .forms .new-address .td-6 {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .dashboard .address-manually + .forms .td-2, .dashboard .forms .new-address .td-2 {
    margin-left: 15px !important;
    margin-right: 0px !important; }
  .dashboard .address-manually + .forms .td-2 ~ .e-row, .dashboard .forms .new-address .td-2 ~ .e-row {
    margin-left: 0px !important; }
  .dashboard .address-manually + .forms .td-2 ~ .dynamic, .dashboard .address-manually + .forms .td-2 ~ .manual-add, .dashboard .forms .new-address .td-2 ~ .dynamic, .dashboard .forms .new-address .td-2 ~ .manual-add {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .dashboard .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .dashboard .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .dashboard .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .dashboard .forms .new-address .td-2 ~ .manual-add:last-of-type {
    margin-right: 0px !important; }
  .dashboard .address-manually + .forms .e-row.manual-add, .dashboard .forms .new-address .e-row.manual-add {
    display: none; }
  @media (max-width: 991px) {
    .dashboard .address-manually + .forms .td-6, .dashboard .forms .new-address .td-6 {
      margin-left: 0px !important; }
    .dashboard .address-manually + .forms .td-2, .dashboard .forms .new-address .td-2 {
      margin-left: 0px !important; }
    .dashboard .address-manually + .forms .td-2 ~ .e-row, .dashboard .forms .new-address .td-2 ~ .e-row {
      margin-right: 15px !important; }
    .dashboard .address-manually + .forms .td-2 ~ .dynamic, .dashboard .address-manually + .forms .td-2 ~ .manual-add, .dashboard .forms .new-address .td-2 ~ .dynamic, .dashboard .forms .new-address .td-2 ~ .manual-add {
      margin-right: 0px !important; }
    .dashboard .address-manually + .forms .td-2 ~ .dynamic:nth-last-of-type(2), .dashboard .address-manually + .forms .td-2 ~ .manual-add:last-of-type, .dashboard .forms .new-address .td-2 ~ .dynamic:nth-last-of-type(2), .dashboard .forms .new-address .td-2 ~ .manual-add:last-of-type {
      margin-left: 0px !important; } }
  @media (max-width: 767px) {
    .dashboard .address-manually + .forms .td-2 ~ .dynamic, .dashboard .address-manually + .forms .td-2 ~ .manual-add, .dashboard .forms .new-address .td-2 ~ .dynamic, .dashboard .forms .new-address .td-2 ~ .manual-add {
      margin-left: 0px !important; } }
  @media (max-width: 991px) {
    .dashboard .listing {
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .dashboard .listing .page .details .icon a, .dashboard .listing .page .details .icon button {
      display: flex; }
    .dashboard .listing .btn-block {
      justify-content: center; } }
  .dashboard .listing {
    padding-top: 0px; }
  @media (max-width: 991px) {
    .dashboard section {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 992px) {
    .dashboard section {
      max-width: calc(100% - 30px);
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 1440px) {
    .dashboard section {
      max-width: 1400px; } }
  @media (min-width: 1640px) {
    .dashboard section {
      max-width: 1600px; } }
  .dashboard .box-1, .dashboard .box-2, .dashboard .box-3, .dashboard .widgets {
    flex-wrap: wrap;
    padding: 0px;
    justify-content: center; }
  .dashboard .box-1, .dashboard .box-2, .dashboard .box-3 {
    margin: 0px auto; }
    .dashboard .box-1 .block, .dashboard .box-2 .block, .dashboard .box-3 .block {
      margin-bottom: 30px; }
      .dashboard .box-1 .block img, .dashboard .box-2 .block img, .dashboard .box-3 .block img {
        padding: 0px 15px;
        width: 100%;
        height: auto;
        max-height: 100px; }
    .dashboard .box-1 .block:only-child, .dashboard .box-2 .block:only-child, .dashboard .box-3 .block:only-child {
      justify-content: center;
      margin-left: auto;
      margin-right: auto; }
  .dashboard .box-1 .block {
    width: 100%; }
  .dashboard .box-2 .block {
    width: 50%; }
  .dashboard .box-3 .block {
    width: 33.333333%; }
  .dashboard .widgets {
    margin-top: 0px; }
    .dashboard .widgets .card {
      border-radius: 0px;
      border: 1px solid #ddd;
      box-shadow: 0.25rem 0.25rem 0px #eee;
      margin: 0px 15px 30px; }
      .dashboard .widgets .card .card-header {
        font-family: "Poppins", sans-serif;
        display: flex;
        justify-content: space-between;
        background: #f7f7f7; }
      .dashboard .widgets .card .card-header, .dashboard .widgets .card .card-footer {
        border: none;
        padding: 10px; }
        .dashboard .widgets .card .card-header form, .dashboard .widgets .card .card-footer form {
          margin: 0px; }
      .dashboard .widgets .card .card-title, .dashboard .widgets .card.add-widget .icon a {
        font-family: "Poppins", sans-serif;
        font-size: 0.875rem;
        letter-spacing: 0.75px;
        color: #666;
        margin: 0px;
        font-size: 1rem;
        color: #222; }
      .dashboard .widgets .card .card-tools .btn {
        height: 20px;
        background: none; }
        .dashboard .widgets .card .card-tools .btn:focus {
          border: none;
          box-shadow: none; }
        .dashboard .widgets .card .card-tools .btn:hover i {
          color: #214a8c; }
        .dashboard .widgets .card .card-tools .btn i {
          font-weight: 600;
          color: #aaa;
          position: relative;
          top: -2px; }
      .dashboard .widgets .card .card-body {
        max-height: 300px;
        padding: 0px;
        overflow-y: auto;
        font-size: 0.875rem;
        line-height: 0.9rem; }
        .dashboard .widgets .card .card-body .table th, .dashboard .widgets .card .card-body .table td {
          padding: 10px 7px; }
        .dashboard .widgets .card .card-body .table th:not(:last-child), .dashboard .widgets .card .card-body .table td:not(:last-child) {
          padding-right: 0px; }
        .dashboard .widgets .card .card-body .table thead tr {
          position: sticky;
          top: 0px;
          z-index: 5; }
        .dashboard .widgets .card .card-body .table th {
          position: relative;
          cursor: pointer;
          background-color: #fff;
          border: 0px;
          box-shadow: inset 0 -1px 0 #aaa;
          min-width: calc(30px * 3);
          font-size: 0.8rem;
          line-height: 0.875rem; }
          .dashboard .widgets .card .card-body .table th > span {
            width: calc(100% - 10px - 2px);
            padding-right: 5px;
            display: inline-block; }
          .dashboard .widgets .card .card-body .table th.sorting:before, .dashboard .widgets .card .card-body .table th.sorting:after, .dashboard .widgets .card .card-body .table th.sorting_asc:before, .dashboard .widgets .card .card-body .table th.sorting_asc:after, .dashboard .widgets .card .card-body .table th.sorting_desc:before, .dashboard .widgets .card .card-body .table th.sorting_desc:after, .dashboard .widgets .card .card-body .table th.sorting_asc_disabled:before, .dashboard .widgets .card .card-body .table th.sorting_asc_disabled:after, .dashboard .widgets .card .card-body .table th.sorting_desc_disabled:before, .dashboard .widgets .card .card-body .table th.sorting_desc_disabled:after {
            color: #aaa;
            position: absolute;
            opacity: 0.5;
            display: block;
            font-family: "Feather";
            right: 3px; }
        .dashboard .widgets .card .card-body .table th.sorting:before, .dashboard .widgets .card .card-body .table th.sorting_asc:before, .dashboard .widgets .card .card-body .table th.sorting_desc:before, .dashboard .widgets .card .card-body .table th.sorting_asc_disabled:before, .dashboard .widgets .card .card-body .table th.sorting_desc_disabled:before {
          content: "\e931";
          bottom: 15px; }
        .dashboard .widgets .card .card-body .table th.sorting:after, .dashboard .widgets .card .card-body .table th.sorting_asc:after, .dashboard .widgets .card .card-body .table th.sorting_desc:after, .dashboard .widgets .card .card-body .table th.sorting_asc_disabled:after, .dashboard .widgets .card .card-body .table th.sorting_desc_disabled:after {
          content: "\e92e";
          bottom: 7px; }
        .dashboard .widgets .card .card-body .table th.sorting_asc:before, .dashboard .widgets .card .card-body .table th.sorting_desc:after {
          opacity: 1;
          color: #222; }
        .dashboard .widgets .card .card-body .table td {
          vertical-align: middle;
          border-top-color: #eee;
          line-height: normal; }
          .dashboard .widgets .card .card-body .table td.active {
            color: #10a700; }
          .dashboard .widgets .card .card-body .table td.expired {
            color: #dc3545; }
          .dashboard .widgets .card .card-body .table td.ex-soon {
            color: #ff9933; }
          .dashboard .widgets .card .card-body .table td.revision {
            color: #1b90e2; }
        .dashboard .widgets .card .card-body .col-sm-12 {
          padding: 30px 40px; }
          .dashboard .widgets .card .card-body .col-sm-12 .title {
            color: #222;
            font-size: 2.5rem;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            line-height: calc(100% + 5px);
            padding: 25px 0px;
            font-size: 1.75rem;
            padding: 10px 0px;
            font-weight: 400;
            margin-bottom: 20px;
            padding: 15px 0px;
            border-bottom: 1px solid #eee; }
            @media (max-width: 991px) {
              .dashboard .widgets .card .card-body .col-sm-12 .title {
                font-size: 1.2rem;
                padding: 0px; } }
            @media (max-width: 991px) {
              .dashboard .widgets .card .card-body .col-sm-12 .title {
                font-size: 1.5rem; } }
          .dashboard .widgets .card .card-body .col-sm-12 .other-details p {
            display: flex;
            line-height: 20px;
            margin-bottom: 10px; }
            .dashboard .widgets .card .card-body .col-sm-12 .other-details p span {
              min-width: 150px;
              color: #222; }
      .dashboard .widgets .card .card-footer {
        border-top: 1px solid #ddd;
        background: #fff; }
        .dashboard .widgets .card .card-footer a {
          -webkit-transition: all 0.3s ease 0s;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          color: #222;
          text-decoration: none;
          font-family: "Open Sans", sans-serif;
          font-size: 0.875rem;
          letter-spacing: 0px;
          color: #666;
          float: right; }
          .dashboard .widgets .card .card-footer a:hover {
            color: #214a8c;
            text-decoration: none; }
      .dashboard .widgets .card.add-widget {
        margin: 0px auto;
        border: none;
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center; }
        .dashboard .widgets .card.add-widget .icon a {
          display: block;
          text-align: center; }
          .dashboard .widgets .card.add-widget .icon a i {
            display: block;
            font-size: 40px;
            margin-bottom: 7px; }
        .dashboard .widgets .card.add-widget .modal-dialog {
          max-width: calc(500px + 500px); }
        .dashboard .widgets .card.add-widget .modal-body {
          padding: 30px 0px; }
        .dashboard .widgets .card.add-widget .forms {
          margin: 0px; }
        .dashboard .widgets .card.add-widget .actions {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .dashboard .widgets .card.add-widget .actions > div {
            padding: 0px;
            line-height: 1rem; }
        .dashboard .widgets .card.add-widget .actions + .actions {
          margin-top: 15px; }
        .dashboard .widgets .card.add-widget .switch {
          position: relative;
          margin: 0px;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .dashboard .widgets .card.add-widget .switch input {
            width: 0px;
            height: 0px;
            opacity: 0; }
          .dashboard .widgets .card.add-widget .switch .slider {
            border-radius: 15px;
            min-width: 50px;
            height: 25px;
            background: #ccc;
            padding: 5px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: flex;
            align-items: center; }
            .dashboard .widgets .card.add-widget .switch .slider:before {
              content: "";
              width: 15px;
              height: 15px;
              background: #fff;
              border-radius: 50%;
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
            .dashboard .widgets .card.add-widget .switch .slider:after {
              font-family: "Feather";
              color: #214a8c;
              position: relative;
              -webkit-transition: all 0.3s ease 0s;
              -moz-transition: all 0.3s ease 0s;
              -o-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;
              z-index: 1;
              font-size: 1.1rem;
              padding-left: 5px;
              left: 0px;
              font-weight: 400;
              content: "\ea02";
              color: #fff; }
          .dashboard .widgets .card.add-widget .switch p {
            font-family: "Poppins", sans-serif;
            color: #aaa;
            margin: 0px;
            padding: 0px 15px; }
          .dashboard .widgets .card.add-widget .switch input:checked + .slider {
            background-color: #10a700; }
            .dashboard .widgets .card.add-widget .switch input:checked + .slider:before {
              -webkit-transform: translateX(25px);
              -ms-transform: translateX(25px);
              transform: translateX(25px); }
            .dashboard .widgets .card.add-widget .switch input:checked + .slider:after {
              -webkit-transform: translateX(-20px);
              -ms-transform: translateX(-20px);
              transform: translateX(-20px);
              content: "\e92b";
              color: #fff; }
          .dashboard .widgets .card.add-widget .switch input:checked ~ p {
            color: #222; }
      @media (max-width: 991px) {
        .dashboard .widgets .card .card-body .col-sm-12 .title {
          border-bottom: none; } }
      @media (max-width: 767px) {
        .dashboard .widgets .card {
          margin: 0px 0px 20px; }
          .dashboard .widgets .card .card-body .col-sm-12 {
            padding: 15px; }
            .dashboard .widgets .card .card-body .col-sm-12 .title {
              font-size: 1rem; }
            .dashboard .widgets .card .card-body .col-sm-12 .other-details p {
              flex-wrap: wrap; } }
    .dashboard .widgets .card {
      width: calc(33.333333% - 30px); }
    .dashboard .widgets .chart .card-body {
      position: relative;
      padding: 10px 10px 0px; }
    .dashboard .widgets canvas, .dashboard .widgets .dataTables_wrapper {
      height: 270px; }
    .dashboard .widgets a.links {
      color: #666;
      text-decoration: underline;
      color: #222; }
      .dashboard .widgets a.links:hover {
        text-decoration: none;
        color: #214a8c;
        cursor: pointer; }
  .dashboard .recommendations h2 {
    margin-bottom: 10px; }
  .dashboard .recommendations h2, .dashboard .recommendations h5, .dashboard .recommendations .nav-tabs a.nav-link {
    color: #222;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto; }
    .dashboard .recommendations h2 span, .dashboard .recommendations h5 span, .dashboard .recommendations .nav-tabs a.nav-link span {
      color: #214a8c;
      text-transform: uppercase;
      word-break: break-word; }
  .dashboard .recommendations h5:after {
    display: none; }
  .dashboard .recommendations h5, .dashboard .recommendations .nav-tabs a.nav-link {
    margin-bottom: 0px;
    padding: 15px 30px;
    display: inline-block;
    background: #f1f1f1;
    line-height: 1.25rem; }
    .dashboard .recommendations h5.active, .dashboard .recommendations .nav-tabs a.nav-link.active {
      border: none; }
  @media (max-width: 991px) {
    .dashboard .recommendations h2, .dashboard .recommendations h5, .dashboard .recommendations .nav-tabs a.nav-link {
      font-size: 1rem; }
    .dashboard .recommendations h5, .dashboard .recommendations .nav-tabs a.nav-link {
      padding: 7px 15px;
      line-height: 1rem; } }
  .dashboard .recommendations .nav-tabs {
    justify-content: center; }
    .dashboard .recommendations .nav-tabs a.nav-link {
      position: relative;
      background: none; }
      .dashboard .recommendations .nav-tabs a.nav-link:after {
        display: block;
        width: 50px;
        border-bottom: 3px solid #214a8c;
        content: "";
        padding-top: 10px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%; }
  @media (max-width: 1199px) {
    .dashboard .row {
      margin: 0px; }
    .dashboard .widgets .card {
      width: 100%; } }
  @media (max-width: 991px) {
    .dashboard {
      padding: 0px 10px; }
      .dashboard .box-1 .block, .dashboard .box-2 .block, .dashboard .box-3 .block {
        margin-bottom: 15px; }
        .dashboard .box-1 .block img, .dashboard .box-2 .block img, .dashboard .box-3 .block img {
          padding: 0px; }
      .dashboard .recommendations .nav-tabs .nav-item {
        width: 50%; } }
  @media (max-width: 767px) {
    .dashboard .box-2 .block, .dashboard .box-3 .block {
      width: 100%; } }

.recommendations form:hover .details .col.pro-details .text .title a, .page form:hover .details .col.pro-details .text .title a {
  color: #214a8c !important; }
.recommendations form:hover .details .col.pro-details .text .title:after, .page form:hover .details .col.pro-details .text .title:after {
  background: linear-gradient(to right, rgba(247, 251, 255, 0), #f7fbff 90%) !important; }

.container .details:not(.dnr) .available:before {
  display: none !important; }

.generic-template .logos.brand .block .img:before, .generic-template .logos.brand .block .video:before {
  background-color: rgba(33, 74, 140, 0.7); }
.generic-template .toid.brand .block .img + .details, .generic-template .toid.brand .block .video + .details {
  background: rgba(33, 74, 140, 0.7) !important; }

/* ATLAS PROJECT */
.ezad .top-line {
  height: 5px; }
  .ezad .top-line .col-lg-6:first-child {
    background: #000000; }
  .ezad .top-line .col-lg-6:last-child {
    background: #f2c218; }
.ezad .container-fluid > .container, .ezad .footer-main {
  padding: 60px 0px; }
.ezad .header-main {
  text-align: center;
  border: none;
  color: #000000; }
  .ezad .header-main .title {
    font-size: 1rem;
    font-weight: 600; }
.ezad .logo {
  margin-top: 60px; }
  .ezad .logo .img img {
    max-width: 500px;
    width: 100%; }
.ezad .header-main, .ezad .logo, .ezad .ctas, .ezad .ctas .actions, .ezad .footer-main {
  text-align: center;
  justify-content: center; }
.ezad .ctas .title {
  color: #f2c218;
  font-family: "Roboto", sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 30px 0px; }
.ezad .ctas .submit-btn {
  background: #214a8c !important;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  letter-spacing: 0.5px;
  font-family: "Poppins", sans-serif;
  width: 200px;
  text-transform: uppercase;
  margin: 40px auto;
  text-align: center;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border: none;
  white-space: normal;
  line-height: 1rem;
  background: #f2c218 !important;
  color: #000000;
  font-weight: 600;
  border: 1px solid #000000;
  border-radius: 40px;
  margin: 0px; }
  .ezad .ctas .submit-btn:hover, .ezad .ctas .submit-btn:focus {
    background: #08285c !important;
    border: none; }
  .ezad .ctas .submit-btn a {
    color: #fff;
    padding: 15px;
    width: 100%; }
  .ezad .ctas .submit-btn:focus {
    outline-style: none; }
  .ezad .ctas .submit-btn:hover {
    background: #000000 !important;
    color: #f2c218; }
.ezad .ctas .divider {
  border-left: 1px solid #f2c218;
  height: 50px;
  margin: 0px 40px; }
.ezad .ctas .actions span {
  font-size: 0.8rem;
  color: #000000;
  margin-top: 5px; }
.ezad footer .footer-main {
  background: #000000; }
  .ezad footer .footer-main .title {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase; }
  .ezad footer .footer-main .locations {
    background: url("../images/ezad-map.png") no-repeat 100%;
    background-size: 83.33333333%;
    height: 360px;
    margin: 25px auto 0px;
    display: flex;
    justify-content: space-between;
    max-width: calc(500px + 270px); }
    .ezad footer .footer-main .locations .south, .ezad footer .footer-main .locations .central {
      text-align: left; }
      .ezad footer .footer-main .locations .south label, .ezad footer .footer-main .locations .central label {
        color: #f2c218;
        font-family: "Roboto", sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 600; }
      .ezad footer .footer-main .locations .south ul, .ezad footer .footer-main .locations .central ul {
        padding-left: 0px;
        margin-bottom: 0px; }
      .ezad footer .footer-main .locations .south li, .ezad footer .footer-main .locations .central li {
        list-style: none;
        padding: 7px 0px;
        line-height: 0.875rem;
        font-weight: 600;
        color: #fff; }
    .ezad footer .footer-main .locations .central ul {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; }
.ezad footer .footer-logo img {
  height: 30px; }
@media (max-width: 991px) {
  .ezad .container-fluid > .container, .ezad .footer-main {
    padding: 40px; }
  .ezad .header-main {
    padding: 0px; }
  .ezad .logo {
    margin-top: 30px; } }
@media (max-width: 767px) {
  .ezad .top-line {
    height: 3px; }
  .ezad .container-fluid > .container, .ezad .footer-main {
    padding: 30px 15px; }
  .ezad .header-main {
    margin-top: 0px; }
  .ezad .ctas .title {
    font-size: 1.5rem; }
  .ezad .ctas .submit-btn {
    width: 160px; }
  .ezad .ctas .divider {
    display: none; }
  .ezad .ctas .actions {
    justify-content: space-between; }
  .ezad footer .footer-main .locations {
    background-size: 100%;
    background-position: bottom; }
  .ezad footer .copyright p {
    line-height: normal; } }

/*# sourceMappingURL=style-75.css.map */