@charset "UTF-8";



@media only screen and (min-width: 500px) and (max-width: 900px) {

    .ticket-product {
	text-align: left;
	font-size: 14px;
   }

    .ticket-qty {	
	font-size: 14px;
   }
   
    .kiosk-cartButton {
	width:100px;
	height:250px;
	background-color: #B40404;
	position : absolute;
	top: calc( 50vh - 100px );
	right:0;
	border-radius: 30px 0 0 10px;
	z-index:900;
	cursor : pointer;
    }
   


   .cashdrawer .item-box .articlebox-image {
		width: 95px;
		min-height: 60px;
		margin-top: 3px;
		border-radius : 5px;
	}
	
	.cashdrawer .articlebox-image {
		width: 65px;
		min-height: 50px;
		margin-top: 1px;
		border-radius : 2px;
	}
	
	
	
	
	.spe-valid-btn {
	  width: 150px;
	  height: 35px !important;
	  background-color: rgb(195, 188, 185);
	  position : absolute !important;
	  left : 100px;
	  top : 20px;	
    }
    
    .filterbar-width {
		width: 75px;
	}
	
	.cashdrawer .filterbox-image {
		width: 55px;
		border-radius : 5px;
	}
	
	.filter-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		color: #bd6845;
		font-weight: 400;
		font-size: 10px;
		width: 56px;
		line-height: 10px;
	}
	
	.cashdrawer .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;		
		font-weight: 600;
		font-size: 10px;
		width: 90px;
		line-height: 12px;
	}
	
	.cashdrawer .item-box .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;		
		font-weight: 600;
		font-size: 10px;
		width: 100px;
		line-height: 12px;
	}

    .cashdrawer .item-spe-box-nopicto {
		border-radius: 8px;
		background-color: #bd6845;
		padding: 15px;
		width: 100px;
		min-height: 55px;
		font-weight: 600;
	}
	
		.cashdrawer .item-spe-box {
		font-size: 11px;
		position: relative;
		margin: 3px;
		vertical-align: bottom;
	}
	

	.arrow_box:before {
		border-color: rgba(194, 225, 245, 0);
		border-left-color: #d7dadc;
		border-width: 15px;
		margin-top: -15px;
	}
	.orderkiosk .article-width {
		width: calc(100% - 105px);
	}
	
	.cashregister .article-width {
		width: 100%;
	}
	
	.filter-box {
		margin-bottom: 2px;
	}
	
	
    .filter-box-noimg {
	    margin-top: 2px;
       border-radius: 10px;       
       padding: 10px 5px;
       color: #0c0c0c !important;
       border: 3px solid #bd6845;      
    }
    
    .catalog-panel .request-quote-button {
       width: 100%;
       background-color: #262020;
       height: 100px;    
       margin-top: 2px;
       box-shadow: -1px -7px 10px 2px black;
       cursor: pointer;
    }
    
    .catalog-panel .request-quote-label {       
       font-size: 58px;
       color: white;
       background-color: #262020;
       text-shadow: 4px 3px 15px #d4cff1;  
       text-transform: uppercase;   
    }
    
	.catalog-panel .material-carousel .carousel-next-arrow {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -32px;
      width: 90px;
      height: 90px;
      line-height: 28px;
      font-size: 20px;
      color: white;
      background: rgb(48 66 201 / 80%);      
   }
   
   	
	.catalog-panel .material-carousel .carousel-prev-arrow {
      position: absolute;
      top: 50%;
      left: 10px;
      margin-top: -32px;
      width: 90px;
      height: 90px;
      line-height: 28px;
      font-size: 20px;
      color: white;
      background: rgb(48 66 201 / 80%);      
   }
   
	.borne .filterbox-image {
		width: 100px;
		border-radius : 5px;
	}
	
	
	
	
	.cashdrawer .article-text-box-grey{
	   color: #232227 !important;
	}
	
	.cashdrawer .articlebox-image-spe {
		width: 75px;
		min-height: 70px;
		margin-top: 10px;
	}
	.borne .articlebox-image {
		width: 240px;
		min-height: 200px;
		border-radius : 5px;
	}
	
	.catalog-panel .articlebox-image {
		width: 240px;
		min-height: 200px;
		border-radius : 5px;
		margin: 25px;
        box-shadow: 10px 12px 14px 0px #a37272;
	}
	
	.cashdrawer .article-bigtext-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		color: rgb(124, 119, 112);
		font-weight: 400;
		font-size: 25px;
		width: 120px;
		line-height: 25px;
	}
	.cashdrawer .item-box {
		font-size: 11px;
		position: relative;
		margin: 3px;
		vertical-align: bottom;
	}
	.cashdrawer .item-box-nopicto {
		border-radius: 8px;
		background-color: #4e4947;
		padding: 30px;
		width: 210px;
		height:120px;
		font-weight: 800;
		margin-top : 30px;
		margin-right:10px;
	}
	
	.orderkiosk .item-box-nopicto {
		border-radius: 8px;
		background-color: #4e4947;
		padding: 30px;
		width: 210px;
		font-weight: 800;
		margin-top : 50px;
		margin-right : 50px;
	}
	


	.cashdrawer.ui-adv-cb-checked {
		display: inline-block;
		cursor: pointer;
		vertical-align: top;
		padding: 5px;
		background: white;
		border: 1px solid red;
		border-radius: 10px;
		color: red;
		font-weight: 800;
		margin: 5px 10px;
		text-transform: uppercase;
		box-shadow: 0 0 3px 3px #d8b22f;
	}
	.cashdrawer .ui-adv-cb-unchecked {
		display: inline-block;
		cursor: pointer;
		vertical-align: top;
		padding: 5px;
		background: white;
		border: 1px solid #D8D8D8;
		border-radius: 10px;
		color: black;
		margin: 5px 10px;
		text-transform: uppercase;
		font-weight: 400;
	}
	.cashdrawer .price-box {
		  width: 50px;
          background-color: #A9DDA4;
          border: 1px solid #D8D8D8;
          border-radius: 2px;
          color: black;
          font-weight: 800;
          padding: 2px;
          font-size: 11px;
          margin: 1px auto;

	}


    .orderkiosk .price-box {
        width: 50px;
        background-color: #A9DDA4;
        border: 1px solid #D8D8D8;
        border-radius: 2px;
        color: black;
        font-weight: 800;
        padding: 2px;
        font-size: 16px;
        margin: 1px auto;
    }

}