.my_account_details { margin-top:-52px; }
.order_panel{ padding: 10px; }
.side_block_table{ min-height: 260px; }
/*.side_block_table_pmr{ min-height: 550px; max-height:550px; overflow-y:auto; overflow-x: hidden; float: left; width: 100%; }*/
.side_block_table_pmr {
  float: left;
  height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.srchicn {
	margin-top: 4px;
	float: right;
	margin-left: 5px;
}
ul.side_block_table_pmr li span{ font-weight:bold !important; }
.table td input.qty{  width: 50%; }
.order_panel{ width:99%; min-height:509px}
.table_grand_total{ width:96%; }
.table td input.productrowqtyedit{  width: 50%; text-align: center;}

.table td input.productrownotesedit{  	text-align: center; font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase}


.serachdropdown{ max-height: 350px; margin: 0 0 0 142px; overflow: auto; padding: 0; position: absolute;  width: 44%; border:solid 1px #999; border-radius:0 0 5px 5px; background: none repeat scroll 0 0 #FFFFFF; top:264px;}
.searchedProducts > td{ padding-left:3px; padding-right:3px; }
.searchedProducts{ cursor:pointer; }
.table{ height:388px; overflow: auto;}
.orderhistorypanel .table{ height:405px; overflow: auto;}
.conntent_full { float:left; width:99%; margin:0 0% 0 0; padding:0px 0 0 0;}
.order_panel h1.signin{ text-align:center;  }
.loginwindow { border: 1px solid #CCCCCC; border-radius: 8px; padding: 25px 20px 20px 40px; width: 85%;min-height: 250px;overflow: hidden;  margin: 20px auto 30px;}

.row .input input[type="email"],.row .input input[type="password"],.row .input input[type="text"]{  border: 1px solid #CECECE;  border-radius: 3px;  height: 30px;  padding: 5px 10px; width: 91%;margin: 5px 3px;font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif;}

.row input[type="button"],.row input[type="submit"] { background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);  border: medium none;  border-radius: 5px;  color: #FFFFFF;  cursor: pointer;  display: block;  font-weight: bold;   margin: 10px 0 0;  padding: 12px 20px;  text-transform: uppercase;font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif; }
.btn {  float: right;  width: 50%; }

.row { clear: both;  display: block;  overflow: hidden;  padding: 0;  width: 100%; }
.row > a {  float: left; margin-top: 20px;color: #626262;}


.row .input textarea{ border: 1px solid #CECECE; border-radius: 3px;  height: 100px; margin: 15px 3px; padding: 5px 10px; width: 68%;}
.error-message {  color: #FF0000; font-size: 15px; margin-bottom: 5px; margin-left: 0; margin-top: -11px;}
.msg.msg-error { color: #FF0000;}
.message { text-align: center; }
.msg.msg-ok {  color: #58C65A;}
.main_menu li a{ padding:10px 6px;}

.section > p {
    min-height: 370px;
}
.section{margin-top:32px; }

.orderstatus{float: left; margin: 0px 0px 15px; text-align: left;}
.orderstatus ul{ float:left; }
.supplierTitle {
    float: left;
    width: 33%;
}

.suppliermode {
    float: left;
    width: auto;
}
.title  input{ margin:0 10px; }


.title {
    background: none repeat scroll 0 0 #3F3F3F;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 19px;
    text-transform: uppercase;
    width: 100%;
}
.supplerDetails .title{
 width: 95%;
}
.supptable td{ font-size:14px; }
.supptableclass{ border-color: #CCCCCC;font-weight: normal; text-align: center; }
.supplierStatus {
    float: right;
}
.supplerDetails {
    float: left;
     margin-bottom:20px; 
    width: 100%;
}
.trans{ float: right; margin: 0px 0px 5px 0px; }
.supptable{ border-top: 1px solid #CCCCCC;
height: auto;
padding-top: 10px;
overflow-x: hidden;
overflow-y: auto;; }
	
.my_account_details li a{ font-weight:bold; padding:7px;}
.table th{ font-size:15px; background:linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
/*.side_block_table .title{ font-size:16px; }*/
.main_menu ul{ margin-top:7px;  background:linear-gradient(to bottom, #0482d8 0%, #0244c5  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 0 0 0 5px;}
.logo img { width:150px; height:135px; }
.logo{ width:150px; }

.main_menu { left: 150px;}
.header{ height:88px; }
.my_account_details li{ margin:0 2px; }
.pagging .my_account_details li{ margin:0 8px; }
.main_menu li a:hover{ background:#3F3F3F; border-radius:5px; }
.main_menu li a.active{ background:#3F3F3F;border-radius:5px; }
/* .main_menu li a.new {
  background: url("../../img/new.png") no-repeat scroll 0 -2px transparent;
  padding: 9px 8px 9px 30px;
  z-index: 1111111 !important;
} */

.main_menu li span.new {
  background: url("../../img/new.png") no-repeat scroll 0 0 transparent;
  padding-right: 15px;
  padding-top: 3px;
  z-index: 1111111 !important;
}

.login_menu .welcome {
    background: linear-gradient(to bottom, #ea9149 0%, #f07b1d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
	
li.white_box span {
    background: linear-gradient(to bottom, #EA9149 0%, #F07B1D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
	.table_grand_total {
    background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
	.table td{ padding:4px; text-align: center; }
.side_block_orderfilter ul li:nth-child(2n){ background:none;}
.side_block_orderfilter ul li:nth-child(2n+1){ background:none;}
.side_block_orderfilter ul li{ padding:0px 5px;}
.side_block_orderfilter ul{ margin-top:5px;}
.top {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    float: left;
    margin: 2px 0 0;
    padding: 6px;
	width: 103px;
	font-family: calibri;
}


.orderhistory li {
    margin: 0 8px;
}
/* 
.orderhistory li.white_box {
    padding-right: 2px;
}
.orderhistory li.white_box span {
    margin-right: 3px;
} */

.captionmessage {
    background: none repeat scroll 0 0 #3f3f3f;
    border-radius: 6px;
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-left: -380px;
    margin-top: 15px;
    padding: 5px 10px;
    position: absolute;
    text-transform: none;
    width: 620px;
	display:none; }
	







.table_footer ul{   min-height: 65px;}
	
.cg-comboButton{ display:none; }
.cg-autocomplete {
	  left: 438px !important;
	  max-height: 385px;
	  overflow: hidden;
	  width: 617px;
	}

@media (min-width:769px) and (max-width:1024px) {
    
	.cg-autocomplete {
	  left: 308px !important;
	  max-height: 385px;
	  overflow: hidden;
	  width: 617px;
	}
}


.ordermessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 142px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.ordersearchmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 142px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.updatemessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  right: 142px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}


	.dustbinmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 230px;
	  line-height: 22px;
	  padding: 10px;
	  position: absolute;
	  text-transform: none;
	  width: 400px;
	  z-index: 1;
	}
	
	.bulkmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 160px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 88px;
	  width: 280px;
	  z-index: 1;
	}

	.historymessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 135px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 765px;
	  line-height: 21px;
	  z-index: 1;
	}


	.remessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 135px;
	  line-height: 18px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 190px;
	  width: 965px;
	  z-index: 1;
	}
	
	
@media (min-width:769px) and (max-width:1024px) {

	.ordermessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 22px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.ordersearchmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 22px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.updatemessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  right: 22px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}


	.bulkmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 85px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 816px;
	  z-index: 1;
	}

	.historymessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 7px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 765px;
	  line-height: 21px;
	  z-index: 1;
	}


	.remessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 7px;
	  line-height: 18px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 190px;
	  width: 965px;
	  z-index: 1;
	}

}




@media (min-width:1025px) and (max-width:1280px) {

	.ordermessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 142px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.ordersearchmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 142px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.updatemessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  right: 142px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}


.bulkmessage {
  background: none repeat scroll 0 0 #3f3f3f;
  border-radius: 6px;
  color: #ffffff;
  display: none;
  float: left;
  font-size: 12px;
  left: 94px;
  padding: 5px 10px;
  position: absolute;
  text-transform: none;
  top: 118px;
  width: 816px;
  z-index: 1;
}

	.historymessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 135px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 765px;
	  line-height: 21px;
	  z-index: 1;
	}


	.remessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 142px;
	  line-height: 18px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 190px;
	  width: 965px;
	  z-index: 1;
	}

}

@media (min-width:1281px) and (max-width:1366px) {

	.ordermessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 202px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.ordersearchmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 202px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.updatemessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  right: 202px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}


	.bulkmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 263px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 816px;
	  z-index: 1;
	}

	.historymessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 193px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 765px;
	  line-height: 21px;
	  z-index: 1;
	}


	.remessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 193px;
	  line-height: 18px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 190px;
	  width: 965px;
	  z-index: 1;
	}

}

@media (min-width:1367px) and (max-width:1920px) {

	.ordermessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 472px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.ordersearchmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  right: 472px;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}

	.updatemessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: right;
	  font-size: 12px;
	  right: 472px;
	  margin-top: 12px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  width: 280px;
	  z-index: 1;
	}


	.bulkmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 533px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 816px;
	  z-index: 1;
	}

	.historymessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 463px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 191px;
	  width: 765px;
	  line-height: 21px;
	  z-index: 1;
	}


	.remessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 463px;
	  line-height: 18px;
	  padding: 5px 10px;
	  position: absolute;
	  text-transform: none;
	  top: 190px;
	  width: 965px;
	  z-index: 1;
	}

}







