@CHARSET "UTF-8";

:root{
	--bg-footable-blue : #222;
	
	
	
}

.TRetrait , .myListRetrait {display:none !important;}


.myListConnect {
    background: whitesmoke;
    padding: 0.75em;
    border-radius: 1vh;
    position: relative;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-around;
}

.myListConnect .suffixe{display:none;}

html{position:fixed; touch-action: none;}
textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}


.manageSupply.icon-close, .manageSupply.icon-cog, .myListConnect .btnON {
    cursor: pointer;
}

.myListRetrait .ON .btnON, .myListRetrait .OFF .btnOFF, .myListConnect .btnON {
    background-color: #134167;
    color: whitesmoke;
}
.btnON, .btnOFF {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.75em;
    transition: all 0.5s;
    border-radius: 1vh;
}

.swVersion{color: green;flex-basis: 100%;padding: 0 1vw;}
.myListSupply {margin:0 1vw;}
.button_valid{background-color:#134167; color:whitesmoke;border-radius:1vh;margin: 0 1.5em;cursor:pointer;}
.button_valid.scan{background-color:transparent;}
.detailOrder{background:whitesmoke;border-radius:1vh;amargin:2vh 1vw 2vh;aheight:calc(100% - 4vh);    height: calc(100vh - 5vw);
    margin: 0 1vw;}
.athide{visibility:hidden;}
.dnone{display:none !important;}
#div_container_1_h{justify-content: space-between;    height: 5vw;}
html{height:100%;background-color: #222;}
body{background-color: #222;margin:0;overflow: hidden;}
.small{font-size:0.8em;}
.logo img{max-width:100%;max-height:100%;}
.header_delivery{position:relative;padding:1em 1em;box-sizing:border-box;}

.listOrder {box-sizing:border-box;margin:0 1vw;max-height:100%;overflow: auto;}
.connected{color:green;}

.hideScroll{overflow: auto;}
.hideScroll::-webkit-scrollbar {
  width: 0px; /* width of the entire scrollbar */
}

.hideScroll::-webkit-scrollbar-track {
  background: #222; /* color of the tracking area */
}

.hideScroll::-webkit-scrollbar-thumb {
  background-color: #222; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid #222; /* creates padding around scroll thumb */
}


.cartTable{margin:0;}
.getDetailsOrderInformation{border-collapse:collapse;}
.getDetailsOrderInformation td{padding:0.5em 0.25em;}
.getDetailsOrderInformation td:before{padding-left:1em;}


/* Gestion de la table */
	#div_container_7_rm{    background-color: ghostwhite;display:inline-block;width:calc(25% - 1px);margin-top:0px; top:0px;right:0px;position:absolute;border-left: 1px solid #FD7327;height:100%;}
	#div_container_5_fr{width:100%;height: calc(100vh - 5vw);position: relative;}
	.simpleCart_delivery thead{display:none;}
	.large_container_button_activite >div, .large_container_button_activite > a >div{background-color:white;border-radius:1vw;margin:2vw;}
	.footable.blue{border:0px;}
	.footable.blue thead{display:none;}
	.footable.blue tbody{display: table;border-spacing: 0 2vh;width: 100%;}
	.arrowopn{
	font-size:9vw;
	position:absolute;
	padding:5vw;
	margin:2vw;
	top:4vw;
	right:0;
}

.backecom{position:absolute;    width: 30vw; margin-left: 35vw;}

.normalPosition{
    position: absolute !important;
    left: 20vw;
    width: 80vw !important;
    height: 100%;
	text-align:right;
	padding-bottom: 0vh !important;
    background-color: white;
    box-shadow: inset 2px 0px 5px 0px #656565;
    z-index:1 !important;
}

.rightMenuClose{
	position:absolute !important;
	left:0vw !important;
	background-attachment: fixed;
  	background-image: url("../images/efoodage/bkard.jpg");
  	background-position: center center;
  	background-repeat: repeat-y;
  	background-size: 100% auto; 
  	transition: all .5s;
  	transform: translate3d(0,0,0);
  	transition: all .5s ease-in;
	z-index:2 !important;
}
.rightMenuClose.rightMenuOpen{
  	
  	left:-80vw !important;
	z-index:2 !important;
	
}


.normalPosition .simpleCart_delivery{
	width: calc(100% - 5px);
    display: inline-block;
}

.footable>tbody>tr>td{padding:0;border-top-width:0px}
.footable tr>td:first-child{padding:1.25em 0.75em;}
.footable tr>td:last-child span{padding:1.25em 0.75em;}

.footable tr td:first-child { border-top-left-radius: 1vh; border-bottom-left-radius: 1vh;}
.footable tr td:last-child { border-top-right-radius: 1vh; border-bottom-right-radius: 1vh; overflow:hidden;}



	#global_container{display:flex;flex-wrap:wrap;align-items:strech;}
	.marginTitle{margin-top:0;}
	.choicebox.getOrders,.choicebox.getParam{width:49vw;height:calc(45vh - 1px);margin:22.5vh 0;background-color:#4FACE5; color:white;}
	.large_container_button_accueil > .duplicate_line, .large_container_button_activite > .duplicate_line, .large_container_button_menu > .duplicate_line, .container_button_activite > .duplicate_line {
    width: inherit;
    padding: 1vh 1vw;
    border-bottom: 0.3vh solid grey;
    width: 42vw;}
    .footable-toggle{display:none;}
	.getParam{background-color:#F68712;}
	div[class*="simpleCart_"] .footable-first-column .footable-toggle:before{position:static;top:inherit;left:inherit;}
	.button_pay, .cancel_order, .cancel_order_final, .saveAdded, .addProduct, .cancelAdd, .scanCoupon {margin:0;padding:1em 2em;box-sizing:border-box;text-align:center;flex-grow:1;color:#134167;background-color: transparent;}
	.addProduct{color: #337a36;padding: 4vh 4vw;}
	.cancel_order{background-color: firebrick !important;color:white !important;display:none;}
	.cancel_order_final{background-color: black !important;color:white !important;}
	/*.cancelAdd, .saveAdded{width:92vw !important;;}*/
	/*.saveAdded{background-color:#80CC28;}*/
	.button_delete {margin-right: 4vw; width:20vw !important;}
	.cancelAdd{margin-right: 20vw; width:20vw !important;}
	.button_pay{background-color:#134167;color:white;}
	.cancel_order{}
	.saveAdded{color: green;}
	.detailOrderCart{height:calc(100% - 8em);apadding-bottom:3em;}
	.cartTable tbody tr:nth-child(even){background-color:whitesmoke;}
	.alignRight{text-align:right;}
	.alignLeft{text-align:left;}
	
	
	.pendingSend{padding:0 1em;box-sizing:border-box;flex-basis:100%;}
	.pendingSend input[type="radio"] {
position:absolute;left:-99999999999px;
}
.pendingSend input[type="radio"] + label, .filterFootable .t_g{
  box-sizing: border-box;
  display: inline-block;
  padding:0.5em 0.75em;
  transition: all 0.5s ;
  color:whitesmoke; 
}
.filterFootable #filter{padding:0.5em 0.75em; box-sizing: border-box;display: inline-block;border-radius:1vh;width:20em;}

.pendingSend input[type="radio"]:checked + label {
  background-color: #134167;
  border-radius:1vh;
}

.alignC{align-items:center;}

/** formulaire de connexion**/
.formLogin{display:flex; justify-content: center;color: whitesmoke;}
	
.fullBlock{width:100%;}
.lineTitle{    background: #134167;
    color: white;}
.infoOrder{width:100%;border-top: 2px solid #134167;border-bottom: 2px solid #134167;}
.flex.align{justify-content: space-between;align-items: center;height:100%;}
.flex .halfW{flex-basis:50%;}
.wrap{flex-wrap:wrap;}

body,html{height:100vh;text-align:center;width:100%;margin:0;
-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */}	
h1.t_g{font-family: 'Roboto'; font-size: xx-large;text-rendering: optimizeLegibility;  text-align:center;  color: whitesmoke;padding:0.25em 1em;box-sizing:border-box;flex-basis:100%;}

a{color:inherit;}
body{min-height:100%;}
html{background-color:white;}
.small{font-size:0.8em;}
.big{font-size:1.2em;}
.text_generic, .t_g, input {font-size:large;font-family: 'Roboto';text-rendering: optimizeLegibility; }
a.text_generic>*{font-size:2vw !important;}
#container_submenu{display:table;width:100%;margin:auto;}
#global_container{font-size:0;width:100%;min-height: 100%;position: relative;text-align:left;margin:auto;}
.c_r{display:block;}
div[id^="div_container_"], span[id^="div_container_"]{display:block;width:100%;z-index:1;}
.box_linking{width:600px; display:inline-block;vertical-align:middle;}
.box_TS, .box_GG{width:400px;display:inline-block;vertical-align:middle;}
.box_TS>*{width:100%;}
#global__080_footer__groups__6200{float: right;margin-top: 4vw;}
a.textLinkPhone{position: absolute;top:55px;left: 65px;font-size: 20px;color: white;}
.block_button_activite img, .block_button_double img{max-width:100%;}
.large_container_button_activite>span, .large_container_button_activite >div, .large_container_button_activite > a >div{border:0.2vw solid #ffa808;width:30%;background-color:white;border-radius:0.2vw;margin:2% 5%;}
.large_container_button_menu >div{border:0.2vw solid #ffa808; background-color:white;width:15%;border-radius:0.2vw;margin:2%;vertical-align:bottom;}
.large_container_button_accueil >div{border:0.2vw solid #ffa808; background-color:white;width:15%;border-radius:0.2vw;margin:2% 5%;}
.large_container_button_accueil img, .large_container_button_menu img, .container_button_activite img, .block_button_activite img{max-width:100%;max-height:100%;}
.sixblocks>div{width:12%;}
.large_image_block_activite{width: 100%;height: 100%;padding: 0px 0px;}
.image_block_activite{width: 100%;height: 15vh;padding: 0px 0px;}
#DOMWindowIframe{background-color:transparent !important;}
.fullWidth, .f_w{width:100%;}
.info_page{width:10vw;}
.previousPage, .cancelPage, .block_noThanks, .button_connect, .bsm{    border-radius: 1vh;padding: 1vh 1vw;margin: 1vh 2vw;sbackground-color: #4d4d4d;color: white !important;cursor: pointer; width:initial;z-index:500;}
.block_noThanks{margin-top:8vw;}
.previousPage{}
.ib{display:inline-block;}
.previousPage{background-color:#F68712;}
.cancelPage{background-color: #ffa808;}
.bsm{background-color:#80CC28;}
.cancelPage{width:initial;}
.hide{display:none;}
.goToSettings{color:white;box-sizing:border-box;flex-basis:100%;text-align: end;display:flex;align-items:center;    justify-content: end;}
.goToSettings .manageSupply, .goToSettings .changeDureePrepa, .goToSettings .managePrinter {padding:0 1em;}
.printerLog{color: yellow}

/**frame**/
h2.t_g, h2{font-family: 'Roboto';margin: 0px auto;text-align: center;font-weight:normal;    font-size: x-large;}
h3.t_g, h3{font-family: 'Roboto';font-size: large;font-weight:normal;text-align: center; }

.simpleCart_delivery tr{display : flex;flex-wrap:wrap;padding:1vh 0;}
.simpleCart_delivery td{flex-basis:100%;display : inline-flex;    align-items: center;}
.getHour{display:flex;align-items: center;}

.simpleCart_delivery td:before{padding: 0.5em 0em;}
.simpleCart_delivery td.item-quantity, .simpleCart_delivery td.item-price{    flex-basis: 50%;
    box-sizing: border-box;
    align-items: center;
    text-align: left !important;
    padding: 0 0.25em;
    justify-content: end;}
.simpleCart_delivery td.item-quantity{justify-content: normal;padding:0;}
.simpleCart_delivery td:before{content: attr(data-title) " : "; margin:0 0.25em;width:8em;}



.paymentQtyProduct, .paymentContainerQty, .paymentContainerEspaceVide, .paymentContainerPrice, .paymentPriceProduct,.paymentContainerDecrement, .paymentDecrementProduct{display:block;}
.paymentContainerQty, .paymentContainerPrice{margin-top:3vw;}
.paymentContainerDecrement{margin-top:5px;margin-bottom:3vw;}
*[class*="simpleCart_"], *[class*="simpleCart_"] table{width:100%;border-spacing:0px;margin-bottom: 0em;}
.simpleCart_tax, .simpleCart_totalht, .simpleCart_totalttc , .simpleCart_shipping , .simpleCart_totaldelivery, .simpleCart_total {width:50%;} 
.twhite{color:white!important}
*[class*="simpleCart_"] .item-thumb img{max-width:10vw;}
*[class*="simpleCart_"] .item-thumb {width:10vw;}
*[class*="simpleCart_"] .item-name a{	display:block;}
/*centrage du au 2 colonnes*/*[class*="simpleCart_"]  th.item-name{padding: 0px;}
*[class*="simpleCart_"] .headerRow .item-price{padding: 2vw;}
*[class*="simpleCart_"] .simpleCart_remove:after{content:'';}
.displayItemChanged{display:none;}
.arrowPayment{padding:2vw;margin:2vw 3vw;border:0.2vw solid #544437;background-color:white;color: #544437;} 
.currentArrowPayment{background-color: #80CC28; color:white;border-color: #619323;}
#mainDiv__payment_step-1__07_frame__text__300__20__text{float:left;margin:3vw 1vw;}
#mainDiv__payment_step-1__07_frame__text__300__30__text{float:right;margin:3vw 1vw;}
#payment_step-1__07_frame__groups__000{margin:2vw 0px;background-color:white;}
.GandG_cart{height:20vw;overflow-y:auto;}
#div_container_050_right .GandG_cart{height:87vh;}

.GandG_cart h2 , .GandG_account_address_without_menu h2{font-family: 'Roboto' ; margin:0px;height:3vw}
.GandG_account_address h3{color:black;}
.GandG_resume{width: 100%;padding:0;margin-top: 0px;text-align:right;font-weight:bold;color:black;position:absolute;left:0px;bottom:10vh;}
.labelDisplayTotalCart{    padding: 0% 5%;  width: 40%;}
.icon-minus, .icon-plus{color:#E24912;}
.GandG_resume_confirmAdd{width:80%; margin:5% 10% 0%;}
.GandG_labelConfirm{width:100%;color:white;position:relative;}
.GandG_CartORContinue .payment_button{float:right;margin:2vw;}
.GandG_CartORContinue .button_edit{float:left;margin:2vw;}
.GandG_CartORContinue .button_edit{padding:3vw;color:#544437} 
.simpleCart_itemadded thead{display:none;}
.simpleCart_itemadded .odd, .simpleCart_itemadded .even{background-color:white !important;}
.titlePayment{text-align:center;}
#global_sign_in_customer .line_form, #global_sign_up_customer .line_form, #main_global_div_info_customer .line_form{text-align:left;}
#global_sign_in_customer, #global_sign_up_customer{width:30vw;}
.GandG_password_info{display:none;}
.authentification_error{display:block;}
.GandG_cart input, .GandG_account_address_without_menu input{width:20vw;}
.GandG_cart .button_edit{text-align:center;padding: 3vh 2vw;z-index:500;cursor:pointer;}
.GandG_account_address_without_menu{color:black;}
#main_global_div_info_customer{text-align:center;}
.centerTitle h1{text-align:center !important;}
.GandG_delivery{background-color:white;color:black;width: 100%;}
.GandG_delivery #main_global_div_info_customer_profile{border:0px; border-bottom:0.2vw solid white;}
.GandG_Paiement, .GandG_ChoicePayement { width: 100%;padding: 0px;background-color:transparent;position:absolute;bottom:0px;left:0px;text-align:center;}
.GandG_Paiement .button_edit{float: left;}
.GandG_Paiement .payment_button{float: right;}
#main_global_div_info_customer_profile{text-align:left;}
.zone_resume_info{text-align: left;}
.GandG_choice_button, .GandG_descriptionPayment{vertical-align:middle;}
.GandG_descriptionPayment{float:left;}
.GandG_choice_button{float: right;margin: 3vw 5vw 0px 0px;}
.GandG_choice_button .payment_button{width:10vw;}
.simpleCart_delivery thead{display:none;}
.displayErreur{color:red !important;font-style: italic;}
.errorLabel{display:none;}
.payment_button.simpleCart_checkout{width:initial;padding:3vw;}
.item-quantity{text-align: center !important;}
.simpleCart_delivery .item-thumb{
    width: 70%;
    text-align: center;
}

.icon-bag2:before{color: #134167;}
.icon-truck{display:none;}
.icon-truck:before{color: #134167;}
.icon-new:before{font-family: 'Roboto' !important;text-rendering: optimizeLegibility;content:'Payé';color:whitesmoke;}
.icon-food2{color:whitesmoke;}
.icon-new, .icon-food2{background-color:green;}
.detailsOrder{ text-align:center;display:block;}


.detailsOrder.toPay{ background-color:orange;}
.toPay:before{font-family: 'Roboto' !important;text-rendering: optimizeLegibility;content:'A payer';color:whitesmoke;}
.cartValueRow span[class^='paymentDisplay'] {display:block;text-align:left;}

/****** End Affichage du panier ******/

.addProduct , .totalProduct { padding: 2vh 4vw;}
.getHour:before{padding-right:0.75em;}

div[class*="simpleCart_"] .footable .simpleCart_remove:after{display:none;}
.orderHeaderInfo .btnaddcomm{font-size: 8vw !important;width: 50%;color: #134167;}

.iFramAddNewOrder{border:0;width:100%;height:93vh;overflow:hidden;padding:0;box-sizing: border-box;}


.relative{position:relative;}
.orderActionBar{position: absolute;bottom:0;width:100%;    z-index: 1;}
.fullH{height:100%;}
.fullH:after{    content: '';  display: block; height: 5vw;}

.fullW{width:100%;}
.saveOnChange, .myListPrinter{background:whitesmoke;}
.myListPrinter{padding:0.75em; border-radius:1vh; position : relative;display:flex;width:100%;box-sizing: border-box;    align-items: center;}
.myListPrinter .prefixe, .myListPrinter .suffixe{width:50%;display:flex;}
.changePrinter{display:none;}
.myListPrinter select {
    font-size: large;
    line-height: 1.1;
    width: 100%;
    box-sizing: border-box;
    padding: 0.25em 0.5em;
    background-color: white;
    border: 1px solid #d9dadc;
}


.footable{    margin-top: 0 !important;}
.footable tr.awaiting_order td, .footable tr.sent td{background: whitesmoke;}

.header_delivery .button_print{padding:0 1em;    align-items: center;display: flex;}
.item-remove, .item-decrement, .item-increment{display:none;}


/******Pagination *****/
div.container_pager{margin: auto;width: 100%;text-align: center;-moz-user-select: -moz-none; -webkit-user-select: none;-khtml-user-select: none; -o-user-select: none; user-select: none;    position: absolute;bottom: 3vw;background-color:transparent;}
.pager_group, .pager_leftArrow, .pager_rightArrow{width:5vw;height:3vw;line-height:3vw;border-radius:0.2vw;  padding: 1vw;margin:0px 3vw;background-color: #4d4d4d;color:white !important;cursor:pointer; -moz-user-select: -moz-none;-webkit-user-select: none;-khtml-user-select: none; -o-user-select: none;user-select: none;}
.pager_leftArrow, .pager_rightArrow{margin:0px 5vw;font-weight:bold;}
a.pagerCurrentPage, .pager_group:hover,  .pager_leftArrow:hover, .pager_rightArrow:hover{background-color:#F68712;}

/*******gestion cmd****/
.GroupTab, .displayMyTab{display:block;}
.displayMyTab .footable, .displayMyTab div{width:100%;}
.disabledOrder{background-color:#e0e0e0;}
.displayDetailBubble{width:100%;text-align:center;}
.bulleDetailResa{width:95%;background-color:white;border-radius:0.2vw;margin:3vw 2.5%;display:inline-block;position:relative;font-size:1.2em;}
.bulleDetailResa input{transform:scale(1.2)}
ainput[type="checkbox"]:checked+label{text-decoration:line-through;}
.afullWidth{width:100%;height:100%;}
.closePopupDetail:before{font-family: 'gandg' !important; content: "\e1c3";color:#d30000; font-size:4vw;position:absolute;top:0.2vw;right:0.2vw;}
.bulleDetailResa .myItem{text-align:left;margin:3%;width:96%;}
.bulleDetailResa .myItem>div{text-align:left;margin:2vw;}
.bulleDetailResa .myItem:nth-child(odd){background-color:white;}
.bulleDetailResa .myItem:nth-child(even){background-color:white;}
.addBoisson .block_button_activite{position:relative;}
.block_button_activite{display:block;}
.block_button_activite .price{position: absolute; bottom: 0; z-index: 2;width: 5vw; right: 0;background-color:white;}



/**** gestion des stocks ***/ 

.displaySupply .radioBox{padding:0 1em;box-sizing:border-box;flex-basis:100%;    text-align: end;}
.displaySupply .radioBox input[type="radio"] {
position:absolute;left:-99999999999px;
}
.displaySupply .radioBox input[type="radio"] + label {
  box-sizing: border-box;
  display: inline-block;
  padding:0.5em 0.75em;
  transition: all 0.5s ;
  border-radius:1vh;
   color: #134167; 
}
.displaySupply .radioBox input[type="radio"]:checked + label {
  background-color: #134167;
   color: whitesmoke; 
}

.displaySupply tfoot{display:none;}
/* Gestion du temps de preparation **/
.goToSettings .changeDureePrepa select{border:0;background-color:var(--bg-footable-blue);color: whitesmoke;    font-size: 1em; box-sizing: content-box;}
.goToSettings .changeDureePrepa option{padding:0.5em 0.25em;text-indent:2em; box-sizing: content-box;}
.goToSettings .changeDureePrepa option:checked{border:0;background-color: #134167;color: whitesmoke;}


/* Loader 6 */
.loader-6 {
	height: 32px;
	width: 32px;
}
.loader-6 span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
}
.loader-6 span::before,
.loader-6 span::after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
	border: 2px solid #000;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: loader-6-1 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) infinite;
	        animation: loader-6-1 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) infinite;
}
@-webkit-keyframes loader-6-1 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }
}
@keyframes loader-6-1 {
	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { transform: translate3d(0, 0, 0) scale(1.5); opacity: 0; }
}
.loader-6 span::after {
	-webkit-animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s infinite;
	        animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) .25s infinite;
}
@-webkit-keyframes loader-6-2 {
	0%   { -webkit-transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(1); opacity: 0; }
}
@keyframes loader-6-2 {
	0%   { transform: translate3d(0, 0, 0) scale(0); opacity: 1; }
	100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0; }
}

/* Layout */
.center {
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
}