/***********************
************************
ORDER List (TAHSIL)
************************
************************/
.order_list{
	width:100%;
	margin:0px auto;
	margin-top:2px;
	margin-bottom:15px;
	position:relative;
	background:#FFF;
	box-shadow:0 0 4px #eff7fa;
	border:1px solid #21d29c;
	border-radius:1px;
}
.order_list_header{
	width:100%;
	position:relative;
	background:#f9f9f9;
	overflow:auto;
	border:1px solid #e6e6e6;
	padding:12px 15px;
}
.BTN_order_number{
	width:100%;
	position:relative;
}
.BTN_order_number span a{
	text-decoration:none;
	outline:none;
	display:inline-block;	
	background:#0ec6b4;
	color:#FFF;
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2);
	border:1px solid #07a495;
	line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
	border-radius:3px;
	font-size:14px;
	padding:8px 30px;
	font-weight:600;
}
.BTN_order_track{
	width:100%;
	position:relative;
}
.BTN_order_track span a{	
	text-decoration:none;
	margin:0;
	outline:none;
	color:#444;	
	font-size:12px;
	padding:5px 20px;	
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%) repeat scroll 0 0;
    border: 1px solid #c9c9c9;
    border-radius:3px;
    display: inline-block;
    text-align: center;	
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2);	
}
.BTN_order_track span a i{
	color:#0ec6b4;
}
/*********** ORDER TRACKING *****/
.new_track_wrap{
	width:100%;
	position:relative;
	margin-bottom:20px;
	background:#FFF;
	box-shadow:0 0 2px 0 #d3cbb8;
	border-radius:2px;
}
.new_track_data{
	width:100%;
	position:relative;
	border-bottom:1px solid #CCC;
}
.new_track_divider{
	width:100%;
	position:relative;
	border-top:1px solid #CCC;
}
.new_track_header{
	width:100%;
	position:relative;
	padding:15px 15px 10px 15px;
	font-size:18px;
	color:#444;
}
.new_order_detail_left{
	width:100%;
	position:relative;
	padding:0px 30px 0px 15px;
	border-right:1px dotted #CCC;
}
.new_order_detail_left ul{
	margin:0px 0px 15px 0px;
	padding:0px 0px 20px 0px;
}
.new_order_detail_right{
	width:100%;
	position:relative;
	padding:0px 15px 15px 15px;
	font-size:13px;
	color:#444;
	line-height:20px;
}
.new_order_detail_right span{
	font-weight:600;
	line-height:40px;
	font-size:19px;
}
.new_order_detail_right span span{
	font-size:16px;
	font-weight:normal;
	color:#666;
	margin-left:7px;
}
/*****************/

.tracking-detail {
 padding:3rem 0
}
#tracking {
 margin-bottom:1rem
}
[class*=tracking-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=tracking-status-] {
 padding:1.6rem 0
}
.tracking-status-intransit {
 background-color:#65aee0
}
.tracking-status-outfordelivery {
 background-color:#f5a551
}
.tracking-status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-status-delivered {
 background-color:#4cbb87
}
.tracking-status-attemptfail {
 background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
 background-color:#d26759
}
.tracking-status-expired {
 background-color:#616e7d
}
.tracking-status-pending {
 background-color:#ccc
}
.tracking-status-inforeceived {
 background-color:#214977
}
.tracking-list {
 width:100%;
}
.tracking-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}
.tracking-item:last-child {
 padding-bottom:4rem
}
.tracking-item .tracking-date {
 margin-bottom:.5rem
}
.tracking-item .tracking-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.tracking-item .tracking-content span {
 display:block;
 color:#888;
 font-size:85%
}
.tracking-item .tracking-icon {
 line-height:2.6rem;
 position:absolute;
 left:-1.3rem;
 width:2.6rem;
 height:2.6rem;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#fff;
 color:#fff
}
.tracking-item .tracking-icon.status-sponsored {
 background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
 background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
 background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
 background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
 background-color:#d26759
}
.tracking-item .tracking-icon.status-complete {
	color:#FFF;
	border:1px solid #e5e5e5;
	font-size:1rem;
	background:#15caab;
}
.tracking-item .tracking-icon.status-intransit {
	color:#666;
	border:1px solid #e5e5e5;
	font-size:1rem;
	background:#eff7fa;
}
@media(min-width:992px) {
 .tracking-item {
  margin-left:10rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent
 }
}


/*********** FILTER *****/
#filetandsort{
	display:none;
}
#filterClose{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:9999;
	box-shadow:0 0 3px #333;
}
#mobileCategory,#mobileSort{
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	z-index:991;
	background:#FFF;
	height:100%;
	box-shadow:0 0 3px #333;
	overflow-x:scroll;
}
.sortList{
	width:100%;
}
.sortList ul{
	margin:0;
	padding:0;
}
.sortList ul li{
	width:100%;
	display:block;
}
.sortList ul li a{
	display:block;	
}
.filter_bottom{
	position:fixed;
	bottom:-1px;
	width:100%;
	z-index:99;
	background:#FFF;
	box-shadow:0 0 3px #333;
}
.filter_bottom ul{
	margin:0px;
	padding:0px;
	background:#069cd4;
}
.filter_bottom ul li{
	margin:0px;
	width:50%;
	display:inline-block;
	line-height:45px;
	font-size:1.3em;
	color:#FFF;
	text-align:center;
	border-right:1px solid #FFF;
	background:#069cd4;
}
.filter_bottom ul li:last-child{
	border-right:none !important;
}
.filter_bottom ul li:active{
	background:#069cd4;color:#FFF;
}


@media (max-width:767px){
	.hidefrommobile{
		display:none;
	}
	#filetandsort{
		display:block;
	}
	.sort_section{
		display:none;
	}
}