#formdossier {
  position:relative;
}
#affichetotal,
#affichetotalcommande {
	background-color: #F6F6F6;
	border: 1px solid #DFDFDF;
	padding:.3em .2em;
	width:4.5em;
	text-align:center;
	position: absolute;
	top:234px;
	left:782px;
	font-size:.8em;
}
#affichetotalcommande {
  top:102px;
  left:825px;
}
.totalpc,
.totalcommande {
	font-weight: bold;	
}
.prix-cession {
  color: #000;
  font-size: 2rem;
}
.rupture {
  background-color: rgba(225, 10, 26, 0.2);
}
.rupture_pos {
  background-color: rgba(255, 165, 0, 0.2);
}
span.rupture,
span.rupture_pos {
  display: inline-block;
  padding:.3em;
}
.lib {
	text-align:left;	
	padding-left: 12.5px;	
  	background-color: #fff;
	font-size: 1.7rem;
	line-height: 2.4rem;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	padding-top: 7.5px;	
	padding-right: 12.5px;
	padding-bottom: 7.5px;
	width: 50%;
}
.qte input[type="NUMBER"], .prix input[type="NUMBER"] {
	max-width: 60px;
}

/*visuel commande*/


.tx-codisaq-catalog{
	background: white;
}


/*categoriesTree*/

.rayon-toggle{
	color:#000;
	font-family: 'Barlow Condensed', sans-serif;		
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    border: 0 none;
    background: none;
}
#categoriesTree{
	position:absolute;
	z-index:1;
	background: #fff;
}

#categoriesTree #navbarContent > ul{
	font-family: 'Barlow Condensed', sans-serif;		
	padding: 2rem;
	position: relative;
	box-shadow: 3px 0px 0px rgba(0, 0, 0, 0.17);
	background: #fff;
}

#categoriesTree .nav-item,.dropdown-menu li{							
	width: 100%;
	list-style: none;
	position: unset;
}
#zone-list img.dummy{
	padding:3rem;
}
#blocPanier img.dummy{
	padding:0.5rem;
}

#categoriesTree .nav-item button,#categoriesTree.dropdown-item{
	border: none;
	outline: none;
	background: white;
	padding: 0.5rem  2rem 0.5rem 2rem;
	position: relative;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	color: #000000;
	width: 100%;
	text-align: left;
}
#categoriesTree .nav-item button img{
	position:absolute;
	left: 1rem;
	top: calc( 50% - 20px);
}
#categoriesTree .dropdown.show button img.dummy,#categoriesTree .dropdown.active button img.dummy,#categoriesTree .dropdown button:hover img,#categoriesTree .dropdown button:focus img{
	filter: invert(100%);
}
#categoriesTree .nav-item.show button,#categoriesTree .nav-item.active button,#categoriesTree .nav-item button:hover,#categoriesTree .nav-item button:focus
,#categoriesTree .dropdown-item.active ,#categoriesTree .dropdown-item:hover,#categoriesTree .dropdown-item:focus{
	width: 100%;
	background: #E11923;
	border: none;
	outline: none;
	border-radius: 8px;	
	color: #fff;
	display:block;
	text-align: left;
	font-weight: 500;
	text-decoration:none;
}

#categoriesTree .nav-item .dropdown-menu{
	border: none;
	background: white;
	border-radius:0;
	margin: 0;
	margin-left: 3px;
	padding:4rem;
}
#categoriesTree .nav-item .dropdown-menu ul{
	padding:0;
}
#categoriesTree .nav-item .dropdown-menu h2{
	font-weight: 600;
	font-size: 27px;
	line-height: 32px;	
	color: #000000;
	white-space: nowrap;
}

#categoriesTree .nav-item button.dropdown-toggle::after{
	content:">";
	border:none;		
}


/*filtres*/
#filtres{
	background: #fff;
	padding: 1.5rem;
	box-shadow: 3px 0px 0px rgba(0, 0, 0, 0.17);
}
#filtres h2{
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
	color: #E11923;
}
#filtres legend{
	padding: 5px;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}	

#filtres .form-check{
	display: block;
	margin-left: 1.5rem;
}
#filtres .form-check label{
	font-weight: 400;
	font-size: 16.5px;
	line-height: 20px;
}

/*list panier*/