.table_footer ul{   min-height: 65px;}
	
.cg-comboButton{ display:none; }
.cg-autocomplete {
	  left: 438px !important;
	  max-height: 400px;
	  overflow: hidden;
	  width: 617px;
	}

@media (min-width:769px) and (max-width:1024px) {
    
	.cg-autocomplete {
	  left: 308px !important;
	  max-height: 385px;
	  overflow: hidden;
	  width: 617px;
	}
	
	.productlist.cg-autocomplete {
	  left: 195px !important;
	  max-height: 385px;
	  overflow: hidden;
	  width: 617px;
	}
}

@media (min-width:1025px) and (max-width:1280px) {
    
.cg-autocomplete {
	  left: 326px !important;
	  max-height: 385px;
	  overflow: hidden;
	  width: 617px;
	}

}
.cg-DivItem{ font-size:13px !important; }

/* tr:nth-child(odd){ background:#E5E5E5;}  */
tr:nth-child(odd) { background:#FFF5D9; }

.cg-comboItem:nth-child(even){ background:#ffffff;} 
.cg-comboItem:nth-child(odd){ background:#DCE6FF;} 

.ui-widget {
    font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif;
}

/* all */
::-webkit-input-placeholder { font-size:11px; }
::-moz-placeholder { font-size:11px; } /* firefox 19+ */
:-ms-input-placeholder { font-size:11px; } /* ie */
input:-moz-placeholder { font-size:11px; }

.cg-comboItem.cg-menu-item {
    text-transform: uppercase;
}
.transsuppname{float: left; margin-top: 2px; margin-right: 10px;}
.trans li.white_box{ float:right;}
.trans ul{ margin:10px 0 0 0 }
table tr.archiveh th{ line-height: 30px;; background: linear-gradient(to bottom, rgba(91, 105, 105, 1) 0%, rgba(38, 44, 44, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
table tr.heading{ font-weight: bold; background: none repeat scroll 0% 0% rgb(174, 174, 174); }
table tr.heading td{ font-size: 15px;text-decoration: underline;}

.table_footer li div {
    background: none repeat scroll 0 0 #FFFFFF;
}


.green_orderbg{
	border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    list-style: none outside none;
    padding: 10px 5px;
	width:85px;
	 text-align: center;
	 margin:21px 5px 0 0;
}

.green_orderbg > a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

@media (max-width:1000px) {
 .cg-autocomplete {
	  left: 81px !important;
	  right: 0 !important;
	top: 272px;
	width: 723px;
	overflow-y: auto;
	border-color: #035CCC;
	}
}

@media (min-width:1000px) {
 .cg-autocomplete.cg-menu.ui-widget.ui-widget-content.ui-corner-all.combogrid.productlistclass{
	left: 46% !important;
	margin: 0 0 0 -491px;
	right: 0 !important;
	top: 272px;
	width: 823px;
	overflow-y: auto;
	border-color: #035CCC;
}

.cg-autocomplete.cg-menu.ui-widget.ui-widget-content.ui-corner-all.combogrid.bulkorderlist{
	left: 57% !important;
	margin: 0 0 0 -491px;
	right: 0 !important;
	top: 272px;
	width: 723px;
	overflow-y: auto;
	border-color: #035CCC;
}

.cg-autocomplete.cg-menu.ui-widget.ui-widget-content.ui-corner-all.combogrid.dustbinlist{
	left: 57% !important;
	margin: 0 0 0 -491px;
	right: 0 !important;
	top: 272px;
	width: 723px;
	overflow-y: auto;
	border-color: #035CCC;
}

}


.OrdersupplierStatus{background: none repeat scroll 0 0 #fff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    color: #424242;
    display: block;
    float: right;
    font-weight: bold;
    padding: 10px;}
.OrdersupplierStatus input{ float: left;   margin-right: 10px; }

.suppliermodeorder{ background: none repeat scroll 0 0 #fff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    color: #424242;
    display: block;
	padding: 10px;
	float: left;    font-weight: bold;    margin:20px 0 0 15px;    width: 65%; }
.suppliermodeorder input{ margin-left: 26px;    margin-right: 10px;    vertical-align: bottom;}


.table_footer li div span {
    text-transform: uppercase;
}


.table th input {
    border: 1px solid #cecece;
    border-radius: 3px;
    padding: 0 10px;
    width: 91%;
}

.suppliercolor ul{ color:#000000; }

.loginwindow label{   float: left;
    font-size: 15px;
    font-weight: bold;
    width: 25%; 
	margin-top: 15px;
	}
.loginwindow input{ width:100%; }
.input {
    float: left;
    width: 75%;
}
.star {
    color: #ff0000;
}
.blue_bg.green_orderbg.print{ margin:0px; }
.row  textarea {
    border: 1px solid #cecece;
    border-radius: 3px;
    height: 100px;
    margin: 15px 3px;
    padding: 5px 10px;
    width: 68%;
	float:left;
	font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif;
}

.button[type="submit"], .button[type="button"] {
    float: left;
    font-size: 16px;
    width: 200px;
	font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif;
}



.loginwindow1 { border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 20px auto auto;
    min-height: 250px;
    padding: 40px 20px 20px 40px;
    width: 55%;}
	
.loginwindow1  .input{width: 100%;}
.loginwindow1  label{font-weight:bold;}
.side_block_table ul li{ padding: 5px;  float: left; width: 96%; word-wrap: break-word;}

.side_block_table ul#statuspanel{
    float: left;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.side_block_table ul li span.view{     
	color: #787878;
    display: inline;
    font-weight: normal; 
	cursor:pointer;
	text-decoration: underline;
	}
.response{float: right; margin:0 10px 0 0px; width:160px}
li.white_box{ padding-right:5px;}

.side_block_table img {
    float: left;
    margin: 0 5px 0 0;
}


.view {
    cursor: pointer;
    text-decoration: underline;
}


.multiselect-container > li {
    border-bottom: 1px solid #999;
}

li.white_box .green{background:linear-gradient(to bottom, #B00202 0%, #870101 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.o_numb {
    min-width: 30px;
    text-align: center;
}
/*.cg-DivItem {
    height: auto !important;
}
.cg-menu .cg-menu-item{ overflow:visible !important}*/
.search_input{
	
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 5px 0;
    font-size: 15px;
    padding: 5px 25px 5px 5px;
    width: 76%;
	font-family: "Calibri", Helvetica, Arial, Verdana, sans-serif;
 }
	

.side_block_table .search_icon {
    background: url("../../img/search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    position: relative;
    right: -138px;
    top: -30px;
    width: 32px;
}


.deleteorderrow > img {
    margin-left: 3px;
    width: 16px;
}

.editorderrow > img {
    width: 16px;
}

.deleteorderrow_restrict > img {
    margin-left: 3px;
    width: 16px;
}

.editorderrow_restrict > img {
    width: 16px;
}

.resetorderrow > img {
    margin-left: 3px;
    width: 16px;
}

.saveorderrow > img {
    width: 16px;
}
#statuspanel span{
	text-decoration:none;
}
#statuspanel span.underline{
	display:inline;
	text-decoration:underline;
}

#statuspanel a{
	text-decoration:none;
}

#statuspanel a span.underline{
	font-weight:normal;
}



.title_web {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  padding-top: 8px;
}


.help_bulkorder {
  margin-top: 6px;
  right: 37px;
}

.productlistbulkorders{ left:324px !important; width:616px} 


.table tr.childs td input{
	/* height:auto; */
}
.table tr.nochilds td input{
	/* height:auto; */
}

tr.childs td {
    color: #16549E;
	padding: 6px 5px;
}

#refreshed_products  td {
  font-size: 13px;
}

tr.nochilds td {
    color: #229227;
	padding: 8px 5px;
}

tr.info td {
	padding: 5px;
	border:solid 1px #cccccc;
	border-bottom:0px;
}

tr.orderbtn td {
	padding: 7px;
	
	 color:#ffffff;
}
tr.orderbtn td.cursor{	cursor:pointer;  }
.blue_color{  color: #16549E; }
.green_color{  color: #229227; }
.table_heading{ height: auto; padding: 0px; display: block; overflow: hidden; float: left; margin: 0px ! important; }
.title_web{ text-align: center; font-weight: bold; font-size:20px; padding-top:8px; }
.title_report{ text-align: center; font-weight: bold; font-size:20px; padding:4px 0 20px; }

.heading input {
  float: left;
  margin-left: 10px;
  width: 15px !important;
}


.checkbox_blue input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.checkbox_blue input[type=checkbox].css-checkbox + label.css-label {padding-left:16px;height:16px; display:inline-block;line-height:16px;background-repeat:no-repeat;background-position: 0 0;font-size:26px;vertical-align:middle;cursor:pointer;}
.checkbox_blue input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -16px;}
.checkbox_blue label.css-label {
background-image:url(../../img/csscheckbox_blue.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.checkbox_green input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.checkbox_green input[type=checkbox].css-checkbox + label.css-label {padding-left:16px;height:16px; display:inline-block;line-height:16px;background-repeat:no-repeat;background-position: 0 0;font-size:26px;vertical-align:middle;cursor:pointer;}
.checkbox_green input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -16px;}
.checkbox_green label.css-label {
background-image:url(../../img/csscheckbox_green.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.nochilds a, .childs a {
  color: inherit;
  text-decoration: underline;
}



.editorderrow , .clearall{
    color: inherit;
}

.table td input.bulk_select{ height:auto; }
.side_block_table ul li .green{ color:#2C3131; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;

  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.19999999999999996);
}


.blue_bg.neworder.arrow > a#prev {
  background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 7px;
  color: #fff;
  float: left;
  padding: 4px 30px;
  text-decoration: none;
}

.blue_bg.neworder.arrow > a#next {
  background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 7px;
  color: #fff;
  float: right;
  padding: 4px 30px;
  text-decoration: none;
}

.orderreportpanel .table {
  height: 390px;
  overflow: auto;
}

#ReportOrderForm .select2-chosen {
  background: none repeat scroll 0 0 transparent !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100px !important;
}

#ReportOrderForm .select2-arrow {
  background: none repeat scroll 0 0 transparent !important;
  border: 0 none !important;
  text-align: center;
}
.select2-container .select2-choice {
  margin: 2px 0 0;
}


#ddList-report > ul , #ddList-mode > ul {
  border: solid 1px #ccc;
}

.arrow{ width: 50px; }
.orderhistory li {
  margin: 0 4px;
}




tr.total {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) ;
  height: 34px;
  padding: 4px 0 !important;
  text-align: center;
  font-weight:bold;

}

tr.total td {
  text-decoration: underline;
  border-left: 1px solid #ccc;
}

tr.total td.span{
  text-decoration: none;
  font-weight:bold;
}
.totaltable{ border:solid 1px #ccc;  border-left: 0px;}
#s2id_mode{text-align: left; width: 86px;}
.reports li{ margin-left:4p;}

#ReportOrderForm li.white_box span {
  margin: 0 6px 0 0;
}

.ms-drop li {
  color: #000;
  float: left;
  font-size: 13px;
  line-height: 20px;
  padding: 0;
  text-align: left;
  width: 99%;
}
.ms-drop li.group  label {
  padding-top: 4px;
}
.ms-choice > span.placeholder {
  background: none;
}

.ms-choice > span {
	  background: none !important;
  color: #000 !important;
  line-height: 8px;
  text-align: center;
  width: 100px;
}

.ms-choice {
    height: 34px !important;
}

.ms-choice > span {
  padding-top: 12px !important;
}

.ms-drop ul { padding: 0 !important; }
.ms-drop li.group {
  background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  margin: 0 !important;
  border-radius: 0;
  color:#fff;
}

.ms-drop ul > li.ms-select-all label {
 padding-top:5px;;
}

.ms-drop li.ms-select-all {
  background: linear-gradient(to bottom, rgba(91, 105, 105, 1) 0%, rgba(38, 44, 44, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  margin: 0 !important;
  border-radius: 0;
  color:#fff;
}

.toptrans{ min-height:80px; }




.ms-drop  {
border:solid 1px #035ccc !important;
}
.ms-choice > span {
  text-align: center;
  vertical-align: middle;
  width: 94%;
}
.ms-drop ul{ overflow-x:hidden !important;}
.ms-drop ul li label{ vertical-align: bottom;}

.title_transmit {
  float: left;
  padding: 10px;
  width: 96%;
  color: #D50C0C;
  font-weight: bold;
}

tr.orderbtn td.darkgraybg{
	background: linear-gradient(to bottom, rgba(91, 105, 105, 1) 0%, rgba(38, 44, 44, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

p.crossbtn {
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: -25px;
}



#misc_products li.miscchilds {
  float: left;
  list-style: outside none none;
  margin: 10px 10px 10px 0;
  text-decoration: none;
  width: 224px;
}

#misc_products > ul.parent {
  display: block;
  float: left;
  text-decoration: none;
}

#misc_products .miscupdate{
  float: left;
  padding-left: 8px;
  width: 99%;
  overflow:hidden;
}

.miscchilds > a {
  text-decoration: underline;
  color: inherit;
}


.overlay > span {
  color: #fff;
  float: left;
  font-size: 30px;
  margin: 233px 0 0;
  text-align: center;
  width: 100%;
}

.bulkdata {
  background: none repeat scroll 0 0 #fff;
  color: #000;
  font-size: 15px;
  margin: 110px auto;
  text-align: center;
  width: 520px;
  overflow:auto;
   padding: 20px 20px 10px;
   border-radius: 4px;
}

.smartdata {
  background: none repeat scroll 0 0 #fff;
  color: #000;
  font-size: 15px;
  margin: 110px auto;
  text-align: center;
  width: 980px;
  overflow:auto;
   padding: 20px 20px 10px;
   border-radius: 4px;
}


.smartdata > table {
    width: 100%;
    display:block;
}
.smartdata > table > thead {
    width: 100%;
    height: 20px;
}
.smartdata > table > tbody {
    min-height: 200px;
	max-height:380px;
    display: inline-block;
    width: 100%;
    overflow: auto;
	
}

.smartdata > table > tbody > tr{
 width:100%;
 display:inline-table;
}
.datanotfound {
  background: none repeat scroll 0 0 #fff;
  color: #000;
  font-size: 15px;
  margin: 0 auto;
  min-height: 300px;
  overflow: hidden;
  padding: 15px 0 30px;
  text-align: center;
  width: 100%;
}
.successdata {
  background: none repeat scroll 0 0 #fff;
  color: #000;
  font-size: 15px;
  margin: 110px auto;
  text-align: center;
  width: 500px;
  overflow:auto;
   padding: 20px 20px 10px;
   border-radius: 4px;
}

.datanotfound > table, .bulkdata > table {
  border: solid 1px #999;
  width: 100%;
  margin-top: 10px;
  border-radius: 4px;
  padding: 0 3px 7px;
}



.datanotfound th.w10, .datanotfound td.w10{
	width:10%;
	float:left;
}

.datanotfound td.w20, .datanotfound th.w20{
	width:20%;
	float:left;
}

.datanotfound td.w40, .datanotfound th.w40{
	width:40%;
	float:left;
}

.datanotfound td.w30, .datanotfound th.w30{
	width:30%;
	float:left;
}

.datanotfound td.w15, .datanotfound th.w15{
	width:15%;
	float:left;
	margin-left: 3px;
}

.datanotfound td.w60{
	width:60%;
	float:left;
}

.datanotfound td.w40, .datanotfound th.w40{
	width:40%;
	float:left;
}

.datanotfound td.w24{
	width:24%;
	float:left;
}

.datanotfound td.w35{
	width:35%;
	float:left;
}



.leftSection {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #999;
  border-image: none;
  border-radius: 10px 10px 0 0;
  border-style: solid;
  border-width: 1px 1px;
  float: left;
  padding: 7px 0 0;
}

.rightSection {
  border: 1px solid #999;
  border-radius: 10px 10px 0 0;
  float: right;
  margin: 10px 0 0;
  padding: 7px 0 0;
   border-width: 1px 1px 0;
}

.stitle {
  float: left;
  padding: 2px 0 4px;
  text-align: center;
  width: 100%;
}

.leftSection th, .rightSection th {
   background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 15px;
  border-right: 1px solid #1f9c9c;
  color: #fff;
  font-weight: normal;
  line-height: 38px;
  padding: 0 5px;
  text-align: center;
}

.innertabledata{
	height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
	margin-bottom: 5px;
}
.innertabledata td {
    padding: 5px;
    text-align: center;
	border: 1px solid #acd4ff;
	border-width: 0px 0px 1px 1px
}

.bordesrdata td{
	border-width: 0px 0px 1px 1px;
}
.leftSection table, .rightSection table { width: 100%; }

td.w19 {
    float: left;
    width: 20%;
}

td.w23 {
    float: left;
    width: 23%;
	 margin-left: 15px;
}



p.okbutton, p.okbtn ,p.cancelbarcode{
  /*background: none repeat scroll 0 0 #8b8b8a;*/
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 18px auto;
  padding: 4px 10px;
  width: 50px;
}

.okbutton, .okbtn, .cancelbarcode {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom-color: #cccccc;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: #cccccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #cccccc;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #666666;
  cursor: pointer;
  float: right;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: -9px;
  margin-top: -15px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
}
.smartdata th {
  text-align: center;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 5px;
  background:linear-gradient(to bottom, #0482d8 0%, #0244c5 100%);
  color:#fff;
}

.smartdata > table {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom-color: #cccccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: #cccccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #cccccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-style: solid;
  border-top-width: 1px;
}
.smartdata td {
  font-size: 13px;
  text-transform: uppercase;
}
.smartdata p.okbtn, .smartdata p.cancelbarcode{ float:right; }
.longbtn {
  background: linear-gradient(to bottom, #0482d8 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 5px;
  bottom: 60px;
  color: #fff;
  cursor: pointer;
  float: left;
  margin: 18px;
  padding: 8px 10px;
  width: 26%;
}

.allbtns {
  margin-left: 310px;
}


.longbtn a{text-decoration:none; color:#fff; }
.btnfull {
  padding: 90px 12px !important;
  text-align: center;
  width: 97%;
}

.progress {
  float: left;
  margin: 20px 0;
  padding: 20px 10px;
  width: 98%;
}

.padtop{ padding-top:180px !important; }

.dropzone {
  background: none repeat scroll 0 0 white;
  border: 2px dashed #0087f7 !important;
  border-radius: 5px;
  min-height: 490px;
  margin: 0 0 30px;
}


.btn.btnfull.padtop.dropzone.fileinput-button > input {
  min-height: 620px;
}

.uploadbtn{
  background: none repeat scroll 0 0 #107f10;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px;
  width: 20%;
}

#files .btn-primary{ display:none; }

.progress-bar-success {
  background-color: #5cb85c;
  border-radius: 4px;
  margin: -10px 0;
  padding: 10px 0;
}

.text-danger{ color:#a94442; }

#loadmsg .errormsg {
  background: #fff;
  width: 300px;
  margin: auto;
  color: #000;
  padding: 20px;
  border-radius: 7px;
  opacity: 1;
}

.confirm {
  float: left;
  margin: 10px 0;
  text-align: left;
}

.confirm_inner {
  float: left;
  width: 100%;
}

.confirm_inner > input {
  float: left;
}

.confirm_inner > span {
  float: left;
  width: 92%;
}

.applybtn {
  background: none repeat scroll 0 0 #ccc;
  border: 1px solid #999;
  border-radius: 9px;
  clear: both;
  cursor: pointer;
  display: block;
  margin: 10px auto auto;
  padding: 5px 0;
  vertical-align: middle;
  width: 100px;
}

.hide{ display:none; }
#print{ cursor:pointer; } 

.details .printupload  {
  background: none repeat scroll 0 0 #fff;
  border-radius: 4px;
  color: #000;
  font-size: 15px;
  margin: 35px auto;
  min-height: 500px;
  padding: 10px 20px;
  text-align: center;
  width: 96%;
}

.details .printupload > table {
  border: solid 1px #ccc;
  width: 100%;
  margin-top: 10px;
  padding: 0 3px;
  text-align:center;
}

.details .printupload td {
  border: 1px solid #999;
  margin: 0;
}

.step {
  border: 1px solid #ccc;
  border-radius: 10px;
  float: left;
  margin: 10px 10px 20px;
  opacity: 0.3;
  padding: 10px 0;
  text-align: center;
  width: 31%;
}

.steps {
  float: left;
  width: 100%;
}

.active {
  opacity: 1;
}

#filecontainer span#loadmsg{ margin-top:160px;}

.tablebody{float: left; width: 100%; overflow: auto; height: 210px;}
.datanotfound tr {
  width: 100%;
}

.datanotfound .info > td {
  border: medium none;
  float:left;
  width: 100%;
}


.processmsg {
  text-align: center;
  margin: 90px 0 0 0;
}




.notfountable {
  border: 1px solid #ccc;
  height: 300px !important;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 0 0;
  width: 99% !important;
}

.overlay > span#loadmsg {
  color: #000;
}
.leftSection .stitle b , .rightSection .stitle b , .notfoundtitle {
  font-size: 17px;
  text-decoration: underline;
   font-weight: bold;
}

.height310 {
  height: 310px;
  overflow-y: scroll;
  overflow-x: hidden;
}

table.fixed {
    table-layout: fixed;
} 
#tabs{ float:left; }
.height329 {
  height: 329px;
  overflow-x: hidden;
  overflow-y: scroll;
}


.innertabledatanotound {
  height: 234px;
  margin-bottom: 5px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.side_block_table ul.reodr {
  height: 260px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  float: left;
}

.innertabledatanotound img{ width:17px; }


#processing {
  display: inline-block;
  margin: 0 0 0 10px;
}

/* .autoresponse td:first-child {
  font-weight: bold;
} */

.title_web span.smartupload {
  flaot:left;
  font-size: 25px !important;
  text-align: center;
  width: 100%;
}

.font17{font-size: 16px !important;}

.smartuploadtitle {
  float: left;
}

.smartheight {
  height: 350px;
  float:left;
  overflow-x;hidden;
  overflow-y:auto;
}

.smartcontent_full {
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 0 auto;
  width: 77%;
  display:block;
  overflow:hidden;
}

.smartcontent_full  td{ 
	text-align:left;
	padding: 4px;
	
}
td.center {
  text-align: center !important;
}


.smartcontent_full img {
  margin: -3px 10px 0 0px;
  float: left;
}

.fixed span.smart {
  float: left;
  margin-left: 34px;
}

.fixed span.awating {
  margin-left: 8px;
}

.fixed span.awaitload {
  margin-left: 26px;
}

.fixed span.process {
  margin-left: 8px;
}

.smartcontent_full tr.odd {
  background: #fff5d9 none repeat scroll 0 0;
}

.smartcontent_full tr.even {
  background: #fff none repeat scroll 0 0;
}

.smartcontent_full td {
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.ordertoal{background: transparent none repeat scroll 0% 0% !important; color: rgb(0, 0, 0) !important; padding: 0px  !important; float: right !important;}


.paginator a {
  color: #fff;
  float: left;
  padding: 8px 17px;
  text-decoration: none;
}

.paginator li {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ea9149 0%, #f07b1d 100%) repeat scroll 0 0;
  border-radius: 7px;
  float: left;
  margin: 0 3px;
}

.pagging span.prev {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ea9149 0%, #f07b1d 100%) repeat scroll 0 0;
  border-radius: 7px;
  float: left;
  
}

.pagging span.prev  a{
  text-decoration: none;
  color:#fff;
  float: left;
  padding: 8px 17px;
}

.paginator span a{
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ea9149 0%, #f07b1d 100%) repeat scroll 0 0;
  border-radius: 7px;
  float: left;
  padding: 8px 17px;
}

.paginator li.current {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #898989 0%, #3f3f3f 100%) repeat scroll 0 0;
  padding: 8px 17px;
  color:#fff;
}

.right {
  float: right;
}

.left {
  float: left;
  margin-top: 4px;
}

.paginator {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.skip {
  float: right;
  font-size: 16px;
  margin-right: 20px;
  text-transform: uppercase;
}

.skip > a {
  color: inherit;
}
#statuspanel span.prbiew{ float:left; margin-right:2px;}


.smartheight  img {
  float: left;
  margin: 1px 5px 0 0;
  padding-left: 5px;
}


.iconview{ background:url(../../img/error.png) no-repeat 0 0 ;float: left; width: 16px; margin: 2px 0px 0px 4px; }
.iconview1{display: inline; float: left;}
.overlay tr:nth-child(2n+1) {
  background: #d9e5ff none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
}

.paddingtop{ padding: 70px 0px 7px !important;}
.paddingtop .my_account_details ul {
  padding: 0 28px;
  width: 90%;
}
.paddingtop .my_account_details ul li{
  margin: 0 50px;
    width: 30%;
}

.paddingtop ,my_account_details{ text-align: center; }
.paddingtop .row{ margin:0;}
#myModal .modal-content{ float: left; padding-bottom:10px; }


.tablecontent {
  background: rgb(213, 227, 254) none repeat scroll 0 0;
  display: block;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  padding: 8px 0;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.tablecontent_row{

  display: block;
  margin: auto;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  border-top-width:0px;
}

#myModal .modal-content{ width:750px;}
#modelbox_title {
  font-weight: bold;
}
#myModal{ overflow: hidden; }
.model_box .even{ background:rgb(198,239,206) }
.model_box {
  border: 1px solid #ddd;
  width: 95%;
  margin: 0 auto 30px !important;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}

#modelbox_title {
  text-align: center;
}

#close {
  border-radius: 5px;
  color: #fff;
  float: right;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

.row_box {
  max-height: 150px;
  overflow: auto;
}

#myModal .fetch_data {
  margin: auto;
  width: 360px;
}

.pmr .title{ font-size: 18px;} 
.pmr .title span{ float: right; font-size: 13px; margin: 1px 5px 0px 0px; }
.pmr .title span a{ color: rgb(255, 255, 255);}

/*.outstock {
  text-align: center;
  text-transform: uppercase;
}*/

.outstock {
  color: #0000ff !important;
  text-align: center;
  text-decoration-color: -moz-use-text-color;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-transform: uppercase;
}

body{ overflow-x: hidden}
.pmeneworder {
  color: #ffffff;
  display: block;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: center;
  text-decoration: none;
  width: 200px;
  border-radius:8px;
  cursor:pointer
}

#myModal .modal-dialog{ width:750px !important; overflow:hidden; display:block;}
#myModal .modal-header{ background:#3f3f3f; color:#fff;}
#myModal .modal-header .close{ color:#fff;}


#message .modal-footer ul{ float:right}
#message .modal-footer li a{ color:#fff; text-decoration:none;}
#message .modal-footer li {
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 14px;
  list-style: outside none none;
  margin: 0 0 0 10px;
  padding: 10px 3px;
  cursor:pointer
}


.highlight {
  background: #EA9047 !important;
}

.highlight > td {
  color: #ffffff !important;
}

#grandtotalname {
  margin-right: 5px;
}

#totallines {
  margin-right: 5px;
}

.complete{
	display:inline-block; overflow:hidden; margin:3px 0 0 3px;
}

span[id^="viewprogress"] {
  color: rgb(158, 2, 2);
  font-weight: bold;
}

.height_viewres {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
}


a.history_action{
  color: inherit;
}

tr.suborder {
  background: #fff5d9 none repeat scroll 0 0;
}

.table tr.bold{ font-weight:bold}
.orange_bg {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ea9149 0%, #f07b1d 100%) repeat scroll 0 0;
}
.heighthistory{ height:368px; overflow-y:scroll}

.pagging .my_account_details li:first-child {
  margin: 0;
}

.pagging .paginator {
  float: right;
  list-style: outside none none;
  margin: 0 0 0 5px;
  padding: 0;
}


.table-sort td {
  white-space: pre-line !important;
  line-height: normal;
  word-wrap: break-word;
  font-size:12px;
}

.product_order{ display: block; float: left; background: rgb(247, 247, 247) none repeat scroll 0% 0%; padding: 8px; border-radius: 5px;}
.product_order tr:nth-child(2n+1) {
  background: inherit;
}

.product_order:nth-child(2n+1) {
  background:#fff;
}


 /*.orderhistory .top{ width:140px;}*/
 .orderhistory .top {
  text-align: center;
  width: 100px;
}
 
 select.ostatus {
  padding: 8px;
  border: 0;
}
.adssearch {
  padding: 3px 4px !important;
  text-align: left;
  width: 120px;
}


 .searchresult .top{ width:75px;}
 
.ms-drop.bottom > ul {
  width: auto;
}

.order_panel h1 {
  font-size: 20px;
  padding: 8px 0 !important;
  text-align: center;
}


.table-sort-search-container .table {
  height: 1177px;
}

/*.table-sort-container{  overflow:auto !important;  }*/
.table-sort-search-input {
  border-left: 0 none !important;
  border-right: 0 none !important;
  border-bottom-color: rgb(205,229,255) !important;
  font-size: 13px;
  height: 35px;
  line-height: 25px;
  padding: 0 0 0 10px !important;
  width: 100% !important;
 
}
.table-sort-search-container{
 background:#fff !important;
}
.ui-datepicker-calendar  tr:nth-child(2n+1){ background:rgb(231,231,231); }
.viewprogresswindow{text-decoration: underline !important; color: rgb(170, 2, 2); font-size: 15px; margin-left: 5px;}


table tr td .print_sugg{ float: left; font-size: 12px; line-height: 1px; text-align: center; width: 100%; margin: 8px 0px;}

.vieworder_link{ text-decoration:underline !important; color:rgba(4, 140, 53, 1);}


.printtitle span {
  font-size: 19px;
  font-weight: normal;
}


.table-sort-search-input {
     font-size: 12px  !important;
    font-family:  "Calibri", Helvetica, Arial, Verdana, sans-serif !important;
}


.statuspending {
  color: rgb(3, 113, 211) !important;
  font-size: 14px;
  font-style: italic;
  width: auto;
  display:inline !important;
}
.statussent {
  color: rgb(3,128,33) !important;
  font-size: 14px;
  font-style: italic;
  width: auto;
  display:inline-block !important;
  text-decoration:underline !important;
}

.ackpop{
  margin: -2px 0 0 5px;
  text-align: left;
  width: 90%;
}

.w120{ width:120px !important; margin-right:10px !important;}

.balancedqty {
    width: 25px;
    text-align: center;
    border: solid 1px #F2F2F2;
    border-radius: 3px;
	font-family: calibri;
}

#barcodeform table,#ecessstockform table,#maxpriceform table{ width:100% !important; }



/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	height: 130px;
	width:86.5%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}




.dropdown-content > li {
  display: inline-block;
  width: 100%;
}
.dropbtn ul.dropdown-content {
  float: left;
  width: 32px;
}

.dropdown-content a {
  margin: 0 !important;
  width: 73%;
   color: black;
    padding: 12px 9px !important;;
    text-decoration: none;
    display: block;
}


.dropbtn:hover .dropdown-content {
  background: rgb(235, 143, 68) none repeat scroll 0 0;
  display: block !important;
  margin: 0 0 0 4px;
  padding: 0;
}
.ui-datepicker{ z-index:999 !important;}

.dropdown-content > li {
  border-bottom: solid 1px #fff;
}
.dropdown-content > li:last-child {
  border-bottom: 0px;
}

#pendingalert ul li{
  border-radius: 5px;
  list-style: outside none none;
  margin: auto;
  padding: 5px 0;
  text-align: center;
}

