@charset "UTF-8";


@media only screen and (min-width: 1px) and (max-width: 500px) {
	
	.kiosk-num-sale {
	font-size : 40px;
	margin-top : 10px;
	text-align: center;
	text-shadow: 0 1px #66514c;
	color : #e4460d;
    }
    

	.catalog-panel .articlebox-image {
		width: 120px;
		min-height: 100px;
		border-radius : 5px;
		margin: 10px;
        box-shadow: 5px 6px 7px 0px #a37272;
	}
    
    .product-detail-btn {
	    background-color:#b18b45;
	    margin-top : 5px;
	    border-radius : 10px;
	    color : white;
	    padding : 5px;
	    font-size: 10px;
	    width:55px;
	}
	
	.product-detail-text {
	    color:#4c4746;
        font-size:13px;
        font-weight:600; 	
        height:150px; 
        overflow: auto;
	}
	
	.product-detail-image {
	    margin:auto;
	    width:170px !important;
	    height:170px !important;
	}
	
	.takeawaymode {
		height: 210px;
		width:210px;
		margin:40px auto;
		border-radius:20px;
		cursor : pointer;
		box-shadow: 0 2px 5px 0 rgb(84 64 218 / 36%), 0 2px 10px 0 rgb(50 75 206 / 12%);
		font-size:15px;
	    text-shadow: 0 1px #66514c;
     }
     
     .ticket-total {
	position: absolute;
	bottom: -35px;
	width: calc(100vw - 100px);
	border-radius: 10px;
	border: 1px solid #eac4a7;
	text-align: right;
	padding-right: 15px;
	font-weight: 800;
	font-size: 18px;
}
     
     .kiosk-cartButton {
	width:50px;
	height:250px;
	background-color: #B40404;
	position : absolute;
	top: calc( 50vh - 100px );
	right:0;
	border-radius: 30px 0 0 10px;
	z-index:900;
	cursor : pointer;
    }
     
     .close-kiosk-ticket {
     	top : 10px;
	    right : 10px;	
     }
     
	
	.cashdrawer {
		margin-top: 10px;
	}
	.arrow_box:before {
		border-color: rgba(194, 225, 245, 0);
		border-left-color: #d7dadc;
		border-width: 10px;
		margin-top: -10px;
	}
	.article-width {
		width: calc(100% - 120px); 
	}
	.filterbar-width {
		width: 80px;
	}
	.filter-box {
		margin-bottom: 10px;
	}
	.filter-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		color: rgb(124, 119, 112);
		font-weight: 400;
		font-size: 10px;
		width: 50px;
		line-height: 10px;
	}


	
	.filter-box-noimg {
	   margin-top: 2px;
       border-radius: 10px;       
       padding: 11px 5px;
       color: #0c0c0c !important;
       border: 3px solid #bd6845;       
    }
	
	
	.filterbox-image {
		width: 50px;
		border-radius : 2px;
	}
	.articlebox-image {
		width: 90px;
		min-height: 70px;
		border-radius : 2px;
	}
	.cashdrawer .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		color: rgb(124, 119, 112);
		font-weight: 400;
		font-size: 11px;
		width: 70px;
		line-height: 15px;
	}
	
	.orderkiosk .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		color: rgb(124, 119, 112);
		font-weight: 400;
		font-size: 11px;
		width: 70px;
		line-height: 15px;
	}
	
	.orderkiosk .item-spe-box-nopicto {
		border-radius: 8px;
		background-color: #bd6845;
		padding: 15px;
		width: 80px;
		min-height: 65px;
		font-weight: 800;
		font-size:10px;
		margin: 2px 2px;
	}
	
	
	
	.spe-valid-btn {
	  width: 150px;
	  height: 35px !important;
	  background-color: rgb(195, 188, 185);
	  position : absolute !important;
	  top : 0px;	
    }
	


}