/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 28, 2019, 2:02:57 PM
    Author     : zielak
*/

#rList,
#rList .dList,
#rList .dList .dish-list-container{
    display: flex;
    flex-direction: column;
   
}
#rList .dList .dish-row.tr,
#rList .rd-row.tr{  
    -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/*
#rList.reverse,
#rList .dList.reverse{
    display: flex;
    flex-direction: column-reverse;
}*/
#rList .opac{
    opacity: 0;
    /*background-color: #ddd;*/
    margin-left: 15px;
}
/*@media (max-width: 992px) {
   #rList .opac{
        opacity: 0;
        background-color: #ddd;
        margin-left: -25px;
    } 
}*/
body.s-portal .rd-row{
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(125,125,125,.2);
}
.rLogo{
    max-height: 40px;
}
.rName,
.rbName{
    margin: 0px;
}

#rList .accTime{
    color: #dc3545;
}
#rList .dInfo .accTime i.fa-clock{
    color: #dc3545 !important; 
}
#rList .decTime{
    color: #28a745;
}
#rList .dInfo .decTime i.fa-clock{
    color: #28a745 !important;
}

@media (max-width: 576px) {
   .rName,
   .rbName{ 
        font-size: 1.3rem;
    } 
    .dish-row .dish-info{
        display: none;
    }
}
.rOptions{
    color: #5a6268;
    margin-left: 10px;
}
.rOptions .border-box{
  /*border: none;*/ 
  /*margin-right: 10px;*/
  padding: 4px;
  width: 35px;
  text-align: center;
}
.rOptions .border-box i.fa-shoe-prints{
margin-left: 5px;
}

.hide-dishes i{
	transform: rotate(180deg);
}
.show-restaurant-page{
	clear: both;
    padding-top: 5px;
    /*display: block;*/
}
.show-restaurant-page a{
	min-width: 100px;
	display: inline-block;
}
.hide-dishes,
.show-more-dish{
    margin-top: 5px;
    margin-bottom: 5px;
    /*display:block;*/ 
	min-width: 100px;
}
@media (max-width: 760px) { 
	.show-restaurant-page a,
	.hide-dishes,
	.show-more-dish{
		min-width: 70px;
		padding: 0.25rem 0.4rem;
	}
	.show-restaurant-page a .hide-xs,
	.hide-dishes .hide-xs,
	.show-more-dish .hide-xs{
		display: none;
	}
}
.show-more-dish,
.hide-dishes{
    /*font-weight: bold;*/
    /*padding-left: 0px;*/
}
.nv-first .show-more-dish{
    margin-top: 20px;
}
.rPromo,
.dPromo{
    color: #1e7e34;;
    text-align: right;  
}

.dPromo b{
    
}


.dPromo{
    font-size: .8rem;
}
.dPromo b{
    /*!!!tlo promo*/
/*    font-size: 1rem;
    background: #28a745;
    color: #fff;
    padding: 3px;*/
}
/*.dPromo i,
.rPromo i{
   color: #209047;
}*/
.dPromo .red i,
.rPromo .red i{
   color: #c82333;
}

.rPromo i.fas.fa-tags{
    margin-right: -3px;
}
.rPromo > span,
.dPromo > span{
/*    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 2px;*/
    display: block;
    /*color:*/ 
}
.rPromo > span.hidden,
.dPromo > span.hidden,
.rPromo > span.ended,
.dPromo > span.ended,
.promo > span.hidden,
.promo > span.ended{
    display: none !important;
}

.dInfo{
   margin-top: 10px;
   /*display: block;*/
}
/* pasek dInfo portal */
body.portal .dInfo{	
	font-weight: bold;
	margin-top: 0px;
}
body.portal .dInfo i{	
	margin-left: 0px;
	color: var(--blue-color);
}
body.portal .rCategory{
	display: block;
}
.rPagePortal .dInfo{
	font-size: 1.3rem;
    margin-bottom: 1.3rem;
}
.rPagePortal .showMenu{
	display: none;
}
 
@media (min-width: 576px) {
    .dInfo{
       bottom: 0px; 
       margin-top: 25px;
    }
    body.take_away .suspended .dInfo,
    body.delivery .suspended .dInfo{
       margin-top: 0px; 
    }
}
@media (min-width: 992px){
    .korekAjaxMsg{
        padding-right: 30px
    }
}

