.sale-order-description {
	color: #888;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-title-container {
	background: #D8E0F666;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.sale-order-list-title-container__h3{
	
	overflow: hidden;
	font-family: "Lato";
	font-weight: 500;
	font-size: 16px;
	line-height: 22.4px;
	color: #333333;
}

.sale-order-list-title-container h3 { font-size: 16px; }

.sale-order-list-accomplished-title {
	margin-top: 10px;
	color: #2f3435;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-inner-container { border: 1px solid #efecec; border-top: none; }

.sale-order-list-inner-title-line {
	margin: 0;
	height: 1px;
	border: none;
	background: #f2f2f2;
}

.sale-order-list-inner-title-line-item {
	display: block;
	font-size: 14px;
	line-height: 16.8px;
	color: #7F8081;
	margin-bottom: 10px;
	font-weight: 400;
}
.sale-order-list-inner-row{
	border-bottom: 1px solid #D8E0F6;
	padding-bottom: 26px;
}
.sale-order-list-inner-container{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.sale-order-list-inner-row-template { display: none; }

.sale-order-list-payment-title,
.sale-order-list-shipment-title {
	display: block;
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 16px;
}

.sale-order-list-payment-about-link,
.sale-order-list-payment-repeat-link,
.sale-order-list-payment-cancel-link { padding: 21px 0 0; }

.sale-order-list-shipment-button,
.sale-order-list-change-payment {
	border-bottom: 1px dashed #be726b;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	line-height: 16.8px;
	color: #333333;
}
.sale-order-list-change-payment:hover{
	color: #be726b;
}
.sale-order-list-about-link{
	font-size: 14px;
	line-height: 16.8px;
	color: #333333;
	font-weight: 600;
	border-bottom: 1px solid #be726b;
}
.sale-order-list-about-link:hover{
	color: #be726b;
	text-decoration: unset;
}
.sale-order-list-repeat-link:before {
	display: inline-block;
	margin: 0 3px 4px 0;
	width: 10px;
	height: 13px;
	background: url(images/sale-order-repeat.svg) no-repeat;
	content: "";
	vertical-align: middle;
}

.sale-order-link-accomplished {
	padding: 0;
	text-decoration: none;
}

.sale-order-list-shipment-button:hover,
.sale-order-list-change-payment:hover {
	text-decoration: none;
	cursor: pointer;
}

.sale-order-list-status-restricted,
.sale-order-list-status-alert,
.sale-order-list-status-success {
	display: inline-flex;
	font-size: 12px;
	line-height: 14.4px;
	color: #DA4B42;
	border: 1px solid #DA4B42;
	border-radius: 130px;
	padding: 6px 15.5px;
	margin-left: 10px;
}
.btn-order-list{
	background: #be726b;
	padding: 12px 31px;
	border-radius: 50px;
	font-size: 14px;
	line-height: 16.8px;
	font-weight: 500;
	color: white;
	max-width: 127px;
	transition: 0.4s ease;
}
.btn-order-list:hover{
	color: white;
	text-decoration: unset;
	opacity: 0.9;
}

.sale-order-list-status-success {
	border: 1px solid #bed277;
	background: #e3f0bd;
	color: #597707;
}

.sale-order-list-status-restricted {
	border: 1px solid rgba(128, 134, 142, 0.20);
	background: #f3f4f5;
	color: #535c69;
}

.sale-order-list-status-restricted-message {
	color: #9e9fa2;
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sale-order-list-shipment-status,
.sale-order-list-shipment-item,
.sale-order-list-payment-check,
.sale-order-list-payment-price { 
	display: block;
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 14px;
}

.sale-order-list-payment-check {
	float: left;
	width: 100%;
}

.sale-order-list-payment-check-left {
	display: inline;
	float: left;
	padding-right: 5px;
}

.sale-order-list-shipment {
	list-style: none;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-list-shipment-list-item-link {
	padding: 16px 0 0;
	text-decoration: underline;
}

.sale-order-list-shipment-id { font-weight: 700; }

.sale-order-list-shipment-id-icon {
	display: inline-block;
	width: 11px;
	height: 13px;
	background: url("images/sale-order-order-list-options-methods-shipment-list-item-id-element.svg") center no-repeat;
	cursor: pointer;
}

.sale-order-list-top-border {
	margin: 18px 15px 21px;
	width: auto;
	height: 1px;
	background: #f2f2f2;
}

.sale-order-list-accomplished-title-container {
	background: #D8E0F666;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 10px 20px;
	align-items: center;
}
.title-history-orders{
	font-family: "Lato";
	font-size: 16px;
	line-height: 22.4px;
	font-weight: 500;
	margin-bottom: 0px;
}

.sale-order-list-accomplished-date-container { text-align: right; }

.sale-order-list-accomplished-date { padding: 0 8px 0 0; }

.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number {
	display: inline-flex;
	font-family: "Lato";
	font-size: 12px;
	line-height: 16.8px;
	color: #333333;

}

.sale-order-list-accomplished-date { color: #888; }

.sale-order-list-accomplished-date.canceled-order { color: #f00; }

.sale-order-list-accomplished-date-number { color: #888; }

.sale-order-list-shipment-status-item {
	display: inline-block;
	margin: 6px 0 5px;
	vertical-align: middle;
	color: #333333;
	font-weight: 500;
}

.sale-order-list-shipment-status-block {
	display: inline-flex;
	background: #D8E0F680;
	border: 1px solid #D8E0F6;
	font-size: 12px;
	line-height: 14.4px;
	font-weight: 500;
	padding: 6px 14.5px;
	border-radius: 84px;
	margin-left: 8px;

}
.title-order{
	font-size: 16px;
	line-height: 19.2px;
	font-weight: 600;
	margin-bottom: 50px;
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px solid #be726b;
	width: max-content;
}
.title-order:hover{
	color: initial;
	text-decoration: unset;
}
.order-info-title{
	font-size: 22px;
	line-height: 28.6px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 21px;
}
/* state's */

.sale-order-state-green { background: #c2f388; }

.sale-order-state-yellow { background: #d7dd39; }

.sale-order-state-red { background: #dd6239; }

.sale-order-state-grey { background: #f2f2f2; }

.sale-order-list-payment{
	font-size: 14px;
	line-height: 16.8px;
	font-weight: 500;
}
.sale-order-list-repeat-container a ,.sale-order-list-cancel-container a{
	font-weight: 600;
	font-size: 14px;
	line-height: 16.8px;
	color: #333333;
	border-bottom: 1px solid #be726b
}
.sale-order-list-repeat-container a:hover ,.sale-order-list-cancel-container a:hover{
	color: #be726b;
	text-decoration: none;
}
.global-page-title ~h3{
	font-family: "Bebas Neue";
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
}
.filter-history-title{
	display: flex;
	gap: 30px;
}
.sale-order-title{
	font-family: "Lato";
	font-size: 22px;
	line-height: 30.8px;
	color: #333333;
	margin-bottom: 20px;
	color: #333333;
}
@media (max-width: 991px) {
	.sale-order-list-accomplished-date-container,
	.sale-order-list-repeat-accomplished { text-align: left; }
}

@media (max-width: 767px) {
	.filter-history-title {
		flex-wrap: wrap;
	}
	
	.sale-order-list-button {
		float: none;
		margin: 10px 0 0;
		max-width: none;
	}
	.title-order {
		margin-bottom: 30px;
	}
	.order-info-title {
	font-size: 18px;
	line-height: 23.4px;
	}
	.sale-order-list-payment-title{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.sale-order-list-payment-title >span:first-child{
		width: 100%;
	}
	.sale-order-list-status-restricted, .sale-order-list-status-alert, .sale-order-list-status-success {
		margin-left: 0px;
	}
	.sale-order-list-status-alert{
		width: max-content;
	}
	.sale-order-list-payment{
		margin-bottom: 30px;
	}
	.sale-order-list-shipment-title{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.sale-order-list-shipment-status-block {
		margin-left: 0px;
	}
	.sale-order-list-shipment-title span:first-child{
		width: 100%;
	}
	.sale-order-list-inner-row{
		gap: 13px;
	}
}
@media (max-width:576px) {
	.filter-history-title {
		gap: 18px;
		margin-bottom: 30px;
	}
	.filter-history-title a{
		margin-bottom:0px;
	}
	.sale-order-title{
		font-size: 18px;
		line-height: 25.2px;
		
	}
}