#pendingalert ul li a{
  color:#fff;
  text-decoration: none;
}

#pendingalert ul{
  padding-left: 0px;
}

td .resfail {
  color: rgb(159,9,11);
  font-weight: bold;
}

.autoresponselist table tbody{ min-height:0; }






#statuspanel .suborderj {
	padding-left: 0px !important;
	background: #fff !important;
	width: 100% !important;
	display: block;
}

#statuspanel ul li ul {
	list-style: none;
	padding: 0px 0px 0px 0 !important;
	display: block;
	width: 99% !important;
	/* border: solid; */
}

#statuspanel li ul li {
	list-style: none !important;
	padding-left: 10px !important;
	margin-left: 5px !important;
}


ul#statuspanel  li.suborders_box{ display:none; }

.ordergrp {
	float: left;
	margin-top: 1px;
}


@media (max-width:769px) {
 body {	  
	overflow: auto;
	}
	
	.table-sort-container{  overflow-x: auto !important; }
}

.selectcust{ background:transparent; border:none; color:#fff; width:auto; text-align:center; }
select.selectcust {
     -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.login_menu .welcome{ padding-bottom:1px;}

.selectcust option{color:#000}






@media (max-width:767px){
	.loginwindowbo {
	width: 94%;
	margin: 0 auto;
}
.row .input textarea {
	width: 92% !important;
}
.order_panel {
	width: 94%;
}
	.loginwindow1,.loginwindow{box-sizing:border-box;padding:15px;width:100%;margin-top: 5px;}
	.loginwindow1 .row,.loginwindow .row{margin:0;}
	#CustomerLoginForm	.order_panel,.order_panel{min-height: auto !important;}
	#button{margin-right:0 !important}
	
	#CustomerForgotPasswordForm .btn{width:47% !important;margin: 15px 0 0 !important;}
	.loginwindow label,.loginwindow1 label{display:block;width:100%;font-size: 14px;font-weight: normal;}
	.input{width:100%;}
	.row .input textarea{width:100%; margin:0;}
	#CustomerRegisterForm input[value="Cancel"]{margin-right:0 !important}
	
	#CustomerRegisterForm .row input[type="button"], #CustomerRegisterForm .row input[type="submit"]{width:100%;}
	#CustomerRegisterForm .btn{width:100%;}
	.row .input input[type="email"], .row .input input[type="password"], .row .input input[type="text"]{height:40px;}
}









@media (max-width:767px){
	
	.footer_touch li{width: 100%;margin-right: 0;}
	.large-12.medium-12.small-12.margin-up.border-radius.padding10.margin-up{height:auto !important}
	.footer_menu, .footer_help,.footer_touch{width:100%;margin: 0 0 15px;}
	.footer{border-radius: 0;   padding: 20px 15px 0;}
	.footer_menu h3, .footer_help h3, .footer_touch h3{font-size:16px;text-align:left;border-bottom: dashed 1px #fff;padding-bottom:10px;margin-bottom:10px;}
	.footer_menu li, .footer_help li{text-align:left;}
	.sep{display:none;}
	.padding-up{padding-top:15px;} 
}

.msg.msg-ok {  color: #0244c5;}

.more .dropdown-content{

    float: right;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 125px;
   z-index:9999999;
    border-radius: 0;
	}


.custimisedtrow > img {
	margin-left: 3px;
	width: 16px;
}
table tr td span.radiosec{ float:left;}
table tr td span.radiosec input{ float:left; margin-top:9px;}
table tr td span.radiosec .txtspan{ float:left; margin-top:4px;margin-right: 15px;}
.pminfo,.thinfo,.alinfo {
	background: none repeat scroll 0 0 #3f3f3f;
	border-radius: 6px;
	color: #ffffff;
	/* float: left; */
	font-size: 12px;
	margin-left: 0px;
	padding: 5px 10px;
	position: absolute;
	text-transform: none;
	width: 620px;
	display: none;
	top: 35px;
	left: 30%;
}

.thinfo_hover, .alinfo_hover{overflow: hidden;
    float: right;
    margin-top: 4px;
    width: 15px;

}

.seltitles{float: left;

margin: 4px 0 0 0;}
.alinfo {
	top: -18px;
	left: 219px;
	width: auto;
}
.thinfo {
	width: auto;
	top: -18px;
left: 120px
}
.pminfo_hover {
	vertical-align: middle;
	margin: 0px 0 0 0;
}

#maxpriceform{margin-top: 5px;}

h4.secondtitle {
	padding: 0;
	margin: 0;
	color: #ab0a0a;
	text-transform: uppercase;
	font-size: 14px;
}

/*
.overlay{
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
    background: rgb(45, 45, 45);
    text-align: center;
    opacity: 0.98;
    top: 0;
    left: 0;
    display: flex;
    left: 0;
    justify-content: center;
    align-items: center;
}
.smartdata{    max-width: 750px;
    width: 100% !important;
    height: auto;
margin:0 auto;
}*/


.edcheckbox{ margin:1px;}
.checkbox_grp{ display:flex; align-items:center;justify-content: center;}
.edcheckbox input{
    display: none;
}
.edcheckbox input:checked + label{
    color: #16B67F;
}

.edcheckbox label i {
	width: 25px;
	height: 20px;
	display: inline-block;
	border-bottom:solid 2px #049d31e3;
	position: relative;
	top: 5px;
	left: 0;
	opacity:0.3;
	cursor:pointer;
}
.keyword label i {
	background: url('../../images/search.png') no-repeat 50%;	
	background-size: 23px;
}
.barcode label i {
	background: url('../../images/barcode.png') no-repeat 50%;	
	background-size: 23px;
}
.keyword input:checked + label i{
    background-image: url('../../images/search.png');
	background-size: 23px;
	opacity:1;
	cursor:default;
}

.barcode input:checked + label i{
    background-image: url('../../images/barcode.png');
	background-size: 23px;
	opacity:1;
	cursor:default;
}







/************ Notifications **************/

/*.dropdowns.dropdown-notification.messages {
    margin-left: 11px;
}*/
.dropdowns.dropdown-notification {
    float: left;
}
.dropdowns{
    position: relative;
}
.header .dropdown-menu-messages {
    width: 300px;
}
.header .dropdown-menu-messages {
    width: 326px;
    padding: 0;
	margin:0;
}
.dropdown-menu {
    border-color: #d8e2e7;
    margin-top: 6px;
    font-size: .8125rem;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-menu-messages .dropdown-menu-messages-header {
    border-bottom: solid 1px #d8e2e7;
    padding: 21px 22px 9px;
    zoom: 1;
	background:#0244c5;
}
.dropdown-menu-messages .dropdown-menu-messages-header .nav {
    float: left;
    zoom: 1;
}
.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.dropdown-menu-messages .dropdown-menu-messages-header .nav-item {
    float: left;
    margin: 0 15px 0 0;
}

.dropdown-menu-messages .dropdown-menu-messages-header .nav-link {
    font-size: 1rem;
    padding: 0;
    font-weight: 600;
    color: #fff;
    -webkit-transition: none;
    transition: none;
	text-transform: uppercase;
margin-top: 2px;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.dropdown-menu-messages .tab-pane {
    height: 192px;
    overflow: auto;
}
.tab-content>.active {
    display: block;
}
.dropdowns.dropdown-notification .dropdown-menu-notif-more {
    border-top: solid 1px #d8e2e7;
    text-align: center;
    padding: 10px 15px;
    font-size: 1rem;
}
.dropdowns.dropdown-notification .dropdown-menu-notif-more a {
    text-decoration: none;
    color: #0082c6;
    border-bottom: solid 1px transparent;
}
.notification_count {
    position: absolute;
    top: 1px;
    right: -4px;
}
.label-danger {
    background-color: #fa424a;
}
.label {
    font-size: .875rem;
    font-weight: 600;
    background-color: #adb7be;
}
.label-pill {
    padding-right: .6em;
    padding-left: .6em;
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
}
.label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
}
/*.dropdown-menu-messages .mess-item:nth-child(odd){
	background-color:#fbfcfd;
}*/
.dropdown-menu-messages .mess-item{
	padding-left:15px;
}
.dropdown-menu-messages .mess-item{
	display: block;
	color: #343434;
	padding:7px 15px 14px 15px;
	position: relative;
	line-height: 18px;
    font-weight: bold;
    border-bottom: solid 1px #f2f3f5;
}
.unread{
	/*background-color:#ecf2f5;*/
    background-color:#f7f7f7;
}
.dropdown-menu-messages .mess-item .mess-item-txt {
    color: #919fa9;
}
.dropdown-menu-messages .mess-item .mess-item-name, .header.dropdown-menu-messages .mess-item .mess-item-txt {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9375rem;
}
.dropdown-menu-messages .mess-item span {
    display: block;
}

.mess-item-txt{white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #919fa9;
    text-align: right;
    font-size: 11px;}
.readmore{
	float: right;
	text-decoration: underline;

}
/************ Notifications **************/

/************** Notifications Pop Message ***************/
.append_notification{
		position: fixed;
    bottom: 15px;
    width: 360px;
    right: 15px;
        z-index: 999999;
            box-sizing: border-box;
	}

.append_notification .callout.callout-info {
   width: 100%;
    border-radius: 3px;
    background: #ffffff;
   border: solid 1px #ccc;
    margin-top: 0px;
        box-sizing: border-box;
}
 /*.append_notification .callout.callout-info h2{display: flex;justify-content: space-between;margin:0 0 10px;font-size: 14px;letter-spacing: 1px;}*/
 .append_notification .callout.callout-info h2{display: flex;justify-content: space-between;margin:0px;font-size: 14px;letter-spacing: 1px;padding: 10px 2px 10px 15px;background:#0244c5;}
  .append_notification .callout.callout-info h2 .righttit{width: 20px;float: right;display: inherit;margin: -3px 20px 0 0;}
  .append_notification .callout.callout-info h2 a{color: #fff;
    text-decoration: none;
    font-size: 22px;
    min-width: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    border-radius: 3px;
}
.append_notification .callout.callout-info h2 a.print_noti {
    margin-right: 5px;
    margin-top: 2px;
}
  .append_notification .callout.callout-info h2 a.minibtn{font-size: 28px;margin-top: -2px;  }
 .append_notification .callout.callout-info h2 a:hover{background: rgba(0,0,0,0.1)}
 .append_notification .callout.callout-info p{font-size: 13px;margin:0px;text-align: left;padding: 5px 15px 5px 15px;white-space:pre-line}
  .append_notification .callout.callout-info.closept h2{margin-bottom: 0px;}
  
  h4.toptle{margin: 0;font-size: 15px;padding: 0;font-weight: normal;}
  h4.toptle small{margin: 0;font-size: 10px;padding: 0; float:right; width:auto;}
p.topdesc {
	margin: 0;
	font-size: 12px;
	padding: 0;
	max-width: 330px;
	overflow: hidden;
	font-weight: normal;
	height: 35px;
	width:100%;
}
.mark_all_read_status{display:none;}
.append_notification .callout.callout-info h2 a.minetc {
	font-size: 23px;
	margin-top: 0px;
}
/************** Notifications Pop Message ***************/


/* responsive css 17.03.2019*/
.headerwrap .menubtn{display:none;}
.left.my_account_details ul{float:left}
.loginbody .headerwrap .menubtn{display:none;}
.tmsmodeion{padding:0px;margin:0px;float:right;}
.tmsmodeion ul{display: block;
    font-size: 0px;
    padding: 0;
    margin: 0;}
.tmsmodeion li{ padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 13px;
    display: inline-block;}
.autoresponse{margin-top:50px;}
.overlay{
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
    background: rgb(45, 45, 45);
    text-align: center;
    opacity: 0.98;
    top: 0;
    left: 0;
    display: block;
	    padding: 30px 0;
    left: 0;
    justify-content: center;
    align-items: center;
}
.smartuploadovrly .overlay{ position: absolute !important; }
.smartdata{    max-width: 750px;
    width: 100% !important;
    height: auto;
margin:0 auto;
}

.flexcontainer {
    display: flex;
    justify-content: flex-end;
}


.getpopfixed{ max-height: 400px;
    overflow-y: auto;}
  
  .sno {
    width: 50px;
}
.spgp {
    width: 105px;
}
.spdec {
    width: 200px;
}
.pkgsize {
    width: 74px;
}
.pkgord {
    width: 55px;
}
.ordqty {
    width: 76px;
}
.odtprice {
    width: 80px;
}
 
  .nowrap{white-space:nowrap}
  .flexbtn{ display: flex; justify-content: flex-end;}
 .flexbtn p.okbutton, .flexbtn p.okbtn, .flexbtn p.cancelbarcode{width:auto;}
 .table-responsive {
    width: 100%; 
 overflow-x: auto;}
 .login_menu .welcome { 
    min-height: 17px;
}

.rowfilter .btn[type="button"]{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	    width: 100%;
    text-align: left;
}

.rowfilter .btn[type="button"].active{
    color: #fff;
    background-color: #636363;
    border-color: #636363;
}
.rowfilter .button-checkbox .glyphicon {
    width: 15px;
	height:15px;
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
	    margin-right: 5px;
}
.rowfilter .button-checkbox .glyphicon:before{content: "";background:url(/img/check-boxunchecked.png) 0 0 no-repeat;    width: 15px;
    height: 15px;
    display: block;}
.rowfilter .button-checkbox .glyphicon.glyphicon-check:before{content: "";background:url(/img/check-box.png) 0 0 no-repeat;    width: 15px;
    height: 15px;
    display: block;}






.bell{
  color: #9e9e9e;
  -webkit-animation: ring 4s 0s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  
  50% { transform: rotate(0); }
  51% { transform: rotate(30deg); }
  53% { transform: rotate(-28deg); }
  55% { transform: rotate(34deg); }
  57% { transform: rotate(-32deg); }
  59% { transform: rotate(30deg); }
  61% { transform: rotate(-28deg); }
  63% { transform: rotate(26deg); }
  65% { transform: rotate(-24deg); }
  67% { transform: rotate(22deg); }
  69% { transform: rotate(-20deg); }
  71% { transform: rotate(18deg); }
  73% { transform: rotate(-16deg); }
  75% { transform: rotate(14deg); }
  77% { transform: rotate(-12deg); }
  79% { transform: rotate(10deg); }
  81% { transform: rotate(-8deg); }
  83% { transform: rotate(6deg); }
  85% { transform: rotate(-4deg); }
  87% { transform: rotate(2deg); }
  89% { transform: rotate(-1deg); }
  91% { transform: rotate(1deg); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  
  50% { transform: rotate(0); }
  51% { transform: rotate(30deg); }
  53% { transform: rotate(-28deg); }
  55% { transform: rotate(34deg); }
  57% { transform: rotate(-32deg); }
  59% { transform: rotate(30deg); }
  61% { transform: rotate(-28deg); }
  63% { transform: rotate(26deg); }
  65% { transform: rotate(-24deg); }
  67% { transform: rotate(22deg); }
  69% { transform: rotate(-20deg); }
  71% { transform: rotate(18deg); }
  73% { transform: rotate(-16deg); }
  75% { transform: rotate(14deg); }
  77% { transform: rotate(-12deg); }
  79% { transform: rotate(10deg); }
  81% { transform: rotate(-8deg); }
  83% { transform: rotate(6deg); }
  85% { transform: rotate(-4deg); }
  87% { transform: rotate(2deg); }
  89% { transform: rotate(-1deg); }
  91% { transform: rotate(1deg); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  
  50% { transform: rotate(0); }
  51% { transform: rotate(30deg); }
  53% { transform: rotate(-28deg); }
  55% { transform: rotate(34deg); }
  57% { transform: rotate(-32deg); }
  59% { transform: rotate(30deg); }
  61% { transform: rotate(-28deg); }
  63% { transform: rotate(26deg); }
  65% { transform: rotate(-24deg); }
  67% { transform: rotate(22deg); }
  69% { transform: rotate(-20deg); }
  71% { transform: rotate(18deg); }
  73% { transform: rotate(-16deg); }
  75% { transform: rotate(14deg); }
  77% { transform: rotate(-12deg); }
  79% { transform: rotate(10deg); }
  81% { transform: rotate(-8deg); }
  83% { transform: rotate(6deg); }
  85% { transform: rotate(-4deg); }
  87% { transform: rotate(2deg); }
  89% { transform: rotate(-1deg); }
  91% { transform: rotate(1deg); }
  100% { transform: rotate(0); }
}


/******** Order History *********/


.flag {
	background-image: url('../../images/transparent.png');
	width: 15px;
	height: 13px;
	background-position: 0 0;
	background-size: cover;
	cursor:pointer;
	margin-top: 3px;
margin-left: 4px;
}
.srno{padding-top:2px;}

.orderhistorypanel .red {
	background-image: url('../../images/red.png');
}

.orderhistorypanel .black {
	background-image: url('../../images/black.png');
}
.orderhistorypanel .green {
	background-image: url('../../images/green.png');
}
.orderhistorypanel .blue {
	background-image: url('../../images/blue.png');
}
.orderhistorypanel .transparent {
	background-image: url('../../images/transparent.png');
}

.tooltip {
  position: relative !important;
  display: inline-block !important;
  opacity:1 !important;
  right:0;
  padding-right: 3px;
}
.tooltiptext .flagc, .tooltiptext .multiflagc{
	float:left;
	cursor:pointer;
	margin:0px 1px;	
	width: 15px;
	height: 13px;
	background-position: 0 0;
	background-size: cover;
	cursor:pointer;
}
.tooltiptext .multiflagc{
	margin:0px 0 0 3px;
}
.tooltiptext .multiflagc{ width:21px; height:18px;}
.toolbx{float:right;}
.table-sort td.tooltd{padding-right:0;}
.tooltip .tooltiptext .midle {
	margin: auto;
	display: block;
	overflow: hidden;
	width: 88px;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 93px;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 5px 0 5px 2px;
	position: absolute;
	z-index: 1;
	top: -2px;
	left: 20px;
}
tr:nth-child(2n+1) .tooltip .tooltiptext {
	background: #FFF5D9;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.flagged .tooltiptext {
	visibility: hidden;
	width: 94px;
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 3px 0;
	position: absolute;
	z-index: 999999;
	top: -19px;
	left: 2px;
	
}
.flagged:hover .tooltiptext{ visibility: visible; }
#flagged{ cursor:default;}
.orderhistoryfilter {
	width: 150px;
	text-align: center;
	padding: 7px;
	font-family:"Calibri", Helvetica, Arial, Verdana, sans-serif;
	margin-top: -8px;
}
.categorysearch {
	width: 150px;
	text-align: center;
	padding: 7px;
	font-family:"Calibri", Helvetica, Arial, Verdana, sans-serif;
	margin-top: -8px;
}
.editnotes {
	background-image: url(/img/edit.gif);
	width: 15px;
	height: 12px;
	background-position: 0px 0;
	display: block;
	background-repeat: no-repeat;
	margin: auto;
}
.editresponserownotes{color:inherit;}
.responseroweditnotes{width:80% !important;}
.flagbtn{
    width: 130px;
    text-align: center;
    border: solid 1px #bac9e6;
    padding: 9px 2px 8px !important;
	background:#fff
}

.advancesetting {
	display: block;
	text-align: center;
	border: solid 1px #ccc;
	overflow: hidden;
	float: left;
	padding: 10px 25px;
	margin-top: 10px;
	border-radius: 5px;
}

.rowfilter{margin: 0px;display: block;overflow: hidden;width: 100%;float: left;text-align: left;}
.button-checkbox {
	width: 160px;
	display: inline-block;
	margin: 2px 10px 0;
}

.rowfilter .filterby {
	float: left;
	margin: 8px 10px 0 0;
	width: 95px;
}
.rowfilter .btn {
	width: 100%;
	text-align:left;
}

.advbtn{margin-top:15px;float: right;cursor:pointer;}
.advbtn a, .advbtn a:hover{color:#fff;}
.chkbxesall{float:left; width:90%;}
.advfilter{ cursor:pointer; font-weight:bold;width: 150px;} 

.my_account_details ul.odrhistrytp li.white_box span{padding:9px 10px 9px 10px;}
.my_account_details ul.odrhistrytp li.white_box .fsearch{margin:2px 5px;}
.referenceval{text-transform:uppercase;text-align:center;}





.prdcategory {
	padding: 0 2px;
	/*font-weight: bold;
	float:left;*/
	min-width: 10px;
	width: auto;
	display: inline-block;
	color:#000;
	/*border:solid 1px #000;*/
	margin-right:2px;
	font-size:13px;
	margin-bottom: 1px;
	margin-top: 1px;
	display:none;
}
.prdcatprice {
	/*float:left;
	font-weight: bold;*/
	min-width: 10px;
	max-width: 30px;
	width:auto;
	display: inline-block;
	color:#000;
	border:solid 1px #000;
	font-size:13px;
}
.gcaty{
	/*background:linear-gradient(to bottom, rgba(4,163,53,1) 0%,rgba(2,109,22,1) 100%);
	color: #fff;*/
	color:#026d16;
	border:solid 1px #026d16;
	display:inline-block;
}
.bcaty,.bgcaty{
	/*background: linear-gradient(to bottom, #0482d8 0%,#0244c5 100%);
	color: #fff;*/
	color:#0244c5;
	border:solid 1px #0244c5;
	display:inline-block;
}
.scaty{
	/*background: #ffdd3c;
	color: #fff;*/
	color:#eacc3c;
	border:solid 1px #eacc3c;
	display:inline-block;
}
.cdcaty,.cd2caty,.cd3caty,.cd4caty,.cd5caty,.cd6caty{
	/*background: linear-gradient(to bottom, rgba(179,2,2,1) 0%,rgba(134,1,1,1) 100%);
	color: #fff;*/
	color:#5940bd;
	border:solid 1px #5940bd;
	display:inline-block;
}
.fcaty{
	/*background: linear-gradient(to bottom, rgba(15, 69, 162, 1) 0%, rgba(6, 46, 117, 1) 100%);
	color: #fff;*/
	color:#367eff;
	border:solid 1px #367eff;
	display:inline-block;
}
.otccaty{
	/*background: linear-gradient(to bottom, #EA9149 0%, #F07B1D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #fff;*/
	color:#d46c19;
	border:solid 1px #d46c19;
	display:inline-block;
}
.ocaty{
	/*background: #bdbdbd;
	color: #fff;*/
	color:#bdbdbd;
	border:solid 1px #bdbdbd;
	display:inline-block;
}

.p1sign{
	/*background:linear-gradient(to bottom, rgba(4,163,53,1) 0%,rgba(2,109,22,1) 100%);
	color: #fff;
	*/
	color:#d20000;
	border:solid 1px #d20000;
	padding:0 1px;
}
.p2sign{
	/*background:linear-gradient(to bottom, #0482d8 0%,#0244c5 100%);
	color: #fff;*/
	color:#d20000;
	border:solid 1px #d20000;
	padding:0 1px;
}
.p3sign{
	/*background:#ffdd3c;
	color: #fff;*/
	color:#d20000;
	border:solid 1px #d20000;
	padding:0 1px;
}

.p4sign{
	/*background:#f00;
	color: #fff;*/
	color:#d20000;
	border:solid 1px #d20000;
	padding:0 1px;
}
.p5sign{
	/*background:linear-gradient(to bottom, rgba(179,2,2,1) 0%,rgba(134,1,1,1) 100%);
	color: #fff;*/
	color:#d20000;
	border:solid 1px #d20000;
	padding:0 1px;
	}

table td.catdprdwn .ms-choice > span{height:30px;padding:0; }
table td.catdprdwn .ms-drop{ width:150px; }
table td.catdprdwn input{ width:auto; height:auto; }
table td.catdprdwn .ms-parent{
	position:absolute;
	margin:-17px 0 0 1px;
	display:inherit;
}

/*********** Price Filter on order pad *************/
table td.prcdprdwn .ms-choice > span{height:30px;padding:0; }
table td.prcdprdwn .ms-drop{ width:150px; }
table td.prcdprdwn input{ width:auto; height:auto; }
table td.prcdprdwn .ms-parent{
	position:absolute;
	margin:-17px 0 0 1px;
	display:inherit;
}

.prcdprdwn .ms-choice span{ margin-top: 1px;}
.prcdprdwn li.ms-select-all{ width:100%; cursor:pointer;}
.prcdprdwn li.ms-select-all input{ display:none;}
.prcdprdwn li.ms-select-all label{ text-align:center; font-weight:bold; font-size:14px;cursor:pointer;}

.prcdprdwn .ms-drop ul{
	max-height:340px !important;
}
/*********** Price Filter on order pad *************/
li.clearall {
	background: rgba(134,1,1,1);
	text-align: center;
	vertical-align: middle;
	display: block;
	overflow: hidden;
	padding-top: 2px;
	color: #fff;
}
.catdprdwn .ms-choice span{ margin-top: 1px;}
.catdprdwn li.ms-select-all{ width:100%; cursor:pointer;}
.catdprdwn li.ms-select-all input{ display:none;}
.catdprdwn li.ms-select-all label{ text-align:center; font-weight:bold; font-size:14px;cursor:pointer;}

.catdprdwn .ms-drop ul{
	max-height:340px !important;
}

.prdhdtrybtn img{margin-top: -2px;width: 15px;}
.custimisegraphrow > img {
	margin-left: 3px;
	width: 16px;
}



.sinfo{position: unset !important;}
.sinfodata {
	width: 515px;top: 5px;left: 0px;right: 0px;margin: auto;
	background: #000;
	opacity: 0.9;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	display: block;
	white-space: pre-line;
	z-index: 99999999;
	/*right: 220px;
	width: 650px; 
	top: 55px;*/
	display:none;
}
.sinfodataimg{
	display:block;float:right;width:100%;
}
.sinfodataimg img{
	margin-right:5px;float:left;
}
.sinfodatatitle{
	text-align: center;display: block;padding-bottom: 0px;padding-top: 10px;
}
.dtime {
	font-size: 10px; 
	margin-top: 13px;
	display: inherit;
	text-transform: lowercase;
	padding-left: 4px;
}

.sinfoidata{
	margin-right: 0px;
    margin-left: 492px;
    float: right;
    width: 172px;
    top: 13px;
    left: 0px;
    right: 0px;
    background: #000;
    opacity: 0.9;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    white-space: pre-line;
    z-index: 99999999;
	display:none;
}


#pinalert ul li a {
    color: #fff;
    text-decoration: none;
}
#pinalert ul li {
    border-radius: 5px;
    list-style: outside none none;
    margin: auto;
    padding: 5px 0;
    text-align: center;
}

#pinalert ul{
  padding-left: 0px;
}

#pinalert .modal-header .close {   
    float: right;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-family: calibri;
    opacity: 1;
    margin-top: -10px;
}

/* block product module css */
.blockproductmessage {
	  background: none repeat scroll 0 0 #3f3f3f;
	  border-radius: 6px;
	  color: #ffffff;
	  display: none;
	  float: left;
	  font-size: 12px;
	  left: 230px;
	  line-height: 22px;
	  padding: 10px;
	  position: absolute;
	  text-transform: none;
	  width: 400px;
	  z-index: 1;
	}


 /*Twinkle updated css */

.main_menu li a.active {
   background: linear-gradient(to bottom, #EA9149 0%, #EA9149 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px;
}

.main_menu ul {
    margin-top: 7px;
    background: linear-gradient(190deg, #0c4bff 0%, #33364af5 100%);
    padding: 0 0 0 5px;
}	

.main_menu li a {
    text-transform: capitalize;
}
.main_menu li a {
    padding: 10px 17px !important;
}
.main_menu li a:hover {
     background: #EA9149;
    padding: 10px;	
}

.my_account_details li{
border-radius: 3px;
}

li.white_box {
    padding-right: 12px;
}

.table td {
    padding: 4px;
    text-align: center;
    height: 45px;
}

tr:nth-child(odd) {
    background: #f1f1f1;
}

.table th {
    font-size: 15px;
     background: linear-gradient(to top, #393d53 0%, #0244c5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 45px;
}

.table td {
    padding: 10px 5px;
    color: #424b4b;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.order_panel {
    padding: 0 !important;
    border: none !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.side_block_table .title {
    text-align: center;
    font-weight: 600;
    background: #e7edff;
    color: #0351c9;
    font-size: 18px;
    padding: 7px 0px;
    border-bottom: 1px solid #cecece;
}

.main_menu ul{
padding: 5px 0px !important;
border : none !important;
}