/********************************************************************************************************************************************************************************************
*
*
*
*
*	[common global css]
*
*
*
*
********************************************************************************************************************************************************************************************/
/***********************************************************
*
*
*	general ajax loading gifs - divs/forms etc
*	Note: .wppizza-load-redirect will not be removed on ajaxStop. only use if expecting a page reload or redirect
*	Or if you want to manually remove it after some event fires
*
***********************************************************/
/* loader setup */
#wppizza-loading, .wppizza-loading, .wppizza-load, .wppizza-load-redirect, .wppizza-loading-small {
	background:url('img/loader.svg') center center no-repeat;
	opacity:1;
	position:absolute;
	z-index: 2001;
	top:0;
	bottom:0;
	left: 0;
	right:0;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	background-size: 50px 50px;
	filter: grayscale(1);/* to keep it bland */
}
.wppizza-loading-small {background-size: 25px 25px;}
body > .wppizza-loading, body > .wppizza-load-redirect{background-attachment: fixed;}/*center spinner in viewpoint of body */

/* spinner */
.wppizza-ordernow-spinner,.wppizza-wait{background:url('img/loader.svg') center center no-repeat transparent !important;background-size: 80% 80% !important;filter: grayscale(1);/* to keep it bland */}


/***********************************************************
	buttons
***********************************************************/
#wppizza-send-order .wppizza-ordernow, #wppizza-send-order .wppizza-confirm-order{width:100%;}
/* gradient  for buttons */
.wppizza-orders-pickup-choice-toggle .wppizza-pickup-toggle,
.wppizza-cart .wppizza-item-quantity>.wppizza-remove-from-cart,
#wppizza-payment-methods > .wppizza-gateway-button
{
	color: #333;
	vertical-align: middle;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* payment button as image */
.wppizza-ordernow-img{text-align:center}


/***********************************************************
*
*	prettify js alerts (if enabled)
*
***********************************************************/
#wppizzaJsAlert {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
  	top:0;
	width:100%;
	height:100%;
	left:0px;
	z-index:10000;
	background-image:url('img/000000-0.8.png'); /* required by MSIE to prevent actions on lower z-index elements */
}

#wppizzaAlertBox {
	position:fixed;
	width:33%;
	min-height:100px;
  	max-height:400px;
	margin-top:50px;
	border:1px solid #fff;
	background-color:#fff;
	background-repeat:no-repeat;
  	top:125px;
  	border-radius: 15px;
}

#wppizzaJsAlert > #{
	position:fixed;
}

#wppizzaAlertBox #wppizzaAlertTitle {
	margin:0;
	color:#000000;
	padding:3px 15px;
	font-size:120%;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  	border-radius: 15px 15px 0 0;
}

#wppizzaAlertBox p {
	padding:10px 10px 5px;
	text-align:center;
	vertical-align:middle;
	margin:0;
}


#wppizzaAlertBox #btnWrap{
	text-align:center;
}

#wppizzaAlertOk{
	margin:10px 3px;
}
/* unrelated styles */

@media (max-width: 600px) {
  #wppizzaAlertBox{
	/*position:relative;*/
	width:90%;
  	/*top:30%;*/
	}
}
/***********************************************************
*
*	loops - global
*
***********************************************************/
/* header title, force float none for themes that float h1's (for unknown reasons) */
.wppizza-header > h1.wppizza-entry-title{float:none;}
/* category /header description - at least bit of a margin bottom here as default for themes that completely ignore it */
.wppizza-header > .wppizza-header-meta{margin-bottom:20px;}

/* stop some themes (2019, Im looking at you) adding stuff before for no good reason */
h2.wppizza-article-h2:before{content:none}/* stop some themes (2019, Im looking at you) adding stuff before for no good reason */
/* cursor over additives/ftype/allergen spans in title or added with elemnts = ...  attribute... */
.wppizza-article-ftypes > span, .wppizza-post-ftypes > span, .wppizza-article-additives > span, .wppizza-post-additives > span{cursor:default;}

/* additives/ftypes in post when added by element="additives,foodtype"  attribute somewhere */
.wppizza-post-additives,.wppizza-post-ftypes{clear: left;float: left;}

/* remove pointer when only for display */
.wppizza-article-price-viewonly, .wppizza-article-price-viewonly>div, .wppizza-article-price-viewonly>span{cursor:default !important; text-decoration:none}
.wppizza-article-price-viewonly>div:hover, .wppizza-article-price-viewonly>span:hover{text-decoration:none!important}

/* additives/allergens list at bottom of pages or if added by shortcode to a page (including foodtypes) */
.wppizza-additives,.wppizza-ftypes{text-align: center;}
.wppizza-additive, .wppizza-allergen,.wppizza-ftype{white-space:nowrap;}
.wppizza-additive>sup,.wppizza-allergen>sup,.wppizza-ftype>sup{padding:3px; vertical-align: super; top:0}
.wppizza-additive>sup:before,.wppizza-allergen>sup:before,.wppizza-ftype>sup:before{content:'('}
.wppizza-additive>sup:after,.wppizza-allergen>sup:after,.wppizza-ftype>sup:after{content:')'}


/***************************************************
	sku's in loop title/sizes
***************************************************/
.wppizza_sku_title{padding:0 5px 0 0}
.wppizza_sku{padding:0 2px}

/***********************************************************
*
*	ALLERGENS/FOODTYPE - ICONS
*
***********************************************************/

/******
	allergens (within additives div) :
	by default, bottom of page only or when using shortcode
	[wppizza type=additives]
******/
.wppizza-additives-icons > span{
	height:40px;
	line-height:40px !important;
	display:inline-block;
	/*border:1px solid blue;*/
}
/* allergen icons - if set  */
.wppizza-additives-icons > .wppizza-allergen-icon{
	padding-left:38px !important;
	background:url('img/allergens-sprite.svg') -8px 1px no-repeat;
	background-color:transparent;
	background-position: -100px 4000px;
	background-size: 30px auto;
	position:relative;
	/*border:1px solid red;*/

}
/* position the sprite */
.wppizza-additives-icons > .wppizza-allergen-gluten{background-position: 5px 5px;}
.wppizza-additives-icons > .wppizza-allergen-no_gluten{background-position: 5px 5px;}

