.dish-container{
	margin-bottom:0.5em;
	/*box-shadow:1px 1px 2px darkslategray;*/
	padding:3px;
}
.dish-container img.dish-main-image{
	height:5em;
	max-width:100%;
    width: auto;
	border-radius:10px;
}
.dish-main-image-container{
	background:#EFEFEF;
	text-align:center;
	display:inline-block;
	width:15%;
	outline:1px solid silver;
	padding:2px;
	height:5em;
}
.dish-description{
	display:inline-block;
	height:5em;
	width:60%;	
}
.dish-description div{
	padding:0.5em;
}
.dish-description .dish-name{
	min-height:1.5em;
	text-align:justify;
	white-space: nowrap; 
	overflow: hidden;
}
.dish-description .dish-explanation{
	min-height:1.5em;
	text-align:justify;
}
.dish-description .dish-explanation.explanation-ellipsis{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
}
.dish-additional{
	display:inline-block;
	height:5em;
	width:20%;
	float:right;
}
.dish-additional .dish-price{	
	text-align:center;
	height:50%;
}
.dish-hidden-container{
	width:100%;
	margin-top:1em;
}
.dish-additional .dish-price span{
	display:inline-block;
	font-weight:bold;
	margin-top:0.5em;
}
.dish-additional button{
	height:50%;
	border: 1px solid silver;
	border-radius:5px;
	background:khaki;
	font-family:"Tahoma";
}
.dish-explanation{
    padding:2em;
}

/* Estilos agregados */
.form-body h4 {
    text-align: left;
}

.form-body input {
    display: inline-block;
    width: 30%;
}

.form-footer {
    align-items: flex-end;
    padding: 0.2em;
    background: #EFEFEF;
}

.dish-header {
    display: block;
}

.dish-header h5 {
    display: inline-block;
    width: 93%;
}

.dish-header span {
    width: 5%;
    display: inline-block;
}

/*Estilos agregados */
.dish-form ul {
	padding: 0;
	list-style: none;
	border-bottom: 1px dashed #ddd7d7;
}

.dish-form ul li {
	padding: 0.8rem;
}

.dish-form ul li input {
	padding: 0;
	text-align: center;
}

.dish-form ul li div {
	display: inline-block;
	vertical-align: middle;
}

.dish-form ul li div.dish_quantity {
	width: 10%;
}

.dish-form ul li div.dish_name {
	width: 62%;
	font-size: 1.2rem;
	padding: 0.5rem;
}

.dish-form ul li div.dish_name:hover {
	color: #428bca;
	cursor: pointer;
}

.dish-form ul li div.dish_price {
	width: auto;
	text-align: right;
	padding: 0.5rem;
}

.panel-cart {
	display: none;
}

.dish-form ul li .remove-dish {
	display: inline-block;
	color: #333;
	margin: auto;
}

.panel-body .comments {
	padding: 0.8rem;
}

.panel-body .comments input {
	padding: 0.5rem;
	border: 1px dashed #ddd7d7;
	border-spacing: 10px;
	border-radius: 5px !important;
	color: #8c8c8c;
}

.panel-body .total-section div {
	display: inline-block;
}

.panel-body .total-section {
	padding: 1rem;
}

.panel-body .total-section .total-title {
	width: 78%;
}

.panel-body .total-section .total-amount {
	width: 20%;
	text-align: right;
}

.panel-body .payments-methods {
	padding: 1rem;
	border-top: 1px dashed #ddd7d7;
}

.panel-body .payments-methods div {
	display: inline-block;
}
.panel-body .payments-methods .payment-options {
	width: 58%;
}

.panel-body .payments-methods .payment-options select {
	padding: 0;
	text-align: center;
	height: 25px;
	font-size: 1.2rem;
}

.form-dishes {
	display: block;
	width: 100%;
	z-index: 100;
}

.form-dishes h4 {
    display: block;
    text-align: center;
}

.list-dishes {
    width: 95%;
    margin: auto;
}

.list-dishes-container div.col-xs-12 {
	border-bottom: 1px dashed #ccc;
}

.components {
	margin: auto;
}

textarea {
	resize: vertical;
}

.panel-cart {
	border: 1px solid #fcfcfc;
}

.panel-cart div.panel-heading, .panel-cart .panel-body, .panel-cart .panel-footer {
	background-color: #fcfcfc;
}

.panel-cart .panel-heading h3 {
	display: inline-block;
}

.panel-cart .panel-heading a {
	display: inline-block;
	font-size: 2rem;
	color: #787878;
	float: right;
}

.panel-cart div.panel-body {
	padding: 0;
}

.panel-cart .panel-footer {
	border-top: 0px;
	text-align: right;
}

.panel-cart .panel-footer button {
	display: block;
	width: 100%;
}

.cest-con:hover {
	cursor: pointer;
}

.coll-menu:hover {
	cursor: pointer;
}

/* .buttons-container {
	display: block;
	width: 100%;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1em;
} */

.add-cart {
	/*margin-right: 0px;*/
	margin-right: 10px;
}

#modal-delivery-zones thead tr th:last-child {
	width: 100px !important;
}

.modal {
	z-index: 10001 !important;
}

.order-empty {
	display: block;
	width: 100%;
}

.empty-img {
	display: block;
	width: 100%;
}

.empty-img img {
	display: block;
	margin: auto;
}

.empty-text {
	display: block;
	width: 100%;
	text-align: center;
}

@media(max-width:400px){
	
}
@media(min-width:768px){
	
}
@media(min-width:992px){
	
}
@media(min-width:1200px){

}


img .img-content.func2-content{
    max-width: -webkit-fill-available;
}

.btn.selected{
	color: #FFFFFF !important;
    background-color: #00AD3A !important;
    /*border-color: #15527c;*/
    
}

.sub-nav-button{
	border-radius: 0px !important;
	background-color: #dddddd;
}

.max_options{
	color: brown;
    font-size: small;
    font-style: oblique;
}

.jumbotron{
	margin-bottom: 0px !important;
}


.dish_main_container{
	display: flex;
}
.dish_main_container .swipe-image.swiper-container{
	height: 150px;
	max-width: 200px;
}

/*.dishThumbnail #restaurant-logo{
	width: 100%;height: auto;	
}

.dishThumbnail #restaurant-logo{
      height: 100%;
      object-fit: cover;
      /*object-position: center center;
}*/
/*.dishThumbnail
{
  height: 72px;
  width: 72px;
  margin-right: 1rem;
}
.dishThumbnail #restaurant-logo
{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}*/

.dish-image-div{
	height: 80px !important; 
	width: 80px !important; 
	background-position: center !important; 
	background-repeat: no-repeat !important; 
	background-size: cover !important;
	border-radius: 5% !important;
}
.dishThumbnail {
	margin-right: 0.5em;
	text-align: center;
	
}
.dishThumbnail  #restaurant-logo{
	/*height:100%;*/
	/*max-width:100%; */
	display:inline-block;
}
@media(max-width:550px){
	.dishThumbnail {
		margin-right: 0.5em;
	}
	.dish-image-div{
		height:65px !important;
		width: 65px !important;
		background-position: center !important; 
		background-repeat: no-repeat !important; 
		background-size: cover !important;
		border-radius: 5% !important;
	}
	.dishThumbnail  #restaurant-logo{
	/*height:100%;*/
	/*max-width:100%; */
	/*display:inline-block;*/
	object-fit: cover;
	}
}
/*
.dishThumbnail  #restaurant-logos{
		height:100%;
		max-width:100%;
		object-fit: cover;
}
.swiper-container {
	width: 500px;
	height: 250px;
	text-align: center;
}
*/