.article.orderHistory-wrap {
	color: #1e252d !important;
}

.article.orderHistory-wrap > .margin {
	
}

.article.orderHistory-wrap > .margin > .padding {
	padding: 10px 20px !important;
}

.article.orderHistory-wrap > .margin > .padding > .no-order-found{
	padding: 10px;
	background-color: #F3F3F3;
	text-align: center;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap {
	margin-bottom: 10px;
	border:solid 1px #F1F1F1;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap {
	padding: 10px;
	background-color: #F1F1F1;
	cursor: pointer;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap:hover {
	background-color: #ECECEC;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .title {
	font-weight: bold;
	float: left;
	width: 70%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .total-price {
	font-weight: bold;
	float: right;
	width: 30%;
	text-align: right;
	padding-right: 20px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content {
	display: none;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding  {
	padding: 10px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information {
	width: 100%;
	padding: 0 5px 30px 5px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text {
	padding-bottom: 30px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row{
	width: 100%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .label{
	display: inline-block;
	width: 30%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .value{
	display: inline-block;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content {
	border-collapse: collapse;
    display: table;
    width: 100%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap {
	width: 100%;	
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap > .address{
	width: 50%;
	float: left;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap > .address > .title {
	font-weight: bold;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .image {
	width: 12%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .image > img {
	max-width: 75px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .title{
	width: 63%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .amount{
	width: 10%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .price{
	width: 25%;
	padding-right: 20px !important;
	text-align: right;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product {
    display: table-row;
    height: 65px;
    width: 100%;
	border-bottom: dashed 1px #ebebeb;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product:first-child {
	border-top: dashed 1px #ebebeb;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > div:not(.clear) {
	display: table-cell;
    float: none;
    height: 100%;
    padding: 5px 5px 0 5px;
    position: relative;
    vertical-align: middle;
}


.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .image {
	padding: 5px 5px 0px 0;
	vertical-align: top;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .title > span {
	display: block;
	overflow: hidden;
	max-height: 24px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table {
    float: right;
    padding: 20px 0;
    width: 55%;
}

 .article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row {
    padding-bottom: 15px;
    width: 100%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .label {
    width: 60%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .label, 
.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value {
    float: left;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .label.bold, 
.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value.bold {
    font-weight: bold;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row  > .label > span {
    color: #a4a4a4;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-align: right;
    width: 22%;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .label.large, 
.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value.large {
    font-size: 20px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row.border-top {
    border-top: 1px solid #e1e1e1;
	padding-top: 10px;
}

.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value {
    text-align: right;
	width: 40%;
	padding-right: 20px;
}

/* A */
@media (max-device-width:1023px) and (orientation:landscape)
{
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .label {
		width: 20%;
	}
	
}

/* B*/
@media (max-width: 1000px),(max-device-width:1000px) and (orientation:portrait),(max-device-width:767px) and (orientation:landscape)
{
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap > .address {
		width: 50%;
	}
}

/* C */
@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .label,
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .value{
		width: 49%;
	}
}

/* D */
@media (max-width:499px),(max-device-width:499px) and (orientation:portrait)
{
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table {
		width: 100%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .label.large, 
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value.large {
		font-size:16px;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row {
		margin-bottom: 10px;
	}
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .label {
		font-weight: bold;
	}
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .label, 
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .text > .info-row > .value {
		width: 100%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap > .address {
		width: 100%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .information > .addresses-wrap > .address.left {
		margin-bottom: 20px;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .price {
		padding-right: 0 !important;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row > .value,
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .total-price{
		padding-right: 0;
	}
	
	
}


/* D small iphones */
@media (max-width:410px),(max-device-width:410px) and (orientation:portrait)
{
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .title {
		width: 100%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .total-price {
		text-align: left;
		width: 100%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .title,
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .title-wrap > .total-price {
		line-height: 26px;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .image {
		display: none !important;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .title {
		width: 70%;
		padding-bottom: 5px;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .content > .product > .price {
		width: 30%;
	}
	
	.article.orderHistory-wrap > .margin > .padding > .order-wrap > .outer-content > .padding > .price-table > .price-row.border-top > .label > span {
		display: none;
	}
}