.dInfo i{ 
    color: #999;
    color: #697075;;
}
.dInfo i.light,
i.light{ 
    color: #798085;;
}
.dInfo i.blue{
    color: var(--blue-color);
}
.dInfo i.fa-clock{ 
    /*color: #a5a5a5;*/
}
.dInfo .info{
    margin-right: 10px;
    white-space: nowrap;
}
.info.oTime{
	 margin-right: 0px;
} 
.book-table-box i {
    color: #fff;
}
.rd-row hr,
.dish-row hr{
    clear:both;
    margin-top: 8px;
    margin-bottom: 8px;
}

body.take_away .dInfo .deliv-not{
	display: none;
}

@media (max-width: 576px) {
    .dInfo{
/*        clear: both;
        padding-top: 5px;*/
    }
    .r_foto{
        /*display: none;*/
    }
    .dInfo .info{
        margin-right: 5px;
    }
    .dInfo .info:nth-child(3){
        /*display: block;*/
    }
    
    .restaurant-row > div{
        /*background: #f0f0f0;*/
    }
}
.portal .restaurant-row{
	background: rgba(230,230,230,.2);
	padding-top: 15px;
	padding-bottom: 15px;
}
body.portal-restaurant-page.portal .restaurant-row{
	margin-bottom: 15px;
}

/*.dish-row.foto{
    min-height: 106px;
}*/
/*body.delivery*/ 
body.delivery .rd-row.rClose,
body.take_away .rd-row.rClose,
body.delivery .rd-row.dClose,
.unavailable{
    /*background: #f5f5f5;*/
    /*opacity: 0.7;*/
}
.rd-row.rClose hr{
    border-color: #f5f5f5;
}
@media (min-width: 576px) {
	.rd-row .r_schedule{
		padding-left: 110px;
	}
	.restaurant-row{
		border-radius: 8px;
	}
}
.dInfo .space{
    margin-right:6px;
    white-space: pre;
}

/*body.delivery .rd-row.rClose .dish-row .strx-add-cart-widget,
body.delivery .rd-row.dClose .dish-row .strx-add-cart-widget,

body.delivery .rd-row.rClose .dish-row .price_box,
body.delivery .rd-row.dClose .dish-row .price_box,

body.delivery .rd-row.rClose .dish-row .dPromo,
body.delivery .rd-row.dClose .dish-row .dPromo{
    display: none !important;
}*/

.rd-row hr.rHr{
   border-top: 1px solid rgba(125,125,125,.4);
}

.promotion{
    color: #0f0;
}

.price_box .normal{
    display: none;
    color: #6f7f7f;
}
.promotion_price .normal,
.extra_promotion_price .normal{
    text-decoration: line-through;
    font-size: 1rem;
    display: inline-block;
}

.all_discount{
    /*font-size: 1.3rem;*/
}
.price_box{
    font-size: 1.3rem;
    /*float: right;*/
    display: inline-block;
    
    margin-right: 20px;
    /*margin-top: 2px;*/
}
.dish-row.unavailable .price_box{
    font-size: 1rem;
    font-weight: bold;
}
.price_box .price{
    /*font-size: 1.1rem;*/
   
    color: #1e7e34;
    padding-left: 5px;
}
body.display_menu .price_box{
/*    font-size: 1rem;
    margin-right: 0px;*/
}
body.display_menu  .price_box .price{
/*   font-weight: bold;  
   margin-right: 0px;*/
}
.all_discount{
    font-weight: bold;
    
}
body.book_table .book-table-box{
    position: absolute;
    right: 15px;
    top: 0px;
    color: #fff;
}
body.book_table .book-table-box a.btn i{
    color: #fff;
}

.r_foto,
.d_foto{
    float: left;
    margin-right: 10px;
    max-width: 100px;
	border-radius: 0.2rem;
}
.r_fotoBig{
	float: left;
    margin-right: 20px;
	margin-bottom: 20px;
	max-width: 300px;
}
.realLink{
	color: #666 !important;

/*	white-space: nowrap;
	
	color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
	
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}
.realLink i{
	color: #666 !important;
}
@media (max-width: 576px) {
/*    #rFilters{
       display: none;
    }*/
/*    #filters{
        margin-bottom: 15px;
    }*/
    .r_foto,
    .d_foto{
        max-width: 70px !important;
    }
    
    .rd-row hr.rHr{
       
    }
    .dInfo{
        margin-top: 0px;
    }
    h3.rName{
        margin-bottom: 3px;
    }
    .dList .dish-row:first-of-type{
        /*margin-top: 4px;*/
    }
    .show-more-dish{
        margin-bottom: 0px;
    }
	.r_fotoBig{
	    width: 100%;
		margin-right: 0px;
		max-width: 100%;
	}
	.restaurant-base-page h1{
		font-size: 2rem;
		color: var(--blue-color);
	}
	.realLink{
		font-size: .8rem;
		line-height: .8rem;
	}
}

