/**
* Axecibles
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
*
*  @author    Axecibles <ecommerce@axecibles.com>
*  @copyright Axecibles
*  @license   http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of Axecibles
*/
.box-info-product p.quantity_model {
  display: none !important; }

#complements {
  position: relative;
  margin: 24px auto 0; }
  @media screen and (min-width: 992px) {
    #complements {
      max-width: 500px; } }
  #complements hidden {
    display: none; }
  #complements .model_complementary {
    margin: 0 0 20px;
    padding: 0 0 10px;
    min-height: 100px; }
  #complements .complement_price_reduc {
    text-decoration: line-through; }
  #complements .infos_complementary {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 90px);
    margin-left: 10px; }
    #complements .infos_complementary a {
      display: block;
      margin-bottom: 5px;
      color: #1d1d1b; }
      #complements .infos_complementary a .complement_name {
        font-weight: 500;
        font-size: 18px; }
    #complements .infos_complementary span.stock,
    #complements .infos_complementary span.nostock {
      display: block;
      color: #10993d;
      line-height: 29px;
      float: right; }
    #complements .infos_complementary span.stock {
      display: none; }
    #complements .infos_complementary span.nostock {
      color: #d65456;
      display: none; }
    #complements .infos_complementary .form_select_complement + span.stock,
    #complements .infos_complementary .form_select_complement + span.nostock,
    #complements .infos_complementary .complement_choose + span.stock,
    #complements .infos_complementary .complement_choose + span.nostock {
      float: right; }
  #complements .img_complementary {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    cursor: pointer; }
  #complements img {
    width: 80px !important;
    height: auto;
    display: block; }
  #complements .complement_choose {
    cursor: pointer;
    color: #1d1d1b;
    padding: 5px 5px 4px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    margin-bottom: 5px;
    max-width: 315px;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    font-style: italic;
    border-radius: 4px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media screen and (max-width: 499px) {
      #complements .complement_choose {
        width: 100%; } }
    #complements .complement_choose:hover {
      background: #fbfbfb; }
  @media screen and (min-width: 500px) {
    #complements .options-container {
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  #complements .quantity-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end; }
    #complements .quantity-container input.complement_qty.form-control {
      width: 50px; }
    #complements .quantity-container .quantyti_block_complement {
      display: flex;
      margin-left: 24px; }
      #complements .quantity-container .quantyti_block_complement .quantity_label_complement {
        margin-right: 8px; }
    #complements .quantity-container .checker {
      margin: 0 0 8px 0; }
  #complements .no_declinaison {
    text-align: right; }
    @media screen and (min-width: 500px) {
      #complements .no_declinaison + .options-container .price_complement_box, #complements .no_declinaison + .options-container .quantity-container {
        width: 50%; } }
  #complements span.label_complement {
    display: block; }
  #complements .form_select_complement {
    margin-bottom: 5px;
    max-width: 315px;
    display: inline-block;
    vertical-align: middle;
    width: 80%; }
  #complements .line_quantity {
    clear: both; }
    #complements .line_quantity .complement_price {
      font-weight: 500;
      color: #ef787a;
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
    #complements .line_quantity .complement_price_reduc {
      display: inline-block;
      vertical-align: middle; }
    #complements .line_quantity .quantyti_block_complement {
      text-align: right; }
      #complements .line_quantity .quantyti_block_complement span.quantity_label_complement {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px; }
    #complements .line_quantity .form_quantity_complement {
      width: 80px;
      text-align: center;
      margin: 0 auto;
      float: right; }
      #complements .line_quantity .form_quantity_complement input {
        text-align: right; }
    #complements .line_quantity .checker {
      float: right;
      margin: 8px 0 0 5px; }
  #complements .complement_selection {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 5005;
    width: 100%;
    padding: 10px;
    background: #fbfbfb;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    #complements .complement_selection p.title {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #ef787a;
      font-size: 1.077em;
      margin-bottom: 10px;
      text-align: left;
      display: block; }
    #complements .complement_selection .close {
      background: #fff;
      border: 2px solid #333;
      position: absolute;
      top: -5px;
      right: -5px;
      width: 30px;
      height: 30px;
      line-height: 25px;
      text-align: center;
      color: #1d1d1b;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      #complements .complement_selection .close:after {
        font-family: "FontAwesome";
        content: '\f00d'; }
      #complements .complement_selection .close:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
    #complements .complement_selection span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px 10px;
      position: relative;
      font-size: 14px; }
      #complements .complement_selection span.disabled:after {
        content: attr(data-stock-trad);
        color: #fff;
        background: rgba(239, 120, 122, 0.5);
        padding: 2px 0;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1; }
    #complements .complement_selection img {
      display: block;
      cursor: pointer;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      #complements .complement_selection img:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
      #complements .complement_selection img.disabled {
        cursor: default; }
        #complements .complement_selection img.disabled:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
  #complements .box_total_complement {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #complements .box_total_complement .total_price_complement {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      line-height: 1.4;
      display: block; }
      #complements .box_total_complement .total_price_complement span {
        vertical-align: middle;
        font-weight: 500;
        font-size: 3rem;
        color: #ef787a;
        margin-bottom: 0; }
      @media (max-width: 410px) {
        #complements .box_total_complement .total_price_complement {
          margin: 0 0 10px;
          display: block; } }
    #complements .box_total_complement p.buttons_bottom_block button.exclusive {
      display: block;
      margin: auto;
      width: 100%; }
      #complements .box_total_complement p.buttons_bottom_block button.exclusive span {
        font-size: 2rem; }
      #complements .box_total_complement p.buttons_bottom_block button.exclusive:before {
        content: url(../../../../img/icon/add-to-cart-icon.png);
        position: absolute;
        top: 0;
        left: 24px;
        bottom: 0;
        z-index: 2;
        line-height: 60px; }
        @media (max-width: 991px) {
          #complements .box_total_complement p.buttons_bottom_block button.exclusive:before {
            display: none; } }

.mask_complement {
  position: fixed;
  width: 100%;
  height: 100%;
  background: transparent;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 5004;
  display: none; }