.wppizza-additives-icons > .wppizza-allergen-crustaceans{background-position: 5px -36px;}
.wppizza-additives-icons > .wppizza-allergen-no_crustaceans{background-position: 5px -36px;}

.wppizza-additives-icons > .wppizza-allergen-eggs{background-position: 5px -76px;}
.wppizza-additives-icons > .wppizza-allergen-no_eggs{background-position: 5px -76px;}

.wppizza-additives-icons > .wppizza-allergen-fish{background-position: 5px -118px;}
.wppizza-additives-icons > .wppizza-allergen-no_fish{background-position: 5px -118px;}

.wppizza-additives-icons > .wppizza-allergen-peanuts{background-position: 5px -159px;}
.wppizza-additives-icons > .wppizza-allergen-no_peanuts{background-position: 5px -159px;}

.wppizza-additives-icons > .wppizza-allergen-soybeans{background-position: 5px -200px;}
.wppizza-additives-icons > .wppizza-allergen-no_soybeans{background-position: 5px -200px;}

.wppizza-additives-icons > .wppizza-allergen-milk{background-position: 5px -241px;}
.wppizza-additives-icons > .wppizza-allergen-milk_lactose{background-position: 5px -241px;}
.wppizza-additives-icons > .wppizza-allergen-no_milk{background-position: 5px -241px;}
.wppizza-additives-icons > .wppizza-allergen-no_milk_lactose{background-position:5px -241px}

.wppizza-additives-icons > .wppizza-allergen-nuts{background-position: 5px -282px;}
.wppizza-additives-icons > .wppizza-allergen-no_nuts{background-position: 5px -282px;}

.wppizza-additives-icons > .wppizza-allergen-celery{background-position: 5px -323px;}
.wppizza-additives-icons > .wppizza-allergen-no_celery{background-position: 5px -323px;}

.wppizza-additives-icons > .wppizza-allergen-mustard{background-position: 5px -364px;}
.wppizza-additives-icons > .wppizza-allergen-no_mustard{background-position: 5px -364px;}

.wppizza-additives-icons > .wppizza-allergen-sesame{background-position: 5px -406px;}
.wppizza-additives-icons > .wppizza-allergen-no_sesame{background-position: 5px -406px;}

.wppizza-additives-icons > .wppizza-allergen-sulphites{background-position: 5px -446px;}
.wppizza-additives-icons > .wppizza-allergen-no_sulphites{background-position: 5px -446px;}

.wppizza-additives-icons > .wppizza-allergen-lupin{background-position: 5px -487px;}
.wppizza-additives-icons > .wppizza-allergen-no_lupin{background-position: 5px -487px;}

.wppizza-additives-icons > .wppizza-allergen-molluscs{background-position: 5px -528px;}
.wppizza-additives-icons > .wppizza-allergen-no_molluscs{background-position: 5px -528px;}


/* *NON* allergens .... */
.wppizza-additives-icons > .wppizza-allergen-no_gluten:before,
.wppizza-additives-icons > .wppizza-allergen-no_crustaceans:before,
.wppizza-additives-icons > .wppizza-allergen-no_eggs:before,
.wppizza-additives-icons > .wppizza-allergen-no_fish:before,
.wppizza-additives-icons > .wppizza-allergen-no_peanuts:before,
.wppizza-additives-icons > .wppizza-allergen-no_soybeans:before,
.wppizza-additives-icons > .wppizza-allergen-no_milk:before,
.wppizza-additives-icons > .wppizza-allergen-no_milk_lactose:before,
.wppizza-additives-icons > .wppizza-allergen-no_nuts:before,
.wppizza-additives-icons > .wppizza-allergen-no_celery:before,
.wppizza-additives-icons > .wppizza-allergen-no_mustard:before,
.wppizza-additives-icons > .wppizza-allergen-no_sesame:before,
.wppizza-additives-icons > .wppizza-allergen-no_sulphites:before,
.wppizza-additives-icons > .wppizza-allergen-no_lupin:before,
.wppizza-additives-icons > .wppizza-allergen-no_molluscs:before{
	display: block;
	content: ' ';
	background-image: url('img/allergens-sprite.svg');
	background-size: 30px auto;
	background-position: 5px -566px;
	background-repeat: no-repeat;
	height: 37px;
	width: 37px;
	position:absolute;
	top:-2px;
	left:0;
}