.r_schedule{
    padding-top: 5px;
    clear: both;
}

.button-more{
    order: 20000;
}
body.portal-restaurant-page .button-more,
#rList.checkout .restaurant-row,
#rList.checkout .dish-row,
#rList.checkout .button-more{
    display: none !important;
}
#rList.checkout .restaurant-row.inCart,
#rList.checkout .dish-row.inCart{
    display: block !important;
}

#rbList .restaurant-base-row{
	
}
#rbList .restaurant-base-row > div{
	padding-left: 0px;
	padding-right: 0px;
}

button.order-by-phone,
button.order-by-phone-rb{
	background: #fff;
	color: #444;
}
#rList button.order-by-phone{
	background-color: #6c757d;
	color: #fff;
}
#rList button.order-by-phone:hover{
	background-color: #5a6268;							 
}

button.order-by-phone i.fa-phone-volume,
button.order-by-phone-rb i.fa-phone-volume{
	color: #fff;
	padding-left: 11px;
	padding-right: 10px;
}
button.order-by-phone i.fa-info,
button.order-by-phone-rb i.fa-info{
	padding-left: 13px;
	padding-right: 13px;
}
#rbList .dInfo{
	margin-top:0px;
}
.rotate90{
	transform: rotate(90deg);
}
.rotate-90{
	transform: rotate(-90deg);
}
#rbList .dInfo .fas.fa-phone{
	font-size: .9rem;
}
@media (max-width: 577px) {
	button.order-by-phone span,
	button.order-by-phone-rb span{
            display: none !important;
	}
        button.order-by-phone.btn.second-blue i,
        button.order-by-phone-rb.btn.second-blue i{
            border-radius: .25rem;
        }
}
@media (max-width: 992px) {
	.rPagePortal .telAndSchedule{
		clear: both;
		margin-top: 20px;
	}
	.rPagePortal .r_fotoBig{
		width: 60px;
		margin-right: 10px;
	}
	.rPagePortal h1.rName{
		font-size: 1.7rem;
	}
	
	.rPagePortal .dInfo{
		clear: both;
	}
}
/* pokazuje informacje na stronie restauracji - zamiast popUp */
.restaurantPageRow .r-info,
.restaurantPageRow .order-by-phone{
	/*display: none;*/
}
.back-to-restaurant-list{
	margin-bottom: 25px;
}
.scheduleBox{
	clear: both;
}
/*.restaurant-base-row .dInfo{
	display: inline;
}
.restaurant-base-row .rCategory{
	padding-right: 10px;
}*/

body.book_table .dList.menu-header{
	display: none !important;
}

/*body.display_menu button.ajaxLoadComponents.strx-form-button{
	display: none;
}*/
.normal-size{
	font-size: 1rem;
}
.dropdown.strx.strx-add-cart-widget .dropdown-menu  .componentBox{
   padding-top: 10px;
}

.alert.dish-list-top-text,
.alert.dish-list-bottom-text{
	/*background-color: rgba(150,150,150,.3);*/
	padding: 5px 10px;
	margin-top: 10px;
	border-radius: 0px;
}

@media (min-width: 768px) {
	
    #rList .dList h2.dish-category-header-name,
	#rList .dList .category-header-container.has-img h2.dish-category-header-name{

		color: #fff;
		background-color: rgba(150,150,150,.3);
		font-size: 2rem;
		padding: 2px 10px;
		margin: 0px;
		margin-top: 8px;
    }
    #rList .dList .category-header-container.has-img h2.dish-category-header-name {

    }
	
}
@media (max-width: 768px) {
	#rList .dList .dish-category-header.has-img{
		display: none;
	}
	h2.dish-category-header-name{
		font-size: 1.6rem;
	}
	body.portal .restaurant-row .dInfo span.label{
		display: none;
	}
}
#rList .dList h2.dish-category-header-name .badge{
	display: none;
}
/*#rList .dList .category-header-container.has-img{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}*/
#rList .dList .dish-category-header.has-img{
/*	border-top-left-radius: 0px;
	border-top-right-radius: 0px;*/
	min-height: 90px;
}

.suggested-online-restaurants img{
    width: 100px;
    border-radius:50%;
}