@charset "UTF-8";




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

	
   .orderkiosk .ticket-prod {
	    width: calc(100% - 50px - 60px - 135px);
    }
	




	.ticket-total {
        position: absolute;
        bottom: -35px;
        width: calc(30vw - 20px);
        border-radius: 10px;
        border: 1px solid #eac4a7;
        text-align: right;
        padding-right: 15px;
        font-weight: 800;
        font-size: 18px;
    }
	
	.takeawaymode {
        height: 400px;
        width:600px;
        margin:100px 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:35px;
        text-shadow: 0 1px #66514c;
     }
     
     .paymode {
	margin:20px 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:35px;
	    text-shadow: 0 1px #66514c;
    }
     
      .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;
      }
   
     .close-kiosk-ticket {
     	top : 35vh;
	    left : -28px;	
     }
	

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

    .ticket-qty {	
	font-size: 18px;

    }

     .articlebox-image {
		width: 185px;
		min-height: 70px;
		margin-top: 30px;
		border-radius : 5px;
	}
	
	.cashdrawer .articlebox-image {
		width: 95px;
		min-height: 50px;
		margin-top: 3px;
		border-radius : 3px;
	}
	
	.cashdrawer .item-spe-box .articlebox-image {
		width: 60px;
		min-height: 45px;
		margin-top: 0px;
		border-radius : 5px;
	}

   .cashdrawer .item-spe-box-nopicto {
		border-radius: 8px;
		background-color: #bd6845;
		padding: 8px;
		width: 100px;
		min-height: 65px;
		font-weight: 800;
	}
	
	
	.spe-valid-btn {
	  width: 150px;
	  height: 50px !important;
	  background-color: rgb(195, 188, 185);	 
    }
    
    .filterbar-width {
		width: 105px;
	}

    .cashdrawer .filterbox-image {
		width: 65px;
		border-radius : 3px;
	}
	
	.filter-text-box {
		    position: relative;
            bottom: 1px;
            cursor: pointer;
            letter-spacing: -1px;
            color: black;
            font-weight: 600;
            font-size: 16px;
            width: 162px;
            line-height: 13px;
            text-shadow: 7px -4px 7px #A9DDA4;
	}

    .cashdrawer .article-text-box {
        position: relative;
        bottom: 1px;
        cursor: pointer;
        letter-spacing: -1px;
        font-weight: 400;
        font-size: 23px;
        width: 250px;
        line-height: 25px;
        color: black !important;
        text-transform: uppercase;
        text-shadow: 7px -4px 7px #A9DDA4;

	}



    .cashdrawer .item-box .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;		
		font-weight: 400;
		font-size: 14px;
		width: 200px;
		line-height: 15px;
	}


    .orderkiosk .article-text-box {
        position: relative;
        bottom: 1px;
        cursor: pointer;
        letter-spacing: -1px;
        font-weight: 400;
        font-size: 23px;
        width: 250px;
        line-height: 25px;
        color: black !important;
        text-transform: uppercase;
        text-shadow: 7px -4px 7px #c2a014;

    }

	
	.cashdrawer .item-spe-box {
		font-size: 10px;
		position: relative;
		margin: 3px;
		vertical-align: bottom;
	}


    .product-detail-btn {
        background-color: white;
           margin-top: 5px;
        border-radius: 5px;
        color: black;
        padding: 6px;
        font-size: 15px;
        width: 90px;
        border: 1px solid black;
        margin: 10px auto;
    }

    .orderkiosk .item-box-middle .articlebox-image {
        width: 300px;
        min-height: 110px;
        margin-top: 10px;
        margin-left: 20px;
        border-radius: 5px;
    }

    .orderkiosk .style-hotacc.item-box .articlebox-image {
        width: 285px;
        min-height: 110px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .orderkiosk .style-boisson.item-box-middle .articlebox-image {
        width: 180px !important;
        min-height: 80px;

    }


    .orderkiosk .article-text-box-detail, .orderkiosk .article-text-box-descr {
        width:200px;
        margin: auto;
         font-size:15px;
        padding:6px;
        color:black;
    }

    .orderkiosk .item-spe-box {
        font-size: 15px;
        position: relative;
        margin: 3px;
        vertical-align: bottom;
        text-transform: uppercase;
    }

    .orderkiosk .item-spe-box-nopicto {
        border-radius: 8px;
        background-color: #bd6845;
        padding: 8px;
        width: 160px;
        min-height: 100px;
        font-weight: 400;
    }


    .product-detail-text {
        color: black;
        font-size: 19px;
        font-weight: 400;
        height: 300px;
        overflow: auto;
    }

	.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);*/
		padding-left: 45px;
	}
	
	.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;
          font-family: "BERNIER Regular";

	}


    .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;
        font-family: "BERNIER Regular";
    }


    .orderkiosk .item-box .articlebox-image {
		width: 280px;
		min-height: 130px;
		margin-top: 30px;
		border-radius : 5px;
	}



	.orderkiosk  .article-text-box-detail,.orderkiosk .article-text-box-descr {
	     position: relative;
         bottom: 1px;
         cursor: pointer;
         letter-spacing: -1px;
         font-weight: 400;
         font-size: 13px;
         width: 250px;
         line-height: 15px;
	}

	.orderkiosk .item-box-middle .articlebox-image {
		width: 245px;
		min-height: 110px;
		margin-top: 10px;
		margin-left: 20px;
		border-radius : 5px;
	}

	.orderkiosk .item-box.suggest .articlebox-image {
		width: 105px;
		height: 105px;
		margin-top: 10px;
		border-radius : 5px;
	}

	.orderkiosk .articlebox-image {
		width: 150px;
		min-height: 75px;
		margin-top: 3px;
		border-radius : 3px;
	}

	.orderkiosk .item-spe-box .articlebox-image {
		width: 120px;
		min-height: 65px;
		margin-top: 0px;
		border-radius : 5px;
	}

	.orderkiosk .item-small-box .articlebox-image {
		width: 180px;
		min-height: 65px;
		margin-top: 0px;
		border-radius : 5px;
	}




	.item-small-box .articlebox-image {
		width: 120px;
		min-height: 65px;
		margin-top: 0px;
		border-radius : 5px;
	}



	.product-detail-image {
	    margin:auto;
	    width:500px !important;
	    height:500px !important;
	}




   .orderkiosk .item-spe-box-nopicto {
		border-radius: 8px;
		background-color: #bd6845;
		padding: 8px;
		width: 100px;
		min-height: 65px;
		font-weight: 800;
	}
	
	
	.spe-valid-btn {
	  width: 300px;
	  height: 100px !important;
	  background-color: rgb(195, 188, 185);	 
    }
    
    .filterbar-width {
		width: 105px;
	}
	
	.cashregister .filterbar-border {
		border-right:1px solid #f9ddcf;
	}

    .orderkiosk .filterbox-image {
		width: 305px;
		border-radius : 3px;
	}

	.orderkiosk .dialog-spe .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;
		font-weight: 600;
		font-size: 16px;
		width: 150px;
		line-height: 17px;
	}

    .orderkiosk .item-box .article-text-box {
		position: relative;
		bottom: 1px;
		cursor: pointer;
		letter-spacing: -1px;		
		font-weight: 600;
		font-size: 14px;
		width: 200px;
		line-height: 15px;
		width:100%;
	}
	
	
	.orderkiosk .item-spe-box {
		font-size: 10px;
		position: relative;
		margin: 3px;
		vertical-align: bottom;
	}
    

}