/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700&display=swap');

/***** scollbar *****/
::-webkit-scrollbar					{ width:10px; background-color:#ddd;}
::-webkit-scrollbar-thumb			{ background-color:#222;}

@media (max-width:1200px) {
::-webkit-scrollbar					{ display:none;}
}


html,body{
	padding:0;
	margin:0;
	font-family:"Barlow", Arial, Helvetica, sans-serif;
	font-size:15px;
}

.main 								{ max-width:1080px; padding:0 5vw; margin:0 auto;}

@media (max-width:600px) {
.main 								{ padding:0 7.5vw 0 7.5vw;}
}


.main *{
	box-sizing: border-box;
}

.error{
	border:1px solid #C00;
	border-radius: 5px;
	padding:5px;
	margin:5px;
	color:#C00;
}

.confirm{
	margin:40px 0;
	padding:45px 20px 50px 20px;
	color:#fff;
	font-size:18px;
	letter-spacing:0.4px;
	font-weight:500;
	text-align: center;
	background:#222;
}
.confirm p 										{ margin:0;}
.confirm p span									{ display:block; color:#4ebb19; margin:10px 0;}

/* PAGE COMMANDE */
.texte_commande 								{ font-size:16px; line-height:28px; letter-spacing:0.2px;}
.texte_commande.intro							{ margin-bottom:60px;}
.texte_commande :last-child						{ margin-bottom:0;}
.texte_commande p								{ margin:0 0 20px 0;}
.texte_commande b								{ font-weight:600;}
.texte_commande p a								{ text-decoration:none; color:#4ebb19;}


#categories  									{ width:100%;}
#categories .ui-widget							{ font-family:"Barlow", Arial, Helvetica, sans-serif; margin-bottom:20px;}
#categories .ui-accordion-header				{ border-radius:0; border:none; background:#222; color:#fff; border-radius:5px; outline:none; font-weight:500; font-size:16px; line-height:24px; margin:0; padding:15px 20px; letter-spacing:0.2px; transition:background 400ms ease-in-out;}
#categories .ui-accordion-header:after			{ width:16px; height:100%; position:absolute; right:25px; top:0; background:url(images/arrow_down.svg) 50% no-repeat; content:"";}
#categories .ui-accordion-header .ui-icon		{ display:none;}
#categories .ui-accordion-header-active			{ border-bottom-right-radius:0; border-bottom-left-radius:0; background:#4ebb19;}
#categories .ui-accordion-header-active:after	{ transform:rotate(180deg); top:2px;}

/*
@media (min-width:1201px) {
#categories .ui-accordion-header:hover			{ background:#4ebb19;}
}*/


#categories .ui-accordion-content		{ border:1px solid #ccc; border-top:none; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:0 15px;}

#categories table						{ width:100%; border-collapse:collapse;}
#categories table td					{ padding:20px 5px; border:none; border-bottom:1px solid #ccc;}
#categories table tr:last-of-type td 	{ border-bottom:none;}

#categories .dishPic					{ vertical-align:top;}
#categories label						{ display: block; margin-top:5px; font-size:16px; line-height:24px; font-weight:600; letter-spacing:0.2px;}
#categories .desc						{ font-size:14px; line-height:22px; letter-spacing:0.2px; margin-top:5px;}
#categories .price						{ font-size:16px; font-weight:500; width:70px; text-align:right; color:#4ebb19;}
#categories .qtyCell					{ text-align:right; width:90px;}
#categories .productQty					{ padding:5px; font-family:"Barlow", Arial, Helvetica, sans-serif; font-size:15px; outline:none; border:1px solid #ccc; border-radius:5px; height:40px;}

#estimatedTotalContainer				{ border:1px solid #ccc; padding:15px 20px; line-height:25px; border-radius:5px; text-align:right; margin-bottom:60px; font-weight:500; background:#fff;}
#estimatedTotal							{ display:inline-block;	width:80px;}

#pickUpDate								{ background:url(images/calendar.svg) 100% 50% no-repeat #fff;}
#pickUpSlot								{ padding:0 18px; font-family:"Barlow", Arial, Helvetica, sans-serif; font-size:15px; outline:none; border:1px solid #ccc; border-radius:5px; height:50px; width:100%; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; appearance:none; background:url(images/time.svg) 100% 50% no-repeat #fff; letter-spacing:0.4px;}

.commandeTitre 							{ font:600 20px/30px "Barlow"; letter-spacing:0.4px; margin-bottom:30px; padding-left:10px;}
.commandeForm 							{ margin:60px -10px 0 -10px; line-height:0; font-size:0;}
.commandeForm label						{ font-size:15px; line-height:25px; letter-spacing:0.4px; padding:0 0 10px 0; display:block;}
.commandeForm .formWrap 				{ padding:0 10px;}
.commandeForm input[type=text],.commandeForm input[type=email]	{ height:50px; padding:0 10px; width:100%; border:1px solid #ccc; border-radius:5px; padding:0 15px; margin:0 0 20px 0; outline:none; color:#222; letter-spacing:0.4px;}
.commandeForm textarea					{ width:100%; border:1px solid #ccc; border-radius:5px; margin:0 0 15px 0; outline:none; min-height:120px; padding:18px; font-family: arial,sans-serif; letter-spacing:0.4px;}
.commandeForm textarea.readonly			{ background-color:#f5f5f5;}
.commandeForm .requis					{ background:url(images/requis.svg) 100% 50% no-repeat #fff;}
.commandeForm .requisTxt				{ padding:8px 0 8px 18px; background:url(images/requis.svg) left 70% no-repeat; font-size:14px; margin:5px 0 15px 0; letter-spacing:0.4px;}
.commandeForm .formElmt					{ width:50%; padding:0 10px; display:inline-block; vertical-align:top;}
.commandeForm .formInfo					{ padding:10px;	border:1px solid #bbb; border-bottom:none; color:#C30; background-color:#eaeaea; font-size:0.9em;}
.commandeForm .link						{ width:auto; border:none; border-radius:5px; cursor:pointer; margin:15px 0 60px 0; height:52px; padding:0 25px 2px 25px; background:#222; color: #fff; font:500 16px/50px "Barlow"; outline:none; transition:all 400ms ease-in-out;}
.commandeForm .link:hover				{ background:#4ebb19;}

@media (max-width:700px) {
.commandeForm .formElmt					{ width:100%;}
}

.ui-widget.ui-widget-content			{ padding:10px 10px 5px 10px; margin:-1px 0 0 0; width:18em; border-color:#ccc;}