/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /* picto */
.pictoStockDeclinaisonTaille { height: 18px; width: 18px; min-width: 18px; min-height: 18px; border-radius: 15px; border: 1px solid #bbbbbb; }
.pictoStockVert { background-color: #2fff24; background: linear-gradient(135deg, #70fe40 0%, #91ff3d 45%, #58fd10 58%, #3dfe24 100%); }
.pictoStockVertF { background-color: #cbff24; background: linear-gradient(135deg, #59fe40 0, #bfff3d 45%, #b9fd10 58%, #9efe24 100%); }
.pictoStockOrange { background-color: #ffcc24; background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); background: linear-gradient(135deg, #fceabb 0%, #fccd4d 41%, #f8b500 62%, #fbdf93 100%); }
.pictoStockRouge { background-color: #df1313; background: linear-gradient(135deg, #f85032 0%, #f16f5c 42%, #f6290c 60%, #f02f17 71%, #e73827 100%);}
.pictoStockJaune { background-color: #ddff24; background: linear-gradient(135deg, #fedc40 0, #e0ff3d 45%, #c3fd10 58%, #b1fe24 100%); }

.pictoStockDeclinaison label { line-height: 12px; font-size: 14px; font-weight: normal !important;  padding-left: 6px; padding-right: 4px;
    padding-bottom: 0px; color: #888888; margin-top: 0px !important; -white-space: nowrap; margin-bottom:0px; -max-width: 154px !important; min-width: 82px; text-align: left; }
 .pictoStockDeclinaison label.MessageManuelStock { color: #2f7d08;  }
 .pictoStockDeclinaison label.MessageManuelReappro { color: #6a4909;  }
 .pictoStockDeclinaison label span.labelDispo, span.labelDispo { display: none; }
 #index span.labelDispo { display: none!important; }
 .pictoStockDeclinaison label span.labelDelai { display: inherit; }
 .pictoStockDeclinaison .labelQTT, .pictoStockDeclinaison label { background-color: #ffffffdb; }
 
 .pictoStockDeclinaison label.labelQTT { display: none; -position: absolute; bottom: -18px; -text-align: right !important; color: #677cb2; color: #c15b41; font-size: 14px; min-width: unset; border-radius: 2px;}

 .pictoStockDeclinaison { justify-content: space-between; }



/*produit*/
#product .pictoStockDeclinaison { -position: absolute; right: unset; bottom: unset; left: 7px; top: 1px; display: flex; align-items: center; min-height: 34px; max-width: 156px;max-width: 268px; padding-left: 10px; }
#product .pictoStockDeclinaison label span.labelDelai { color: #808080; font-size: 11px; }
#product .pictoStockDeclinaison label.labelQTT { -width: -webkit-fill-available!important; bottom: 0px; left: 0px; -right: -14px; margin-right: 10px !important;  }
.product-description { position: relative; }
#product .product-description { column-count: 2; column-width: 500px; } 

#product-details-tab { column-count: 2; column-width: 500px; }
.product-features>dl.data-sheet dt.name { 
    background-color: #fafafa;
    padding-top: 7px;
    padding-left: 11px;
    text-transform: uppercase; 
}

.product-features>dl.data-sheet dd.value {
    padding-top: 8px;
    padding-left: 37px;
    margin-right: 60px;
}
.product-features {
    margin-top: 0rem;
}

/*index*/
#index .pictoStockDeclinaison { position: absolute; left: unset; bottom: unset; -left: 1px; top: -13px/*4px*/; display: flex; -flex-direction: row-reverse; align-items: center; justify-content: center; max-width: unset /*135px*/; width: -webkit-fill-available; }
#index .pictoStockDeclinaison .pictoStockDeclinaisonTaille { margin-left: 4px; }
#index .pictoStockDeclinaison label { text-align: left; }



/*categorie*/
#category .pictoStockDeclinaison, #search .pictoStockDeclinaison { position: absolute; width: -webkit-fill-available /*min-content*/; top: -12px/*-4px*/; left:auto/*18px*/;  display: flex; -flex-direction: column; -align-items: flex-end; align-items: center; justify-content: center; z-index: 3; }
#category .pictoStockDeclinaison label { min-width: unset; width: max-content; }
#category .pictoStockDeclinaison label span.labelDelai, #search .pictoStockDeclinaison label span.labelDelai { -display: none; }
#category .pictoStockDeclinaison label.labelQTT, #search .pictoStockDeclinaison label.labelQTT { bottom: -15px; left: -5px; }
#category .pictoStockDeclinaison.SansDeclinaison { position: inherit; }
#category .product_list.grid.row .pictoStockDeclinaison { top: -8px; justify-content: flex-start; flex-direction: row/*-reverse*/; }
#category .product_list.grid.row .pictoStockDeclinaison label { text-align: right; }

.category-description-bottom .rte-content { column-count: 2; column-width: 500px; }

/*supplier manufacturer*/
#manufacturer .pictoStockDeclinaison, #supplier .pictoStockDeclinaison { position: absolute; width: min-content; top: -4px; left:18px;  display: flex; -flex-direction: column; -align-items: flex-end; align-items: center; z-index: 3; }
#manufacturer .pictoStockDeclinaison label span.labelDelai, #supplier .pictoStockDeclinaison label span.labelDelai { -display: none; }
#manufacturer .pictoStockDeclinaison label.labelQTT, #supplier .pictoStockDeclinaison label.labelQTT { bottom: -15px; left: -5px; }
#manufacturer .pictoStockDeclinaison.SansDeclinaison { position: inherit; }
#manufacturer .product_list.grid.row .pictoStockDeclinaison { top: -8px; justify-content: flex-start; flex-direction: row-reverse; }
#manufacturer .product_list.grid.row .pictoStockDeclinaison label { text-align: right; }




.product-miniature-grid .product-availability { bottom: 20px; }

/*manufactureur*/
.description_box {
    margin-top: 30px;
    border: 1px solid #fdfdfd;
    background-color: #f9f9f96e;
    clear: both;
    column-count:4; column-width:460px;
}

.description_box h2 {
    margin-bottom: 15px
}

.description_box h3 {
    font-weight: bold;
    padding-left: 30px;
    color: #0d4a89;
    font-size: 18px;
    line-height: 22px;
    text-decoration: underline;
    margin-top: 25px;
    margin-bottom: 5px
}

.description_box h4 {
    font-weight: bold;
    font-size: 16px;
    padding-left: 30px;
    padding: 10px
}

.description_box p {
    margin: 0 15px;
    padding: 8px 15px !important;
    font-size: 14px;
    line-height: 21px;
    display:inline-block;
    margin-bottom: 10px;	
}

.description_box p:first-of-type {
	width:100%;
}

.description_box p:nth-of-type(odd) {
    background-color:#e9f2fd !important;
    border-radius: 4px 30px 4px 20px
}

.description_box p:nth-of-type(even) {
    background-color:#f5f8fd !important;
    border-radius: 20px 4px 30px 4px
}

.description_box .nostyle {
    background-color: transparent!important;
    border-radius: 0
}

.description_box table {
    margin: 0 40px 10px 40px
}