#extraRightCol{
	display: none;
}
/*{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}*/
body.float-box-active #cart-summary{
	/*display: none;*/
}
body.float-box-active #content{
	
/*	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	
	flex: 0 0 77.777777%;
    max-width: 77.777777%;*/
	
}

/*body.cart-permanently .container{
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}*/


@media (min-width: 1500px) {
	
	/* EXTRA SIZE TYLKO DLA DISPLAY MENU LIST */
	body.cart-permanently.display-menu-list .container{ 
        max-width: 1400px;
    }
	
	/* RIGHT COL */
	body.float-box-active.loaded #extraRightCol{
		display: block;
	}
	/* DEFAULT PORTAL */
	body.float-box-active #extraRightCol,
	body.cart-permanently.display-menu-list #extraRightCol{ 
		/* display: block; */
		flex: 0 0 30%;
		max-width: 30%;
	}
	/* CENTER COL */
	
	/* DEFAULT PORTAL */
	body.float-box-active #main,
	body.cart-permanently.display-menu-list #main{
		flex: 0 0 70%;
		max-width: 70%;
	}	
	/* DEFAULT PORTAL WITH FILTERS COL */
	body.portal.filters-active.float-box-active #main,
	body.portal.filters-active.cart-permanently.display-menu-list #main{
		flex: 0 0 53%;
		max-width: 53%;
		margin-top: 15px;
	}
	/* DEFAULT PORTAL WITHOUT FILTERS COL - CITY PAGE - when all restaurant off only tel, filters are hidden */
	body.portal.hide-filters.cart-permanently.display-menu-list #main,
	body.portal.hide-filters.float-box-active #main{
		flex: 0 0 69%;
		max-width: 69%;
		margin-top: 15px;
	}
	
	/* PRIVATE PAGE  obecnie nie ma takiego wariantu */
	body.private-page.cart-permanently.display-menu-list #main,
	body.private-page.float-box-active #main{
		flex: 0 0 70%;
		max-width: 70%;
	}
	/* PRIVATE PAGE  WITH FILTERS COL */
/*	body.private-page.filters-active.float-box-active #main{
		flex: 0 0 53%;
		max-width: 53%;
		margin-top: 15px;
	}*/
	body.private-page.pro.cart-permanently.display-menu-list #main,
	body.private-page.pro.float-box-active #main{
		flex: 0 0 70%;
		max-width: 70%;
	}
	body.private-page.dark #filters.verticalCol #dishCategory,
	body.private-page.dark #filters.verticalCol #dishType,
	body.private-page.dark #filters.verticalCol #adminMenu{
		background:  rgba(0,0,0,.5) !important;
		/*padding: 15px;*/
		border-radius: 8px;
		/*display: inherit;*/
	}
	
	/* PRIVATE PAGE PRO */
	body.private-page.pro.float-box-active #main{
		flex: 0 0 70%;
		max-width: 70%;
	}
	/* PRIVATE PAGE PRO WITH FILTERS COL obecnie nie ma takiego wariantu  */
	body.private-page.pro.filters-active.float-box-active #main{
		flex: 0 0 53%;
		max-width: 53%;
	}

	/* UKRYWA BELKE Z KOSZYKIEM TOP JESLI AKTYWNY W KOLUMNIE */
	body.float-box-active #headerCartSummary{
		display: none;
	}

}

body.cart-permanently #main,
body.cart-permanently #headerCartSummary{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
body.cart-permanently.plugin #permanentCartContent{
    background: none !important;
}
body.cart-permanently #permanentCartContent{
	background:  rgba(120,120,120,.1);
	padding: 15px;
	border-radius: 8px;
	/*border: 1px solid rgba(155,155,155,.4);*/
		
	width: 100%;
	
	position: sticky;
    top: 15px;
}
body.private-page.plugin.cart-permanently #permanentCartContent{
	padding: 0px;
}
body.portal.scroll #permanentCartContent{
	background:  rgba(230,230,230,.2);
}

body.dark.portal.scroll #permanentCartContent{
	background:  rgba(55,55,55,.2);
}

body.dark.cart-permanently #permanentCartContent{
	background:  rgba(0,0,0,.7);
	
}
/*body.cart-permanently #extraRightCol #ajaxGetCartArray{
	padding-left: 0px;
}*/
 
#extraRightCol #float-box.permanent{
	position: relative !important;
	display: block;
	float: none;
	top: 0px;
	right: auto;
	margin: 0px !important;
}	