.list-visu .card{
	font-family: 'Barlow Condensed', sans-serif;	
	color:#000;	
	border-radius: 5px;
	padding: 2rem 0;
	margin: 1.5rem 0;
	transition: transform .1s;
}
#product-list .card{
	border: 1px solid #000;
}

.list-visu .card:hover,.list-visu .card:focus{
	transform: scale(1.00);
}
.list-visu .card h3{
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
	margin: 0.5rem 0;
}

.list-visu .product-image{
text-align: center;
}

.list-visu .price{
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}
.list-visu .currency{
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
}
.list-visu p{
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
}

.list-visu .category{
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
}
.list-visu .category span{
	margin:0 7px;
	padding:5px 8.5px;
	box-shadow: 0px 2.5px 7.5px rgba(0, 0, 0, 0.17);
	border-radius: 14px;
}	
.list-visu .pvc,.list-visu .weight,.list-visu .code-ean,.list-visu .tva,.list-visu .activite{
	display:none
}
.list-visu .card:hover .pvc,.list-visu .card:hover .weight,.list-visu .card:hover .code-ean,.list-visu .card:hover .tva,.list-visu .card:hover .activite,
.list-visu .card:focus .pvc,.list-visu .card:focus .weight,.list-visu .card:focus .code-ean,.list-visu .card:focus .tva,.list-visu .card:focus .activite{
	display:block
}

.list-visu .qte{
	width:45px;
	height: 25px;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align:center;
	padding: 0;
	border: 2px solid #318236;
	margin: 0px -5px;
	vertical-align: middle;
}

.list-visu .fa{
	margin:0;
}

 .list-visu .less-cart,.list-visu .more-cart,.list-visu .validate-cart,.list-visu .delete-cart{
 	border:none;
 	padding:0;
 }
 .list-visu .delete-cart{
 	margin-right: 6px;
 }
.list-visu .validate-cart{
 	margin-left: 6px;
 }
 
.list-visu .less-cart,.list-visu .more-cart{
 	font-size: 40px;
 	line-height: 20px;
 	width: 25px;
 	height: 25px;
 	background: #318236;
 	color:#fff;
 	vertical-align:middle;
 	border-radius: 0 5px 5px 0;
 	padding-bottom: 5px;
 	
 }
 .list-visu .less-cart:focus,.list-visu .more-cart:focus{
    outline: 2px black solid;
 }

 .list-visu .less-cart{
 	border-radius: 5px 0 0 5px;
 }

.list-visu .rupture,.list-visu .rupture_pos {	
    background-color: #E11923;
    color:#fff;
    position: absolute;
    right: 0;
    top: 2rem;
    padding:0.5rem;
    text-transform:uppercase;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
} 
.list-visu .rupture_pos {
	background-color: #ffa500;
	color:#000;
}

#dummy-text{
	height: 80vh;	
}

/*panier*/

#basket h2{
	margin:0;
}

#blocPanier{
	font-family: 'Barlow Condensed', sans-serif;
}

#blocPanier .modal-dialog {
    position: fixed;
    right: 0;
    top: 0;
    margin:0;
}

#blocPanier .modal-body ul.list-visu{
	list-style: none;
	padding: 0;
    overflow-y: auto;
    max-height: 60vh;
}

#blocPanier .card{
	flex-direction: unset;
	border:none;
	padding: 0;
    margin: 0;
}

#blocPanier .card-body{
	padding: 0 0 1rem 1rem;
}
#blocPanier .card-body h3{
	margin-top:0;
}
#blocPanier .card-body h3,#blocPanier .codis-price{
	max-width: 240px;
}
#blocPanier .card-body form{
	margin-left:1.5rem;
}
#blocPanier .list-visu p{
	margin:0;
}
#blocPanier .list-visu .delete-cart{
	position:absolute;
	right:0;
	top:40px;
}
	

#blocPanier #totalPanier{
	background:#318236;
	color:#fff;
	padding:2.5rem;	
	font-weight: 600;
	font-size: 27px;
	line-height: 32px;
	margin: 0 -1rem;
}
#blocPanier #totalPanier .qty{
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
}
#blocPanier .close-file{
	text-align: center;	
	margin: 2.5rem 0 1.5rem;
}
#blocPanier .close-file a{
	display: inline-block;
	text-decoration:none;
	color: #318236;
	background: #FFFFFF;
	border: 3px solid #318236;
	border-radius: 7px;
	padding: 15px 60px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}
