/*==        WISHLIST PAGE           ==*/
/* For mobile */
@-webkit-keyframes bc_wl_cp_rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes bc_wl_cp_rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

*[data-handle-product].pending {
  pointer-events: none; }

.page-wishlist {
  overflow-x: auto; }
  .page-wishlist .no-wishlist-msg {
    color: red;
    display: none; }
  .page-wishlist .page-title {
    margin: 30px 0; }
  .page-wishlist table.pending {
    display: block;
    position: relative;
    height: 300px;
    overflow: hidden; }
    .page-wishlist table.pending thead, .page-wishlist table.pending tbody {
      visibility: hidden; }
    .page-wishlist table.pending:before {
      content: "\f110";
      font-family: "FontAwesome";
      font-size: 50px;
      color: #000;
      position: absolute;
      left: 50%;
      top: 10%;
      transform: translate(-50%, 0%);
      -webkit-animation: bc_wl_cp_rotating 2s linear infinite;
      -moz-animation: bc_wl_cp_rotating 2s linear infinite;
      -ms-animation: bc_wl_cp_rotating 2s linear infinite;
      -o-animation: bc_wl_cp_rotating 2s linear infinite;
      animation: bc_wl_cp_rotating 2s linear infinite; }
  .page-wishlist table th, .page-wishlist table td {
    text-align: left;
    white-space: normal;
    padding: 15px 20px;
    border-color: #cecece; }
    .page-wishlist table th.product-image, .page-wishlist table td.product-image {
      min-width: 100px; }
    .page-wishlist table th.product-title, .page-wishlist table td.product-title {
      color: black; }
    .page-wishlist table th.product-price, .page-wishlist table td.product-price {
      color: black; }
    .page-wishlist table th.product-available .instock, .page-wishlist table td.product-available .instock {
      color: #2d882d; }
    .page-wishlist table th.product-available .outstock, .page-wishlist table td.product-available .outstock {
      color: red; }
    .page-wishlist table th.product-remove-btn, .page-wishlist table td.product-remove-btn {
      padding-left: 0;
      padding-right: 0; }
    .page-wishlist table th.product-detail .view-btn, .page-wishlist table td.product-detail .view-btn {
      display: inline-block;
      padding: 10px 15px;
      line-height: 1;
      border: 1px solid black;
      background: white;
      font-size: 15px;
      color: black; }
      .page-wishlist table th.product-detail .view-btn:hover, .page-wishlist table td.product-detail .view-btn:hover {
        color: white;
        background: black; }
  .page-wishlist table th {
    background: #cecece;
    font-weight: bold;
    color: white; }
  .page-wishlist table .wishlist-item {
    position: relative; }
    .page-wishlist table .wishlist-item:last-child td {
      border-bottom: none; }
  .page-wishlist table .remove-wishlist {
    border: none;
    background: none;
    padding: 0;
    font-size: 0; }
    .page-wishlist table .remove-wishlist:before {
      content: "\f05e";
      font-size: 30px;
      color: red;
      font-family: "FontAwesome"; }
    .page-wishlist table .remove-wishlist.pending {
      pointer-events: none;
      -webkit-animation: bc_wl_cp_rotating 2s linear infinite;
      -moz-animation: bc_wl_cp_rotating 2s linear infinite;
      -ms-animation: bc_wl_cp_rotating 2s linear infinite;
      -o-animation: bc_wl_cp_rotating 2s linear infinite;
      animation: bc_wl_cp_rotating 2s linear infinite; }
      .page-wishlist table .remove-wishlist.pending:before {
        content: "\f110"; }
  @media (max-width: 767px) {
    .page-wishlist table,
    .page-wishlist thead,
    .page-wishlist tbody,
    .page-wishlist th, .page-wishlist td, .page-wishlist tr {
      display: block;
      border: none; }
    .page-wishlist table tr {
      padding: 10px 0;
      border-bottom: 1px solid #cecece; }
      .page-wishlist table tr:last-child {
        border: none; }
    .page-wishlist table thead tr {
      display: none; }
    .page-wishlist table td {
      position: relative;
      padding: 10px 10px 10px 25% !important;
      text-align: center; }
      .page-wishlist table td:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 25%;
        padding-right: 10px;
        white-space: normal;
        font-weight: bold;
        font-size: 15px;
        color: #cecece;
        transform: translate(0, -50%); }
      .page-wishlist table td.product-title:before {
        content: "Product Name"; }
      .page-wishlist table td.product-image:before {
        content: "Product Image"; }
      .page-wishlist table td.product-remove-btn:before {
        content: "Delete"; }
      .page-wishlist table td.product-price:before {
        content: "Product Price"; }
      .page-wishlist table td.product-available:before {
        content: "Available"; } }

/*==        COMPARE PAGE           ==*/
.page-compare .page-title {
  margin: 30px 0 30px; }
.page-compare .no-compare-msg {
  color: red;
  display: none; }
.page-compare .compare-table .product-comparison-template-wrapper {
  padding-top: 0; }
.page-compare .compare-table.pending {
  display: block;
  position: relative;
  height: 300px;
  overflow: hidden; }
  .page-compare .compare-table.pending:before {
    content: "\f110";
    font-family: "FontAwesome";
    font-size: 50px;
    color: #000;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, 0%);
    -webkit-animation: bc_wl_cp_rotating 2s linear infinite;
    -moz-animation: bc_wl_cp_rotating 2s linear infinite;
    -ms-animation: bc_wl_cp_rotating 2s linear infinite;
    -o-animation: bc_wl_cp_rotating 2s linear infinite;
    animation: bc_wl_cp_rotating 2s linear infinite; }

table.product_comparison_template {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  background: #ffffff; }
  table.product_comparison_template tr td {
    padding: 10px 15px;
    border: 1px solid #cecece;
    position: static; }
    @media (max-width: 767px) {
      table.product_comparison_template tr td {
        display: block;
        position: relative;
        width: 100%;
        border: none; } }
    table.product_comparison_template tr td.comparison_options, table.product_comparison_template tr td.wishlist_options {
      word-break: break-all; }
      table.product_comparison_template tr td.comparison_options .line, table.product_comparison_template tr td.wishlist_options .line {
        display: block;
        padding: 0 0 5px; }
        table.product_comparison_template tr td.comparison_options .line > label, table.product_comparison_template tr td.wishlist_options .line > label {
          margin: 0;
          display: inline-block;
          padding: 0 15px 0 0;
          position: relative;
          color: white; }
          table.product_comparison_template tr td.comparison_options .line > label:after, table.product_comparison_template tr td.wishlist_options .line > label:after {
            content: ':'; }
  table.product_comparison_template tr .spr-header-title {
    display: none; }
  table.product_comparison_template tr .spr-summary-starrating,
  table.product_comparison_template tr .spr-summary-caption {
    display: block; }
  table.product_comparison_template tr .spr-summary-actions {
    display: inline-block;
    margin-top: 5px; }
  table.product_comparison_template tr .view-btn {
    display: inline-block;
    padding: 10px 15px;
    line-height: 1;
    border: 1px solid black;
    background: white;
    font-size: 15px;
    color: black; }
    table.product_comparison_template tr .view-btn:hover {
      color: white;
      background: black; }
  table.product_comparison_template .heading-col {
    text-align: left;
    background: #cecece;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold; }
  table.product_comparison_template .product-col {
    text-align: center;
    position: relative; }
    table.product_comparison_template .product-col .spr-icon {
      top: -3px; }
    table.product_comparison_template .product-col .remove {
      position: absolute;
      left: 10px;
      top: 10px a;
        top-font-size: 18px; }
    table.product_comparison_template .product-col .product-price {
      padding: 0; }
    table.product_comparison_template .product-col .product-image-block {
      margin: 0px auto;
      width: 135px; }
    table.product_comparison_template .product-col .product-name {
      margin: 15px auto 10px;
      text-transform: none;
      letter-spacing: 0;
      font-size: 15px; }
    table.product_comparison_template .product-col .product-price .price-compare {
      margin: 0 15px 0 0; }
    table.product_comparison_template .product-col .comparison_product_infos,
    table.product_comparison_template .product-col .wishlist_product_infos {
      padding: 0 0 10px; }
      table.product_comparison_template .product-col .comparison_product_infos .btn,
      table.product_comparison_template .product-col .wishlist_product_infos .btn {
        margin: 10px auto 0;
        padding: 6px 20px;
        min-width: 155px; }
    table.product_comparison_template .product-col .comparison_availability_statut {
      margin: 0px; }
    table.product_comparison_template .product-col.comparison_collection {
      word-break: break-word; }

#page-body.pending:before {
  content: "\f110";
  font-family: "FontAwesome";
  font-size: 70px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin-left: -35px;
  margin-top: -50px;
  color: #000000;
  -webkit-animation: bc_wl_cp_rotating 2s linear infinite;
  -moz-animation: bc_wl_cp_rotating 2s linear infinite;
  -ms-animation: bc_wl_cp_rotating 2s linear infinite;
  -o-animation: bc_wl_cp_rotating 2s linear infinite;
  animation: bc_wl_cp_rotating 2s linear infinite; }
#page-body.pending:after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 5; }