.pmQtyBtn {
    width:20%;
}

.profile_view { display: block; }
.profile_edit { display: none; }

@media screen and (max-width: 800px) {
    .cartAmount {
        justify-content: space-evenly;
    }
    
    #table-no {
        width:50%;
        position:relative;
        float:left;
    }
    
    .product_option {
	width: 100%;
	height: auto;
	position: relative;
	text-align: left;
	box-sizing: border-box;
	padding: 10px;
}

.option {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}

.option_title {
	text-align: left;
	box-sizing: border-box;
	padding: 5px;
	color: #fff;
	background-color: #FF0000;
	float: left;
	margin: 10px 0 10px 15px;
}
.option_topping, .option_select {
	float: left;
	box-sizing: border-box;
	padding: 10px 10px 0 15px;
}

.option_topping{width:75%;}
.option_select{	width: 25%;}

.option_box {
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

.switch {
	position: relative;
	width: 50px;
	height: 25px;
	float: right;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.remarks {
	width: 90%;
	resize: none;
	font-size: 12px;
	border-radius: 10px;
	border-style: none;
}
.remarks:focus{
    outline: none;
}

.option_btn {
	padding: 10px 20px;
	font-size: 18px;
	margin: 10px auto;
	background-color: #5BA201;
	color: #fff;
	border-radius: 20px;
	border: none;
}


.container_QR {
	width: 100%;
	height: 90vh;
	position: relative;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	/* background-color: #562978; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.redemption_box {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 20px 10px 0 10px;
	text-align: center;
	color: #f00;
	line-height: 18px;
}

.redeem_box-active, .redeem_box {
	width: 45%;
	height: auto;
	position: relative;
	float: left;
	margin: 5px 0 5px 10px;
	border: 3px dotted #bdbdbd;
	box-sizing: border-box;
	padding: 3px;
}
.redeem_box-active img {
	width: 80%;
	margin: 0 auto;
	display: block;
	-webkit-animation: changeColor 2s infinite;
	-moz-animation:    changeColor 2s infinite;
	-o-animation:      changeColor 2s infinite;
	animation:         changeColor 2s infinite;
}


.QRcode {
	width: 100%;
	height: 70vh;
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 0 10px 0 10px;
	text-align: center;
	color: #fff;
	line-height: 18px;
}
.QRcode img {
	width: 90%;
	margin-top: 20px;
}
	
.QRcode div {
	width: 100%;
	height: auto;
	position: relative;
	margin: 15px 0;
}	

.freecard_box {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 20px 10px 10px 10px;
	text-align: center;
	color: #f00;
	line-height: 18px;
	background-color: #fff;
}
	
.freecard_box img {
	width: 100%;
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translate(-50%,50%);
}
	
.NoFree{
	width:100%;
	}
.NoFree img{
	width:80%;
    opacity:0.5;
    margin-top:20px;
}	

.history_date, .status, .status2 {
	height: auto;
	position: relative;
	float: left;
	color: #fff;
	background-color: #f00;
	padding: 5px;
	border-radius: 30px;
}

.status {
	border-radius: 0;
	margin: -10px; 
}
.status2 {
	background-color: #28bd09 !important;
	border-radius: 0;
	margin: -10px;
}

.history_id {
	position: relative;
	float: right;
	color: #666;
	padding: 5px;
	border-radius: 30px;
}
.history_id::before{
    content:"订单编号 :";
}

.history_dine, .history_payment {
	height: auto;
	position: relative;
	float: left;
	padding: 3px;
	color:#f00;
}
.history_dine::before {content:"食用方式 : "; color: #666;}
.history_payment::before {content:"付款方式 : "; color: #666;}
.history_payment img{width:20%;}

hr.history {
	width: 100%;
	border: 1px solid #e3e3e3 !important;
	position: relative;
	float: left;
}

    .updateBtn {
        box-sizing: border-box;
        padding: 8px;
        border: none;
        color: #fff;
        position: relative;
        margin-left: 5%;
        margin-right: 5%;
        display: block;
        width: 40%;
        float:left;
    }
    
    .updateBtn img {
        width: 10%;
    }
    
    .profile_edit, .profile_edit2{
        display:none;
    }
    
    .order_status_btn {
    	padding: 10px 20px;
    	font-size: 18px;
    	margin: 10px auto;
    	background-color: #5BA201;
    	color: #fff;
    	border-radius: 20px;
    	border: none;
    }

    .lightboxOverlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: #000;
        filter: alpha(Opacity=80);
        opacity: .8;
        display: none;
        width: 100%;
        height: 100%;
    }
    
    .lightbox {
        width: 90%;
        left: 5%;
        z-index: 10000;
        font-weight: 400;
        outline: 0;
        position:fixed;
        top:10%;
        display: none;
        text-align: center;
    }
    
    .lightbox img {
        width: 100%;
        height:auto;
    }
    
    #tng_qrcode_content {
        top:10%;
        width:90%;
        left:5%;
    }
    
    #tng_qrcode_content img {
        width:100%;
        height: auto;
    }
    
    .menu-highlighted {
        background-color: red;
        color: white;
    }
}