/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.dahive-products #form-recap .row{
	margin-bottom:1rem;
}

.dahive-products #form-recap .row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}

.dahive-products #form-recap .row > div{
	box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}

.dahive-products #form-recap .row > div.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}

@media only screen and (min-width:64em){
	.dahive-products #form-recap .row > div.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
	.dahive-products #form-recap .row > div.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
	.dahive-products #form-recap .row > div.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
	.dahive-products #form-recap .row > div.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
}

.dahive-products #form-recap input[type=text], .dahive-products #form-recap input[type=email], .dahive-products #form-recap input[type=number] {
	width:100%;
}

.dahive-products input[type=submit]{
	display: block;
    margin-left: auto;
    font-weight: bold;
    padding: 1rem;
}

.dahive-products #form-recap label{
	text-align:left;
	font-weight:bold;
	width:auto;
}

.dahive-products #dp-adresse-livraison{
	display:none;
}

.dahive-products .dp-breadcrumb{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 1rem;
}
	.dahive-products .dp-breadcrumb .step{
		flex:1;
		margin-right:4px;
		background:#f5f5f5;
		text-align:center;
		padding:.5rem;
	}
		.dahive-products .dp-breadcrumb .step:last-child{
			margin-right:0;
		}
		.dahive-products .dp-breadcrumb .step.active{
			font-weight:bold;
		}

.dahive-products .dp-head,  .dahive-products .dp-product{
 	display:flex;
 	justify-content:space-between;
}

	.dahive-products .dp-head > *,  .dahive-products .dp-product > *{
		margin-right:.5rem;
		display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items:center;
		padding:.25em;
	}
	.dahive-products .dp-head .sort:after {

	}
		.dahive-products .dp-head .sort:after {
		  display: flex;
		    width: 1em;
		    height: auto;
		    font-size: 19px;
		    color: #057ed8;
		    content: '◂▸';
		    transform: rotate(90deg);
		    letter-spacing: -8px;
		    line-height: 1;
		    text-indent: -8px;
		    justify-content: center;
		}
		.dahive-products .dp-head .sort.asc:after {
		  content: '◂';
		}
		.dahive-products .dp-head .sort.desc:after {
		  content: '▸';
		}
		.dahive-products .dp-head .sort.asc,.dahive-products .dp-head .sort.desc {
		  background:rgba(0,0,0,.05);
		}
		.dahive-products .dp-head .sort:hover {
		  cursor:pointer;
		  background:rgba(0,0,0,.1);
		}

.dahive-products .dp-cat{
	margin-bottom:1rem;
}
.dahive-products .dp-cat-title{
	font-weight:bold;
	font-size:1.2em;
	background:#eee;
	padding:.25em;
	margin-bottom:4px;
}
	.dahive-products .dp-cat-title.acc_head:hover{
		cursor:pointer;
	}
.dahive-products .dp-head{
	font-size:0.8em;
	background:#f5f5f5;
}

.dahive-products .name{
	flex:1 1 auto;

}
	.dahive-products .dp-product .name{
		font-weight:bold;
	}
.dahive-products .visuel_main{
	width:20%;
	max-width:120px;
	text-align: center;
}
.dahive-products .ref{
	width:10%;
	max-width:160px;
	text-align: center;
}
	.dahive-products .dp-product .ref{
		font-size:0.8em;
	}
.dahive-products .plan{
	width:10%;
	max-width:160px;
	text-align: center;
}
	.dahive-products .dp-product .plan{
		font-size:0.8em;
	}
.dahive-products .qte{
	width:15%;
	max-width:60px;
}


	.dahive-products .dp-product img{
	 	max-width:100%;
	}