/*

** Style Simple Ecommerce Theme for Bootstrap 4

** Created by T-PHP https://t-php.fr/43-theme-ecommerce-bootstrap-4.html

*/

.bloc_left_price {

    color: #b3a9a8;

    text-align: center;

    font-weight: bold;

    font-size: 150%;

}

.category_block li:hover {

    background-color: #ced5dc !important;

}

.category_block li:hover a {

    color: #ffffff;

}

.category_block li a {

    color: #343a40;

}

.add_to_cart_block .price {

    color: #232257;

    text-align: center;

    font-weight: bold;

    font-size: 200%;

    margin-bottom: 0;

}

.add_to_cart_block .price_discounted {

    color: #343a40;

    text-align: center;

    text-decoration: line-through;

    font-size: 140%;

}

.product_rassurance {

    padding: 10px;

    margin-top: 15px;

    background: #ffffff;

    border: 1px solid #6c757d;

    color: #6c757d;

}

.product_rassurance .list-inline {

    margin-bottom: 0;

    text-transform: uppercase;

    text-align: center;

}

.product_rassurance .list-inline li:hover {

    color: #343a40;

}

.reviews_product .fa-star {

    color: gold;

}

.pagination {

    margin-top: 20px;

}



.color-red{

    background-color: #001c79 !important;

}

.text-red{

  color: #001c79 !important;

}



.card-title{

  color: #232257 !important;

}

a{

  color:#232257 !important;

}

.btn-red{

    background-color: #eeeeee !important;

    border-color: #eeeeee !important;

}

.page-color{

    background-color: #eeeeee !important;

    border-color: #eeeeee !important;

}





.product-cart, .product-name {

  width: 100%;

  display: block;

  float: left;

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 1em;

  margin-bottom: 1em; }

  .product-cart .one-forth, .product-name .one-forth {

    width: calc(100% - 520px);

    height: 100px !important;

    display: table;

    float: left; }

    @media (max-width: 767.98px) {

      .product-cart .one-forth, .product-name .one-forth {

        width: calc(100% - 240px); } }

  .product-cart .one-eight, .product-name .one-eight {

    width: 130px;

    height: 100px !important;

    display: table;

    float: left; }

    @media (max-width: 767.98px) {

      .product-cart .one-eight, .product-name .one-eight {

        width: 60px; } }

  .product-cart .display-tc, .product-name .display-tc {

    display: table-cell;

    vertical-align: middle;

    height: 100px;

    width: 100%; }

    .product-cart .display-tc h3, .product-name .display-tc h3 {

      margin-bottom: 0;

      padding-left: 30px;

      font-size: 14px; }

    .product-cart .display-tc .closed, .product-name .display-tc .closed {

      display: block;

      margin: 0 auto;

      width: 20px;

      height: 20px;

      background: #f2f2f2;

      position: relative; }

      .product-cart .display-tc .closed:before, .product-cart .display-tc .closed:after, .product-name .display-tc .closed:before, .product-name .display-tc .closed:after {

        position: absolute;

        top: 10px;

        bottom: 0;

        left: 5px;

        right: 0;

        content: '';

        width: 10px;

        height: 1px;

        background: #999999;

        -webkit-transform: rotateZ(45deg);

        -moz-transform: rotateZ(45deg);

        -ms-transform: rotateZ(45deg);

        -o-transform: rotateZ(45deg);

        transform: rotateZ(45deg); }

      .product-cart .display-tc .closed:after, .product-name .display-tc .closed:after {

        -webkit-transform: rotateZ(-45deg);

        -moz-transform: rotateZ(-45deg);

        -ms-transform: rotateZ(-45deg);

        -o-transform: rotateZ(-45deg);

        transform: rotateZ(-45deg); }

  .product-cart .product-img, .product-name .product-img {

    display: block;

    width: 90px;

    height: 100px;

    float: left;

    margin-right: 10px;

}

    @media (max-width: 767.98px) {

      .product-cart .product-img, .product-name .product-img {

        display: none; } }

  .product-cart .form-control, .product-name .form-control {

    padding: 0;

    height: 40px;

    width: 50%;

    margin: 0 auto;

    border: 1px solid #f0f0f0 !important; }



.product-name {

  padding: .8em 0;

  background: #f0f0f0;

  border: none;

  width: 100%;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px; }

  .product-name .one-forth, .product-name .one-eight {

    height: initial !important; }

    .product-name .one-forth span, .product-name .one-eight span {

      color: #000;

      font-weight: 400;

      text-transform: uppercase; }

      @media (max-width: 767.98px) {

        .product-name .one-forth span, .product-name .one-eight span {

          font-size: 10px; } }



.total-wrap .form-control {

  height: 40px;

  border: 1px solid #f0f0f0 !important;

  margin-bottom: 10px;

  text-align: center; }



@media (max-width: 767.98px) {

  .total-wrap .btn {

    width: 100%; } }



.total-wrap .total {

  padding: 1em;

  background: whitesmoke;

  width: 100%; }

  .total-wrap .total .sub {

    border-bottom: 1px solid #616161;

    margin-bottom: 10px; }

  .total-wrap .total p {

    width: 100%;

    display: block;

    margin-bottom: 10px; }

    .total-wrap .total p span {

      width: 48%;

      display: inline-block; }

      .total-wrap .total p span:last-child {

        font-weight: 500; }

  .total-wrap .total .grand-total p span:last-child {

    color: #616161;

    font-weight: 500; }



.cart-detail {

  background: whitesmoke;

  padding: 2em 3em;

  float: left;

  width: 100%;

  margin-bottom: 20px; }

  @media (max-width: 767.98px) {

    .cart-detail {

      padding: 1em; } }

  .cart-detail h2 {

    font-size: 20px;

    margin-bottom: 40px; }

  .cart-detail ul {

    width: 100%;

    padding: 0;

    float: left;

    margin: 0; }

    .cart-detail ul li {

      font-weight: 400;

      width: 100%;

      display: block;

      float: left; }

      .cart-detail ul li span {

        margin-bottom: 15px;

        display: block;

        float: left;

        border-bottom: 1px solid #e6e6e6;

        width: 100px; }

        .cart-detail ul li span:first-child {

          width: calc(100% - 100px); }

        .cart-detail ul li span:last-child {

          width: 100px; }

          .product-cart .product-img, .product-name .product-img {

    display: block;

    width: 90px;

    height: 100px;

    float: left;

}

.anyClass {

  height:500px;

  overflow-y: scroll;

}