#extraRightCol #float-box.permanent #ddCartSummary{
	/*jesli koszyk z boku - naglowek na 100% szerokości*/
	width: 100%;
	white-space: normal;
} 

#extraRightCol #cart-summary #ajaxGetCartArray{
	padding: 0px;	
}

#cart-summary #cart-summary-container{
	/*top menu*/
	margin: 15px 5px 15px 10px; 
}
#extraRightCol #cart-summary #cart-summary-container{
	/*right col*/
	margin: 15px 0px; 
}


#extraRightCol #cart-summary #cart-summary-container.os-host{
	margin: 15px 0px 15px 10px; 
}
#cart-summary #cart-summary-container.os-host .os-content{
	padding-right: 15px !important; 
	margin-top: 5px;
}
#cart-summary #cart-summary-container.os-host .os-scrollbar.os-scrollbar-vertical{
	margin-right: -3px;
}
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before{
    border-radius: 3px;
    /*box-shadow: 0 0.375rem 1.25rem rgba(27,27,27,.3), 0 0.125rem 0.25rem rgba(27,27,27,.15);*/
}
#extraRightCol #float-box.permanent .footer-buttons{
	min-height: 40px;
}
#float-box.permanent .footer-buttons .float-right{
	/*float: none !important;*/
	margin-bottom: 15px;
	/*clear: both;*/
}
#cart-summary.empty #ddCartSummary,
#cart-summary.empty .footer-buttons,
#cart-summary.remove-empty #ddCartSummary,
#cart-summary.remove-empty .footer-buttons
{
	display: none !important;
}
body.scroll #cart-summary.permanent{
	top:0px;
}


#float-box.permanent .drop-org{
	position: relative !important;
	margin-left: 0px !important; 
    transform: translate3d(0px, 0px, 0px) !important; 
    top: 0px !important;
    left: 0px !important; 
}

#float-box.permanent #ajaxGetCartArray{
/*	overflow-y: auto !important; 
	overflow-x: hidden !important; 
    max-height: initial !important;*/
}
#cart-summary #ajaxGetCartArray.os-host{
	max-height: 500px;
}


/* ----- */
#cart-summary .step{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	/*border: 2px dotted rgba(150,150,150,.7);*/
	text-align: center;
	
	border: 1px solid rgba(125,125,125,.7);
	
	font-size: 1rem;
	padding: 10px;
}
#cart-summary .step .text{
	padding-top: 10px;
}
/*.step b{
	color: #000;
}
body.dark .step b{
	
	color: #fff;
}*/
#cart-summary .step-box{
	/*border: 1px dotted #aaa;*/
	width: 170px;
	height: 120px;
	border-radius: 50%;
	margin-bottom:15px;
 background: rgba(122,122,122,.15);
}

body.dark #cart-summary .step-box{
    background: rgba(122,122,122,.25);
}
#cart-summary .step-box b{
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: bold;
}
#cart-summary .step-no-title,
#cart-summary .step-no{
	font-size: 20px;
	font-weight: bold;
	width: 40px;
	height: 30px;
	border-radius: 50%;
	/*border: 1px dotted #aaa;*/
	text-align: center;
}
#cart-summary .step-no{
	color: #000;
	line-height: 30px;
}

body.dark #cart-summary .step-no-title{
	/*color: initial;*/
}
body.private-page.pro #cart-summary h4.steps-title > span,
body.cart-permanently #cart-summary h4.steps-title > span{
    display: block;
    /*margin-left: 150px;*/
}
#cart-summary .step-no{
	position: absolute;
	display: block;
	background: rgba(125,125,125,1);	
}
#cart-summary .step-no-title{
	display: inline-block;
	/*color: #000;*/
	font-size: 30px;
	display: inline;
	/*border: 1px solid rgba(255,255,255,.5);*/
}

body.private-page #cart-summary h4.steps-title{
		font-size: 1.1rem;
		font-weight: normal;
	}
