@charset "utf-8"; 
/* CSS Document */
@font-face {
    font-family: 'myFont';
    src: url('../font/BLACKR-webfont.eot');
    src: url('../font/BLACKR-webfont.eot?iefix') format('eot'),
         url('../font/BLACKR-webfont.woff') format('woff'),
         url('../font/BLACKR-webfont.ttf') format('truetype'),
         url('../font/BLACKR-webfont.svg#webfont21KuPMyg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.mainC {
width:160px;
border:1px solid black;
text-shadow: none;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;

}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #E4C5C6;
padding: 2px;
 border:1px solid black; 
}

.days #today{
font-weight: bold;
color:#004F98;
}

h2 {
    color: #EE0B29;
}

.responsive{
	max-width:100%;
	height:auto;
	width:100%;
}
textarea{
line-height:1.2em;	


}
.orderListPage {
	margin-left: 5%;
    margin-right: 5%;
	width: 90%;
	height:auto;
	font-size:24px;
	
}
/*Display Item/////////////////////////////////////////////////////////////////////////////////////*/
div.item { /*create container*/
	 position: relative;   
   width: 100%;
  padding-top: 1.75%; /* 18.75% / 25%*/
   margin-bottom:5px;
 
  
}
div.item .deleteItem{
 /*position: absolute;*/
 float:left;   
  top: 0;
   left: 0;
width:20px;
height:20px;   
cursor: pointer;
opacity: 0.8;
margin-top:5px;

}

div.item .itemImg{
	
  position: absolute;
   float:left;
   width: 25%;
   height:100%;/*14.0625% of width*/
  top: 0;
   left: 0;
   bottom: 0;
   /* max-height:110px;*/
   
}
div.item textarea.itemTxt{
	position: absolute;
   float:right;
   width: 75%;
   height:100%;/*14.0625% of width*/
  top: 0;
  
   bottom: 0;
   right: 0;	
	background:hsla(9, 100%, 64%, 0.4);
	 /* max-height:110px;*/
}

/*////////////////////////////////////////////////////*/
div.item .itemBarcodeBussiness{
	
  position: absolute;
  
   width: 25%;
   height:100%;/*14.0625% of width*/
  top: 0;
   left: 25%;
   bottom: 0;
   /* max-height:110px;*/
   
}

/*////////////////////////////////////////////////////////*/

div.item textarea.itemTxtBussiness{
	position: absolute;
   float:right;
   width: 50%;
   height:100%;/*14.0625% of width*/
  top: 0;
  
   bottom: 0;
   right: 0;	
	background:hsla(9, 100%, 64%, 0.4);
	 /* max-height:110px;*/
}


/*/////////////////////////////////////////////////////////*/
@media screen and (min-width: 737px){
	div.item { /*create container*/
	 position: relative;   
   width: 70%;                 /* giam 30%  70% */
  padding-top: 3.125%; /* giam 30% 13.125% */
   margin-bottom:5px;
 
  
}

.orderListform {
	text-align:left;
}
}
/*END Display Item/////////////////////////////////////////////////////////////////////////////////////*/

/*UPLOAD IMAGE/////////////////////////////////////////////////////////////////////////////////////*/
.autoResizePay{
	height:40px;
	width:50px;
	
}
.autoResizeReceipt{
	height:50px;
	width:40px;
	
}


/*//*/

/*hidden file input field */
[type="file"] {
 /* height: 0;*/
  overflow: hidden;
 /* width: 0;*/
 display:none; 
  opacity: 0;  /*opacity =0 mean no load preview Img after update */
  filter: alpha(opacity=0); /*IE*/
}


/*Design Lable like a button for input file field , use "label for='Field ID'"*/
.uploadLabel{
 background: #f15d22;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
	 font-family: 'Poppins', sans-serif;
    font-size: 14px;/*font size la font Height cua lable*/
    font-weight: 600;
    margin-top: 0;
    outline: none;
    padding: 0px 3px 3px 3px;
	transition: all 0.3s;
}



/*END UPLOAD IMAGE /////////////////////////////////////////////////////////////////////////////////////*/
/*Display for Business View///////////////////////////////////////////////*/
.discountCode{
	max-width:80px;
}

.packNumNeed{
	max-width:50px;
}

.message{
	width:100%;
	height:100%;
	margin:0;
	padding:8px;
	border-radius:15px;
	font-size:20px;
}
.trackingNum{
	width:80%;	
	
	
}
/*End Display for Business View///////////////////////////////////////////////*/
.myDropMenu{
	border: 3px solid red;
}

/*///////////////// Special Font ///*/
.myTitle{
	font-family: myFont, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    /*text-shadow: 0px 2px 3px #ffffff;*/
    color:blue;
	font-size: 3.25em;
    line-height: normal;
	
}


.slideImg{
	width: 460px;
	height:298px;
}
@media (max-width: 767px){
.slideForm {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slideImg{
	width:100%;
	height:auto;
}
}















/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}