/******
	allergens:
	in menu item title
******/
.wppizza-article-additives-icons > .wppizza-allergen-icon{
	background:url('img/allergens-sprite.svg') -8px 1px no-repeat;
	background-color:transparent;
	background-position: -100px 1000px;
	background-size: 20px auto;/* size of icons */
}
/* allergens post title and if added through elements attribute, remove text if there are icons */
.wppizza-article-additives-icons > .wppizza-allergen-icon{
	font-size:0;
	position:relative;
    display: inline-block;
    line-height: 25px;
    padding: 0 15px !important;
    /*border:1px solid black ;*/
}
/* position the sprite - centered as there will be no text */
.wppizza-article-additives-icons > .wppizza-allergen-gluten,.wppizza-article-additives-icons > .wppizza-allergen-no_gluten{background-position: center 1px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-crustaceans,.wppizza-article-additives-icons > .wppizza-allergen-no_crustaceans{background-position: center -27px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-eggs,.wppizza-article-additives-icons > .wppizza-allergen-no_eggs{background-position: center -53px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-fish,.wppizza-article-additives-icons > .wppizza-allergen-no_fish{background-position: center -81px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-peanuts,.wppizza-article-additives-icons > .wppizza-allergen-no_peanuts{background-position: center -108px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-soybeans,.wppizza-article-additives-icons > .wppizza-allergen-no_soybeans{background-position: center -136px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-milk,.wppizza-article-additives-icons > .wppizza-allergen-no_milk{background-position: center -163px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-nuts,.wppizza-article-additives-icons > .wppizza-allergen-no_nuts{background-position: center -191px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-celery,.wppizza-article-additives-icons > .wppizza-allergen-no_celery{background-position: center -218px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-mustard,.wppizza-article-additives-icons > .wppizza-allergen-no_mustard{background-position: center -245px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-sesame,.wppizza-article-additives-icons > .wppizza-allergen-no_sesame{background-position: center -273px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-sulphites,.wppizza-article-additives-icons > .wppizza-allergen-no_sulphites{background-position: center -299px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-lupin,.wppizza-article-additives-icons > .wppizza-allergen-no_lupin{background-position: center -327px; padding: 0 10px 0 20px !important;}
.wppizza-article-additives-icons > .wppizza-allergen-molluscs,.wppizza-article-additives-icons > .wppizza-allergen-no_molluscs{background-position: center -354px; padding: 0 10px 0 20px !important;}
/* *NON* allergens .... */
.wppizza-article-additives-icons > .wppizza-allergen-no_gluten:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_crustaceans:before,	
.wppizza-article-additives-icons > .wppizza-allergen-no_eggs:before,	
.wppizza-article-additives-icons > .wppizza-allergen-no_fish:before,	
.wppizza-article-additives-icons > .wppizza-allergen-no_peanuts:before,	
.wppizza-article-additives-icons > .wppizza-allergen-no_soybeans:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_milk:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_nuts:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_celery:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_mustard:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_sesame:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_sulphites:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_lupin:before,
.wppizza-article-additives-icons > .wppizza-allergen-no_molluscs:before	{
	/* border: 1px solid red; *//* dev : adding border will affect positioning ! */
    display: block;
    content: ' ';
    background-image: url(img/allergens-sprite.svg);
    background-position: 3px -381px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 2px;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background-size: 20px auto;
	
}
/******
	foodtype icons:
	in menu item title
	or when using shortcode [wppizza type=foodtype]
	or when using [wppizza ... elements="...,foodtype,..."]shortcode
******/
.wppizza-article-ftypes-icons > span, .wppizza-post-ftypes-icons > span, .wppizza-ftypes-icons > span{
	height:25px;
	line-height:25px !important;
	display:inline-block;
	/*border:1px solid green;*/
}
/* foodtype icons - if set  */
.wppizza-article-ftypes-icons > .wppizza-ftype-icon, .wppizza-post-ftypes-icons > .wppizza-ftype-icon, .wppizza-ftypes-icons > .wppizza-ftype-icon{
	padding-left:25px !important;
	background:url('img/ftype-sprite.svg') -8px 1px no-repeat;
	background-color:transparent;
	background-position: -100px 1000px;
	background-size: 25px auto;
}
/* foodtype post title and if added through elements attribute, remove text if there are icons */
.wppizza-article-ftypes-icons > .wppizza-ftype-icon, .wppizza-post-ftypes-icons > .wppizza-ftype-icon{
	font-size:0;
    display: inline-block;
    line-height: 25px;
    padding: 0 15px !important;
    /*border:1px solid black ;*/
}


/* position the sprite */

/* centered if there's no text */
.wppizza-article-ftypes-icons > .wppizza-ftype-mild, .wppizza-post-ftypes-icons > .wppizza-ftype-mild{background-position: center 0px; padding: 0 10px !important;}
.wppizza-article-ftypes-icons > .wppizza-ftype-medium, .wppizza-post-ftypes-icons > .wppizza-ftype-medium{background-position: center -28px; padding: 0 10px !important;}
.wppizza-article-ftypes-icons > .wppizza-ftype-hot, .wppizza-post-ftypes-icons > .wppizza-ftype-hot{background-position: center -58px; padding: 0 10px !important;}/* 58px */
.wppizza-article-ftypes-icons > .wppizza-ftype-very_hot, .wppizza-post-ftypes-icons > .wppizza-ftype-very_hot{background-position: center -87px; padding: 0 10px !important;}
.wppizza-article-ftypes-icons > .wppizza-ftype-halal, .wppizza-post-ftypes-icons > .wppizza-ftype-halal{background-position: center -114px;}
.wppizza-article-ftypes-icons > .wppizza-ftype-kosher, .wppizza-post-ftypes-icons > .wppizza-ftype-kosher{background-position: center -142px;}
.wppizza-article-ftypes-icons > .wppizza-ftype-vegetarian, .wppizza-post-ftypes-icons > .wppizza-ftype-vegetarian{background-position: center -174px;}
.wppizza-article-ftypes-icons > .wppizza-ftype-vegan, .wppizza-post-ftypes-icons > .wppizza-ftype-vegan{background-position: center -204px;}
.wppizza-article-ftypes-icons > .wppizza-ftype-frozen, .wppizza-post-ftypes-icons > .wppizza-ftype-frozen{background-position: center -242px;}

/* left aligned if shown with text - (i.e when using shortcode [wppizza type="foodtype"] ) */
.wppizza-ftypes-icons > .wppizza-ftype-mild{background-position: -1px 0px; padding: 0 10px !important;}
.wppizza-ftypes-icons > .wppizza-ftype-medium{background-position: -1px -28px; padding: 0 10px !important;}
.wppizza-ftypes-icons > .wppizza-ftype-hot{background-position: -1px -58px; padding: 0 10px !important;}
.wppizza-ftypes-icons > .wppizza-ftype-very_hot{background-position: -1px -87px; padding: 0 10px !important;}
.wppizza-ftypes-icons > .wppizza-ftype-halal{background-position: 3px -114px;}
.wppizza-ftypes-icons > .wppizza-ftype-kosher{background-position: 3px -142px;}
.wppizza-ftypes-icons > .wppizza-ftype-vegetarian{background-position: 3px -174px;}
.wppizza-ftypes-icons > .wppizza-ftype-vegan{background-position: 3px -204px;}
.wppizza-ftypes-icons > .wppizza-ftype-frozen{background-position: 3px -242px;}





/***********************************************************
*
*	all pages/carts - order tables
*	orderpage/confirmationpage/thankyoupage/(user)orderhistory/minicart/totals/maincart
*
***********************************************************/
/*
	itemised
*/
/* table */
table.wppizza-order-itemised{margin:10px 0 0 0; padding:0; width: 100%; border-collapse: collapse; border:none; border-bottom:1px solid #CECECE;table-layout: auto; line-height:2}
/* header */
table.wppizza-order-itemised th{margin:0; padding:5px 5px; white-space:nowrap; text-align:center; font-weight:600; border:none; border-bottom:1px solid #CECECE;}
/* tds */
table.wppizza-order-itemised td{margin:0; padding:5px 5px; border:none;}
table.wppizza-order-itemised td>input{margin:0 3px}
table.wppizza-order-itemised tr.wppizza-item-row>td{border-top:1px solid #CECECE;}
table.wppizza-order-itemised tr:nth-child(1)>td{border:none}
/* blogname */
table.wppizza-order-itemised td.wppizza-item-blogname{padding:12px 0;text-align:center; font-weight:600; border:none; text-decoration: underline}
/* category */
table.wppizza-order-itemised td.wppizza-item-category{padding:7px 7px;font-weight:600; border:none}
/* spinner update quantity */
table.wppizza-order-itemised td.wppizza-item-update>span.ui-spinner{width:60px;}
table.wppizza-order-itemised td.wppizza-item-update>span.ui-spinner > .ui-spinner-button{position:absolute;}
table.wppizza-order-itemised td.wppizza-item-update>span.ui-spinner > .ui-spinner-button:after{border:none}
table.wppizza-order-itemised td.wppizza-item-update>span.ui-spinner > input{margin:0 !important;padding: 5px; padding-right: 0;border:none;width:100%}



/* thumbnail checkout/thankyou*/
table.wppizza-order-itemised td.wppizza-item-article > .wppizza-item-thumbnail, table.wppizza-order-itemised td.wppizza-item-article > .wppizza-item-no-thumbnail{position: relative;width: 40px;height: 30px;line-height: 30px;display: inline-block;text-align: center;margin: 0 5px;vertical-align: middle;padding:0;}
table.wppizza-order-itemised td.wppizza-item-article > .wppizza-item-thumbnail > img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; max-width: 40px; max-height: 30px;}

/* text align */
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-quantity, table.wppizza-order-itemised .wppizza-item-quantity-th{text-align:center;white-space:nowrap;width:1%}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-article, table.wppizza-order-itemised .wppizza-item-article-th{text-align:left;}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-sku, table.wppizza-order-itemised .wppizza-item-sku-th{white-space:nowrap;width:1%}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-price, table.wppizza-order-itemised .wppizza-item-price-th{text-align:right;white-space:nowrap;}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-total, table.wppizza-order-itemised .wppizza-item-total-th{text-align:right;white-space:nowrap;}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-update, table.wppizza-order-itemised .wppizza-item-update-th{text-align:center;white-space:nowrap;width:75px}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-taxrate, table.wppizza-order-itemised .wppizza-item-taxrate-th{text-align:center;white-space:nowrap;}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-delete, table.wppizza-order-itemised .wppizza-item-delete-th{text-align:right;white-space:nowrap;width:1%}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-reorder, table.wppizza-order-itemised .wppizza-item-reorder-th{text-align:right;white-space:nowrap;}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-noreorder{}
table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-reorder>.wppizza-item-added-feedback{float:right}
/* overwrite delete button paddings etc in view details in minicart */
.wppizza-totals-cart-items > table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-delete{padding:2px;margin:2px;vertical-align:middle}
.wppizza-totals-cart-items > table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-delete > .wppizza-delete-from-cart{padding:4px; margin:2px; font-size:90%;letter-spacing:0;line-height:1}
/*
	summary
*/
/* table */
table.wppizza-order-summary{margin:10px 0 0 0; padding:0; float: right; border:none; border-collapse: collapse;}
/* do not float summary in main cart as omitting order/empty cart buttons would result in breaking the surrounding cart/layout lines */
.wppizza-cart table.wppizza-order-summary{float: none;}
/* tds */
table.wppizza-order-summary td{border:none; border-top:0 !important;margin:0; padding:2px 3px;text-align:left;vertical-align: baseline;/*white-space:nowrap*/}
table.wppizza-order-summary td:nth-child(2){text-align:right;white-space:nowrap}
table.wppizza-order-summary td >span {vertical-align: middle;}
/* tips as input / tips percentage select*/
table.wppizza-order-summary .wppizza-tips input#ctips{width:75px; text-align:right}
table.wppizza-order-summary .wppizza-tips div.wppizza-tips-select{display: inline-block;vertical-align: middle;}
table.wppizza-order-summary .wppizza-tips select#ctips_pc{width:60px; float: right; padding:0 2px; margin:0 2px}
/* tips percentage select label*/
table.wppizza-order-summary .wppizza-tips .tips_pc{padding:0 2px; margin:0;}
table.wppizza-order-summary .wppizza-tips .tips_pc:before{content:'('}
table.wppizza-order-summary .wppizza-tips .tips_pc:after{content:')'}

/* total */
table.wppizza-order-summary .wppizza-total{border-top:1px solid #CECECE}
table.wppizza-order-summary .wppizza-total>td{font-weight:600;}

/* allow wrapping of article name in cart */
.wppizza-cart table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-article, table.wppizza-order-itemised .wppizza-item-article-th{white-space:normal;}

/*
	min order note order page
*/
#wppizza-order-wrap-orderpage .wppizza-min-order{color:#FF0000; font-size:130%; display:block;text-align:center}

/*
	wrapper orderpage to write itemised and summary fieldsets into
*/
#wppizza-order-wrapper{display: inline-block;}

/**********************************************************
*
*	fieldsets
*
***********************************************************/
.wppizza-fieldset{border: 1px dotted #CECECE; padding: 10px;margin-bottom:35px}
.wppizza-fieldset > legend{margin: 0 20px;padding: 10px 20px; font-weight: 600; width: auto; border: none; background-color: inherit;}
.wppizza-fieldset > legend > a{text-decoration: underline;font-style: italic;font-size: 70%;margin: auto 10px;}
.wppizza-fieldset > legend > a:hover{text-decoration: none;}
/***********************************************************
*
*	validation required/errors | try again links
*
***********************************************************/
.wppizza-label-required:after{content: '*'; color: red; padding-left: 5px;}
div#wppizza-submit-error{margin:0; border:none; background:transparent; text-align:center}/*a - be default empty (error) div - directly before submit button that can be written to by js for example*/
div.wppizza-validation-error {color: red; padding: 5px; font-size: 100%;}
.wppizza-login-error,.wppizza-mail-error,.wppizza-order-error{border-left: 4px solid #dd3d36; padding:5px;margin:5px 5px 10px 5px;}
.wppizza-order-error{font-weight:bold}
.wppizza-order-error > div > span:first-child{display:inline-block;min-width:150px}
.wppizza-noorder{font-size:150%}
.wppizza-try-again{margin:25px 10px}
.wppizza-error-details-label{margin-bottom:20px;font-size:120%}

/***********************************************************
*
*	feedback when item added to cart
*
***********************************************************/
.wppizza-item-added-feedback{margin:0;padding:0;font-size:60%;text-align:center;}
.wppizza-item-added-feedback>div{font-size:180%;}

/***********************************************************
*
*	pickup/delivery checkbox option
*
***********************************************************/
/* cart - non toggle */
.wppizza-order-pickup{margin:0 5px; vertical-align: middle}
input[type=checkbox].wppizza-order-pickup{margin:0 5px 2px; vertical-align: middle}
/* order page */
#wppizza-send-order .wppizza-order-pickup-choice{text-align:right;margin:10px 0}
/* toggle button*/
input[type=radio].wppizza-order-pickup{margin:0 5px; vertical-align: middle}
.wppizza-orders-pickup-choice-toggle{text-align:center; overflow: auto;clear:both}
.wppizza-orders-pickup-choice-toggle .wppizza-pickup-toggle:nth-child(1){float:left;}
.wppizza-orders-pickup-choice-toggle .wppizza-pickup-toggle:nth-child(2){float:right;}
.wppizza-orders-pickup-choice-toggle .wppizza-pickup-toggle {cursor:pointer; font-size:80%; text-align: center; width:49%; margin:0; padding:5px 0; display:inline-block; text-align:center;}
.wppizza-pickup-toggle > input{vertical-align:middle}


/***********************************************************
*
*	dashicons
*
***********************************************************/
legend > .wppizza-dashicon{padding:0; margin:5px 5px 0 0;}
td > .wppizza-dashicon{
 font-family: dashicons !important;
 font-weight: 300;
 font-style: normal;
 font-size: 22px;
 color: #777;
 width: 32px;
 height: 28px;
 text-align: center;
 border-color: #ccc;
 background: #f7f7f7;
 vertical-align: top;
 display: inline-block;
 text-decoration: none;
 line-height: 26px;
 margin: 0 2px;
 padding: 0 0 0 2px;
 cursor: pointer;
 border-width: 1px;
 border-style: solid;
 white-space: nowrap;
}
td > .wppizza-dashicon:hover{color: #000;  border-color: #333;  background: #fafafa;}
/***********************************************************
*
*	main cart widget [or shortcode : type=cart]
*
***********************************************************/
.wppizza-cart {position:relative; margin:0 !important; padding:2px !important;min-height:250px; border: 1px solid #CECECE;}
.wppizza-cart .wppizza-cart-info{;margin:0; padding:0;/*overflow:auto;*/text-align:center}
/* 	shop closed */
.wppizza-cart .wppizza-closed{text-align:center;margin:10px 0;}
/* 	cart empty*/
.wppizza-cart .wppizza-cart-empty{text-align:center;margin:10px 0;}
/* 	tables */
.wppizza-cart table{margin:0 !important; padding:0 !important}

/*
	itemised table
*/
/* remove thead */
.wppizza-cart table.wppizza-order-itemised>thead{display:none}
/* set tbody height (when to start scrolling) */
.wppizza-cart table.wppizza-order-itemised>tbody{display: block; height: 250px;  max-height: 250px; overflow: auto;}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td{font-size:90%; line-height:normal; vertical-align:middle}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity{padding-left:0; width:15%;text-align:center; vertical-align:middle}/* need one td with set width to make table width of 100% */
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-title{}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-total{width:1%;vertical-align:middle}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-delete{width:1%;vertical-align:middle}/* delete button, if quantity change set */

/*	cart increase inputs (spinner) */
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity>span.ui-spinner{width:50px}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity>span.ui-spinner>input{margin:0; padding: 5px;padding-right: 0;border:none; font-size:90%}
.wppizza-cart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity a.ui-spinner-button{height:50%}

/* remove from cart button */
.wppizza-cart .wppizza-item-quantity>.wppizza-remove-from-cart{font-family: Verdana; float: left; padding: 3px 4px; line-height: 11px;}

/*	summary */
.wppizza-cart table.wppizza-order-summary{font-size:90%; width:100%;margin-bottom:5px !important; line-height:normal}

/* 	pickup note under summary */
.wppizza-order-details .wppizza-pickup-note, .wppizza-order-details .wppizza-delivery-note, .wppizza-cart .wppizza-pickup-note, .wppizza-cart .wppizza-delivery-note{clear:both; text-align:center; margin:0 ; padding: 3px 0}

/* 	min order required note under summary */
.wppizza-cart .wppizza-min-order{color:#FF0000; font-size:90%; display:block;}

/*	checkout/empty order buttons*/
.wppizza-cart .wppizza-cart-info .wppizza-cart-buttons{display: inline-block;}
.wppizza-cart .wppizza-cart-info input[type="button"]{margin:2px;font-size:90%;padding:6px 8px;line-height:normal}


/***********************************************************
*
*	shortcode : type=totals
*
***********************************************************/
.wppizza-totals  {display:inline-block;text-align:center;position:relative;z-index: 1;}
/* order value */
.wppizza-totals  .wppizza-totals-order{margin:0 7px}
/* view cart (dashicon) */
.wppizza-totals  .wppizza-totals-viewcart{margin: 2px}
/* value */
.wppizza-totals  .wppizza-totals-order{padding:0; margin: 0}
/* count of items in cart */
.wppizza-totals  .wppizza-totals-itemscount{font-size:75%;vertical-align: super;margin:0 2px;padding:2px 4px;border-radius: 50%;background-color:red;color:#ffffff;position:relative;top:-3px;min-width: 20px;min-height: 20px;display: inline-block;text-align: center;}
/* checkout button */
.wppizza-totals  .wppizza-totals-checkout-button{display:block;}
.wppizza-totals  .wppizza-totals-checkout-button >input[type="button"]{padding:5px 10px;margin:0;font-size:80%}
/* cart (if shown) */
.wppizza-totals  .wppizza-totals-cart{display:none;padding: 3px;	position:absolute;	background-color:#ffffff; color:#000000; top:25px; left:0;	-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;	-webkit-border-radius: 5px 5px 5px 5px;	border: 1px solid #CECECE;}
.wppizza-totals  .wppizza-totals-cart > table{font-size:80%; margin: 5px 0 0 0}
/* itemised table*/
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised{}
/* summary table*/
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-summary{width:inherit}
/* th article -> left align */
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised th.wppizza-item-article-th{text-align:left}/* article header ->left align */
/* thead (to enable scrolling of tbody) */
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised {display: block;}/* cannot just scroll tbody without some heavy js unfortunately ... :( */
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised th:nth-child(1){width:1%}/* need one th with set width to make table width of 100% */
/* tbody (to enable scrolling of tbody) */
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised > tbody {display: block; max-height: 200px; overflow: auto;}/* scroll if += 250px height */
.wppizza-totals  .wppizza-totals-cart > table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity{width:1%}/* need one td with set width to make table width of 100% */
/* blogname */
.wppizza-totals  .wppizza-totals-cart .wppizza-item-blogname{padding:5px 0 !important;}
/* min order required note */
.wppizza-totals  .wppizza-totals-cart .wppizza-totals-min-order{color:#FF0000; font-size:90%; text-align:center}

/************************
*
*	[minicart - largely the same as shortcode : type=totals]
*
************************/
#wppizza-minicart{display:none;margin:0;padding:7px 0;text-align:center;}
#wppizza-minicart > span{position: relative; z-index:2000}
#wppizza-minicart.wppizza-minicart-fixed{position:fixed;top:0;left:0;right:0;z-index:2000;border-bottom:1px solid #cecece;color:#333333;background-color:transparent;}
#wppizza-minicart.wppizza-minicart-static{display:block;}
#wppizza-minicart.wppizza-minicart-relative{display:block;position:relative}
#wppizza-minicart.wppizza-minicart-fixed .wppizza-totals-opacity{opacity:0.9; background-color:#FFFFFF; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
#wppizza-minicart.wppizza-minicart-bottom{top:auto; top:unset; bottom: 0}/* bottom */
#wppizza-minicart.wppizza-minicart-bottom .wppizza-totals-cart{top:unset; bottom: 90%}/* bottom open cart*/

/* view cart button */
#wppizza-minicart  .wppizza-totals-viewcart{margin:3px 10px;}
/* value */
#wppizza-minicart  .wppizza-totals-order{padding:0; margin: 0 5px}
/* count of items in cart */
#wppizza-minicart  .wppizza-totals-itemscount{font-size:65%; vertical-align: super;  margin:0; border-radius: 50%;  background-color:red;  color:#ffffff; position:relative; top:-3px;min-width: 20px;min-height: 20px;display: inline-block;text-align: center;padding:2px;}
/* generic minicart button */
#wppizza-minicart > span {display:inline-block}
#wppizza-minicart > span > input[type="button"]{padding:5px 10px;margin:0 0 0 10px;font-size:80%}
/* checkout button */
#wppizza-minicart  .wppizza-totals-checkout-button{display:inline-block}
#wppizza-minicart  .wppizza-totals-checkout-button >input[type="button"]{padding:5px 10px;margin:0 0 0 10px;font-size:80%}
/* view cart button */
#wppizza-minicart  .wppizza-totals-viewcart-button{display:inline-block}
#wppizza-minicart  .wppizza-totals-viewcart-button >input[type="button"]{padding:5px 10px;margin:0 0 0 10px;font-size:80%}
/* empty cart button */
#wppizza-minicart  .wppizza-totals-emptycart-button{display:inline-block}
#wppizza-minicart  .wppizza-totals-emptycart-button >input[type="button"]{padding:5px 10px;margin:0 0 0 10px;font-size:80%}
/* cart (if shown) */
#wppizza-minicart  .wppizza-totals-cart{display:none;max-width:300px;position:absolute;top:90%; left: 0; right: 0;  margin-left: auto; margin-right: auto; padding: 3px; background-color:#ffffff; color:#000000; -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.09); border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #CECECE;}
#wppizza-minicart  .wppizza-totals-cart > table{font-size:80%; margin: 0 0 0 0}
/* itemised table*/
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised{}
/* summary table*/
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-summary{width:inherit}
/* thead (to enable scrolling of tbody) */
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised {display: block;}/* cannot just scroll tbody without some heavy js unfortunately ... :( */
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised th:nth-child(1){width:1%}/* need one th with set width to make table width of 100% */
/* thead article -> left align */
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised th.wppizza-item-article-th{text-align:left}/* article header ->left align */
/* tbody (to enable scrolling of tbody) */
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised > tbody {display: block; max-height: 250px; overflow: auto;}/* scroll if += 250px height */
#wppizza-minicart  .wppizza-totals-cart > table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity{width:1%}/* need one td with set width to make table width of 100% */
/* blogname */
#wppizza-minicart  .wppizza-totals-cart .wppizza-item-blogname{padding:5px 0 !important;}
/* min order required note */
#wppizza-minicart  .wppizza-totals-cart .wppizza-min-order{color:#FF0000; margin:0; padding: 2px 0; font-size:80%; text-align:center; display:block;clear: both;}
/*	cart increase inputs (spinner) */
#wppizza-minicart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity>span.ui-spinner{width:40px; height:25px}
#wppizza-minicart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity>span.ui-spinner>input{margin:0; padding: 0 5px;padding-right: 0;border:none; font-size:90%}
#wppizza-minicart table.wppizza-order-itemised > tbody > tr > td.wppizza-item-quantity a.ui-spinner-button{height:50%}

/***********************************************************
*
*	openingtimes : type=openingtimes or cart widget
*
***********************************************************/
/*opening hours top/bottom*/
.wppizza-opening-hours{text-align:center; margin:0;padding:5px 0;}
.wppizza-opening-hours>span{}
.wppizza-opening-hours>span>span{padding:3px}

/***********************************************************
*
*	user order history
*
***********************************************************/
.wppizza-orders-orderhistory > .wppizza-order-orderhistory > fieldset{padding:0;margin:30px 0 0 0}
.wppizza-orders-orderhistory > .wppizza-order-orderhistory:nth-child(odd) > fieldset {background: #F9F9F9;}
.wppizza-orders-orderhistory > .wppizza-order-orderhistory:nth-child(even) > fieldset {background: #FDFDFD;}
.wppizza-order-orderhistory > fieldset > legend {border:1px dotted #CECECE; border-bottom:0; cursor:pointer}
.wppizza-order-orderhistory > fieldset > div {padding:15px;}
.wppizza-transaction-details-orderhistory .wppizza-transaction-details{display:none}
/* reordering */
.wppizza-reorder, .wppizza-item-reorder{text-align:right}

/***********************************************************
*
* Accordion
*
***********************************************************/
.wppizza_accordion .wppizza-header > h1.wppizza-entry-title{display:inline;margin:5px}
/* remove description by css (for easy adding if required) */
.wppizza_accordion .wppizza-header > div.wppizza-header-meta{display:none}

/***********************************************************
*
*	ADMIN order history if added somewhere by shortcode
*
***********************************************************/
.wppizza-admin-orders {position:relative; padding:0; margin:0}
.wppizza-admin-orders .wppizza-history-pagination {margin: 10px auto}
.wppizza-admin-orders table{font-size:80%; width:100%; border-collapse: collapse; table-layout:auto !important}
.wppizza-admin-orders table > tbody > tr> td > div:not(:first-child){padding-top:3px; font-size:80%}
.wppizza-admin-orders table > tbody > tr> td select{font-size:100%}
.wppizza-admin-orders table > thead > tr > th, .wppizza-admin-orders table > tfoot > tr > th{ padding:3px 5px}
.wppizza-admin-orders table > tbody > tr:nth-child(odd){background: #F9F9F9;}
.wppizza-admin-orders table > tbody > tr:nth-child(even){background: #FDFDFD;}
.wppizza-admin-orders table > tbody > tr > td{padding:2px;vertical-align:top;}
/* total */
.wppizza-admin-orders table > tbody > tr > td.wppizza-total{ white-space:nowrap;}
/* status */
.wppizza-admin-orders table > tbody > tr.wppizza-status-new{background-color:#FBEC5D}
.wppizza-admin-orders table > tbody > tr.wppizza-status-delivered{background-color:#7CFC00}
.wppizza-admin-orders table > tbody > tr.wppizza-status-acknowledged{background-color:#FFFACD}

/******************************************
*
*	[admin order / user order  history pagination / general(ajax)]
*
******************************************/
.wppizza-history-pagination, .wppizza-pagination{text-align:center;margin:50px 0;padding:0}
.wppizza-history-pagination-info, .wppizza-pagination-info{font-size:70%}
.wppizza-history-pagination > a , .wppizza-pagination > a, .wppizza-pagination > span  {cursor:pointer;text-decoration:none;font-family: Verdana;padding:5px 10px;line-height: 17px;font-size: 10px;vertical-align: middle;display: inline-block;min-width:16px;margin:2px;color: #333;text-align: center;vertical-align: middle;border-radius: 3px;background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);background-image: -o-linear-gradient(top,#fff,#e6e6e6);background-image: linear-gradient(to bottom,#fff,#e6e6e6);background-repeat: repeat-x;border: 1px solid #CECECE;box-shadow:0 0 0 0;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
a.wppizza-history-pagination-selected, .wppizza-pagination span.current{font-weight:bold;color:#333;cursor:default}
a.wppizza-history-pagination-disabled, a.wppizza-pagination-disabled{color:#AAAAAA;cursor:default}


/****************************************************************************************************************************
*
*
*	order page / confirmation page / thank you page / purchase history
*
*
*****************************************************************************************************************************/
/* let's make double sure fieldsets are relative */
#wppizza-send-order > fieldset {position:relative}
fieldset table.wppizza-order-summary{width:auto; font-size:100%;line-height:normal}/* summary */

/**********************************************************
	payment methods select buttons images / add info
***********************************************************/
#wppizza-payment-methods > .wppizza-gateway-button{cursor:pointer; width:100%; margin:0; margin-bottom:3px; padding:10px 0;}
#wppizza-payment-methods > .wppizza-gateway-button > label {cursor:pointer;margin:0 10px;}
#wppizza-payment-methods > .wppizza-gateway-button > label >img {vertical-align: middle; margin: 0 5px 0 0;display:inline-block}
#wppizza-payment-methods > .wppizza-gateway-button > label >input[type="radio"] {width:auto; margin:0 5px;vertical-align: middle}
#wppizza-payment-methods > .wppizza-gateway-button > label >span {margin: 0; display: inline-block; vertical-align: middle;line-height: initial;}
#wppizza-payment-methods > .wppizza-gateway-button > .wppizza-gateway-addinfo {display: block;font-size: 80%;padding-left: 24px;}

/**********************************************************
	order page - login form
	visibility toggled by js
***********************************************************/
.wppizza-login .wppizza-login-fieldset{display:none}
.wppizza-login .wppizza-login-cancel{display:none}
.wppizza-login .wppizza-login-info{display:none; color:red; font-size:90%}
.wppizza-login .wppizza-login-label, .wppizza-login-lostpw{font-size:80%; padding: 0 3px}

.wppizza-login {display:block; overflow:auto;}
.wppizza-login .wppizza-login-form > form {overflow:auto;position: relative;}
.wppizza-login .wppizza-login-form > form > p {display:inline; margin:0 ; padding:0 ; vertical-align:bottom}
.wppizza-login .wppizza-login-form > form > p label{font-size:90%}
.wppizza-login .wppizza-login-form > form > p .input{width:250px; display:block}
.wppizza-login .wppizza-login-form > form > p #wp-submit{margin-top:15px}

/**********************************************************
	PERSONAL DETAILS
	order page - inputs/selects/textareas - only override widths (ignoring radio and checkboxes),
	and initialising divs as position relative . leave the rest to themes
***********************************************************/
#wppizza-personal-details > div{position:relative}
/* inputs */
#wppizza-personal-details input[type="date"],
#wppizza-personal-details input[type="time"],
#wppizza-personal-details input[type="datetime-local"],
#wppizza-personal-details input[type="week"],
#wppizza-personal-details input[type="month"],
#wppizza-personal-details input[type="text"],
#wppizza-personal-details input[type="email"],
#wppizza-personal-details input[type="url"],
#wppizza-personal-details input[type="password"],
#wppizza-personal-details input[type="search"],
#wppizza-personal-details input[type="tel"],
#wppizza-personal-details input[type="number"],
#wppizza-personal-details textarea,
#wppizza-personal-details select{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* always have label to stretch 100% , unless its registration radios */
#wppizza-personal-details label{display:block}
#wppizza-personal-details #wppizza-create-account>label{display:inline; padding: 5px }
#wppizza-personal-details #wppizza-create-account>label>input[type="radio"]{margin: 5px;vertical-align:middle }
#wppizza-personal-details #wppizza_profile_update{margin: 2px 5px 5px 5px; vertical-align:middle }

/* checkboxes */
#wppizza-personal-details > div.wppizza-checkbox > label{margin-top:3px}
#wppizza-personal-details > div > label > input[type="checkbox"]{margin: 2px 5px 5px 5px; vertical-align:middle }

/* radio and maultiplecheckboxes */
#wppizza-personal-details .wppizza-radio > label, #wppizza-personal-details .wppizza-multicheckbox > label{display:inline-block; padding:3px 7px 3px 3px}
#wppizza-personal-details .wppizza-radio > label > input, #wppizza-personal-details .wppizza-multicheckbox > label > input{vertical-align:middle; padding:0; margin:0; margin-right:2px}

/* privacy terms accept checkbox */
#wppizza-personal-details .wppizza-privacy_terms_accept{clear:both}

/* payment details fieldset and elements*/
#wppizza-payment-details{background-color:#fcfcfc;position:relative}
#wppizza-payment-details > legend {background-color:transparent}
#wppizza-payment-details .wppizza-payment-element{border:1px dotted #999999; background-color:#FFFFFF; padding:7px; margin:7px auto; max-height: 50px}

/* confirmation page */
#wppizza-order-wrap-confirmationpage .wppizza-legal  label > input, #wppizza-order-wrap-confirmationpage .wppizza-legal select{margin:0 3px}
#wppizza-order-wrap-confirmationpage .wppizza-legal .wppizza-radio{display:inline}
#wppizza-order-wrap-confirmationpage .wppizza-legal .wppizza-radio input{vertical-align:middle}

#wppizza-order-wrap-confirmationpage .wppizza-personal-details > div > label {padding:3px}
#wppizza-order-wrap-confirmationpage .wppizza-payment-method > label {padding:3px}


/* thank you page */
.wppizza-order-wrap-thankyoupage .wppizza-personal-details > div > label {padding:3px; display:inline-block}

/**********************************************************
	PAYMENT METHODS
	order page - inputs/selects/textareas - only override widths (ignoring radio and checkboxes),
	leave the rest to themes
	in case input fields were added - via filter - to gateway button output
***********************************************************/
#wppizza-payment-methods input[type="date"],
#wppizza-payment-methods input[type="time"],
#wppizza-payment-methods input[type="datetime-local"],
#wppizza-payment-methods input[type="week"],
#wppizza-payment-methods input[type="month"],
#wppizza-payment-methods input[type="text"],
#wppizza-payment-methods input[type="email"],
#wppizza-payment-methods input[type="url"],
#wppizza-payment-methods input[type="password"],
#wppizza-payment-methods input[type="search"],
#wppizza-payment-methods input[type="tel"],
#wppizza-payment-methods input[type="number"],
#wppizza-payment-methods textarea,
#wppizza-payment-methods select{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* always have label to stretch 100% , unless its registration radios */
#wppizza-payment-methods label{display:block; margin:0}
#wppizza-payment-methods #wppizza-create-account>label{display:inline; padding: 5px }
#wppizza-payment-methods #wppizza-create-account>label>input[type="radio"]{margin: 5px }
/* radio and maultiplecheckboxes */
#wppizza-payment-methods .wppizza-radio > label, #wppizza-payment-methods .wppizza-multicheckbox > label{display:inline-block; padding:3px 7px 3px 3px}
#wppizza-payment-methods .wppizza-radio > label > input, #wppizza-payment-methods .wppizza-multicheckbox > label > input{vertical-align:middle; padding:0; margin:0; margin-right:2px}


/**********************************************************
	order page - create account / continue as guest
	visibility toggled by js
***********************************************************/
#wppizza-user-register-info{display:none;font-size: 80%;}

/**********************************************************
	thank you page
***********************************************************/
.wppizza-transaction-details >div >label{padding:3px; display:inline-block}

/**********************************************************
	order processing
***********************************************************/
.wppizza-order-processing{font-weight:bold; font-size:150%}
.wppizza-order-processing-id{text-align:center; font-weight:bold; font-size:100%}


/************************************************************************
*	[iOS (iPhone,iPad etc)]
*	add distinct cursor:pointer to relevant elements
*	to enable onclick events instead of using touchstart
************************************************************************/
.wppizza-totals-cart, .wppizza-totals-viewcart, .wppizza-article-price,.wppizza-remove-from-cart,.wppizza-cart-increment,.wppizza-trigger-choose,.wppizza-trigger-click,.wppizza-cart-refresh,#wppizza-force-refresh,.wppizza-add-to-cart-select
{cursor:pointer}


/*
	<= 420px
	small screen, remove non essential (tax, single price etc) in order table
*/
@media only screen and (max-width: 420px) {
	table.wppizza-order-itemised tr.wppizza-item-row>td:not(.wppizza-item-quantity):not(.wppizza-item-update):not(.wppizza-item-article):not(.wppizza-item-total):not(.wppizza-item-delete),
	table.wppizza-order-itemised thead>tr>th:not(.wppizza-item-quantity-th):not(.wppizza-item-update-th):not(.wppizza-item-article-th):not(.wppizza-item-total-th):not(.wppizza-item-delete-th){
  		display:none;
	}
	/* wppizza_admin order history shortcode, remove price/payment info */
	.wppizza-admin-orders table > tbody > tr > td.wppizza-payment,
	.wppizza-admin-orders table > thead > tr > th.wppizza-th-payment,
	.wppizza-admin-orders table > tfoot > tr > th.wppizza-th-payment{
		display:none
	}

}

/*
	<= 300px
	really small screen, remove delete button as well - at least we can use quantity to zero still
*/
@media only screen and (max-width: 300px) {
	table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-delete,
	table.wppizza-order-itemised thead>tr>th.wppizza-item-delete-th{
  		display:none;
	}
	/* account for missing delete now with setting width of total */
	table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-total,
	table.wppizza-order-itemised thead>tr>th.wppizza-item-total-th{
  		width:1%;
	}

}

/*
	<= 200px
	really really really small screen, remove quantity as well
*/
@media only screen and (max-width: 200px) {
	table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-quantity,table.wppizza-order-itemised tr.wppizza-item-row>td.wppizza-item-update,
	table.wppizza-order-itemised thead>tr>th.wppizza-item-quantity-th,table.wppizza-order-itemised thead>tr>th.wppizza-item-update-th{
  		display:none;
	}
}