@media (min-width: 1600px) {
	#cart-summary .step-box{
		width: 200px;
		height: 170px;
	}
	#cart-summary .step-no{
		line-height: 50px;
	}
	#cart-summary .step-no-title,
	#cart-summary .step-no{
		width: 60px;
		height: 50px;
		font-size: 30px;
	}
	
	#cart-summary .step-box b{
		font-size: 1.3rem;
	}
}
/*body.dark .step-no-title{
	color: #fff;
}*/
#cart-summary .next-step-box{
	margin-top: 60px;
    margin-left: 30px;
}
body.private-page.pro #cart-summary .next-step-box{
	margin-left: 5px;
}
#cart-summary .step-2 .next-step-box{
	 margin-left: 0px;
	 margin-right: 5px;					   
}
/*body.private-page.pro #cart-summary .step-2 .next-step-box{
	margin-right: 5px;
}*/
#cart-summary .next-step{
	font-size: 70px;
	color: rgba(125,125,125, .5);
	
}
.rotate90{
	transform: rotate(90deg);
}
.rotate-90{
	transform: rotate(-90deg);
}
.step-row{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
#cart-summary .step-2{
	margin-left: 50px;
	align-items: flex-end;
    justify-content: center;
}
#cart-summary .order-steps{
	margin-top:30px;
	margin-left:10px;
}

/*.step-box.step-1:before{
	display: block;
	font-size: 60px;
	color: #909090;
	margin-left: 100px;
    font-family: FontAwesome; 
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	font-weight: 400; 
	content: "\f064";
	display: none; 
	right: -70px;
}*/

/* BUG okno modal zasloniete przez plywajacy koszyk i suwaki */
body.modal-open #extraRightCol,
body.modal-open .os-theme-block-light > .os-scrollbar-vertical
{
	z-index: 0; /*-1;*/
}

body.no-restaurants #extraRightCol{
	/*display: none !important; obecnie jest to baner aktywuj konto restauracji */
}


@media (min-width: 1500px){
   body.v2.cart-empty.body.float-box-active #extraRightCol, 
   body.v2.cart-empty.cart-permanently.display-menu-list #extraRightCol{
        flex: 0 0 20%;
        max-width: 20%;
   }
   body.v2.cart-empty.cart-permanently.display-menu-list #main,
   body.v2.cart-empty.portal.filters-active.float-box-active #main, 
   body.v2.cart-empty.portal.filters-active.cart-permanently.display-menu-list #main{
        flex: 0 0 63%;
        max-width: 63%;
   } 
 
   body.private-page.cart-empty.cart-permanently.display-menu-list #extraRightCol{
        flex: 0 0 20%;
        max-width: 20%;
   }
   body.private-page.cart-empty.cart-permanently.display-menu-list #main{
        flex: 0 0 80%;
        max-width: 80%;
   } 

/*   body.v2.cart-empty.body.float-box-active #extraRightCol, 
   body.v2.cart-empty.cart-permanently.display-menu-list #extraRightCol{
        flex: 0 0 20%;
        max-width: 20%;
   }
   body.v2.cart-empty.portal.filters-active.float-box-active #main, 
   body.v2.cart-empty.portal.filters-active.cart-permanently.display-menu-list #main{
       flex: 0 0 63%;
        max-width: 63%;
   } */
}
/* CART PUSTY */
body.dark #cart-summary .step-no{
    background: rgba(125,125,125,.25);
}
body.dark #cart-summary .step-box{
    background: rgba(200,200,200,.2);
}
body #cart-summary .step-no{
    background: rgba(125,125,125,.15);
}
body #cart-summary .step-box{
    background: rgba(200,200,200,.2);
}
body #cart-summary .step{
    border: none;
    text-align: center;
    font-size: .7rem;
    padding: 10px;
}
body.dark #cart-summary .next-step{
  font-size: 50px;
  color: rgba(125,125,125, .3);
}
body #cart-summary .next-step{
  font-size: 50px;
  color: rgba(125,125,125, .1);
}
/*#cart-summary .step-no-title,*/ 
body #cart-summary .step-container .step-no {
     color: #fff;
}
body.cart-permanently #cart-summary h4.steps-title > span{
    margin-left:60px;
}
body h4.steps-title{
    font-size: 1rem;
}
/*@media (min-width: 1600px){*/
body #cart-summary .step-no-title, 
body #cart-summary .step-no {
        width: 50px;
        height: 50px;
        font-size: 30px;
       line-height: 50px;
      }
body #cart-summary .step-box{
    width: 110px;
    height: 100px;
    margin-left: 10px;
    margin-top: 10px;
}
body #cart-summary .step-1 .next-step-box{
    margin-left: 0px;
}
body #cart-summary .step-2 .next-step-box{
    margin-top: 0px;
}
body #cart-summary .step-box b{
        font-size: 1rem;
      }    
/*}*/
body #cart-summary .step-row{
    position:relative;
}
body #cart-summary .step-row.step-2 .next-step-box{
    bottom: 0px;
    position: absolute;
    left: -30px;
}

/* ---------------- */