#blocPanier .close-file a:hover,#blocPanier .close-file a:focus{
	color: #FFFFFF;
	background: #318236;
}

#blocPanier .list-visu .card:hover, #blocPanier .list-visu .card:focus{
	transform: scale(1);	
	border: 1px solid black;
}
#blocPanier .modal-header{
	border-color: #808080;
}
#blocPanier .modal-header .close {
    font-size: 5rem;
    font-weight: 300;
    line-height: 3rem;
}
#blocPanier .modal-title{
	color: #000;
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	font-size: 31px;
	line-height: 37px;
	text-align:center;
}

#loadingModal p{
	font-family: 'Barlow Condensed', sans-serif;
    font-size: 4rem;    
    line-height: 4rem;
    padding: 2rem;
    background: white;
}
#loadingModal .spinner-border{
	width: 5rem;
    height: 5rem;
}

.less-cart:disabled {
	cursor: not-allowed;
}
#boutonPanier{
	font-family: 'Barlow Condensed', sans-serif;
	color:#fff;
	background: rgb(90, 155, 94);
	border-radius: 11px;
	font-weight: 600;
	font-size: 18.9474px;
	line-height: 23px;
	border:none;
	padding: 0 0.5rem 0 0;
	position: fixed;
	right: 2rem;
	z-index: 999;
	top: 1rem;
}
#boutonPanier .qte-wrap{
	background: #318236;
	border-radius: 11px;
	height: 100%;
	display: inline-block;
	padding: 2rem 3rem 2rem 0.5rem;
	position: relative;
}

#boutonPanier .TotalQty{
	color: #318236;
	background: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 14px;
	position: absolute;
	top: 0.5rem;
	border-radius: 100%;
	padding: 1rem;
	right: 0.5rem;
	width: auto;
	min-height: 3rem;
	min-width: 3rem;
}
#boutonPanier .total{
	margin: 0 0.5rem;
}

#boutonPanier:disabled{
  background-color: #ccc;
  color: #000;
  cursor: not-allowed;
}

.tx-codisaq-catalog.disabled form{	
	cursor: not-allowed;
}
.tx-codisaq-catalog.disabled form button,.tx-codisaq-catalog.disabled form input{		
	pointer-events: none;
}

@media (min-width: 768px){
	#categoriesTree{
		width:100%
	}	
	#blocPanier .card-body h3,#blocPanier .codis-price{
		max-width: 240px;
	}
}	
@media (max-width: 767px){
	#categoriesTree .dropdown-menu{
		position:relative;
		left: 0;
	}	
}	

@media (min-width: 576px){
	
	#blocPanier .card-body h3,#blocPanier .codis-price{
		max-width: 240px;
	}


	#blocPanier .modal-dialog {
	    min-width: 400px;
	}
	
}

@media (min-height: 1400px){
	.sticky-top-categories {
	    position: sticky;
	    top: 0;
	    z-index: 1020;
	}
}

.fa-snowflake-o{  
  color: #EE82EE; 
}	

.fa-thermometer-half{  
  color: #0000FF; 
}	

.box-search {  
  z-index: 1; 
  width: 350px;
  text-align:left; 
  vertical-align:center;   
}

.tab-search {
	border-width:0px;	
}

.tab-search-left {	
	width: 25%;
	border-width:0px;	
}

.tab-search-middle {	
	width: 25%;
	border-width:0px;	
}

.tab-search-right {		
	width: 50%;	
	border-width:0px;
	text-align:left;
}
.button-search {
	margin-top: 0px;
}

	.form-group-search {
      position: relative;
      margin-bottom: 0.5rem;
    }

    .form-group-search input {
      height: calc(3.5rem + 2px);
      padding: 1rem .75rem;
    }

    .form-group-search label {
	  font-family: "barlow Condensed", helvetica, arial, sans-serif;
      position: absolute;
      top: 0;
      left: 0.75rem;
      height: 100%;
      padding: 1rem 0;
      pointer-events: none;
      border: 1px solid transparent;
      transform-origin: 0 0;
      transition: all 0.2s ease-in-out;
    }

    .form-group-search input:focus + label,
    .form-group-search input:not(:placeholder-shown) + label {
      transform: scale(0.85) translateY(-4.0rem);
      background-color: white;
      padding-left: 0rem;
      padding-right: 0.5rem;
    }

    .form-group-search input:focus {
      outline: none;
      border-color: #80bdff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }