
.orders-details-body {
	padding: 30px 0px;
}

.order-details-top {
}

	.order-details-top img {
		display: inline-block;
		max-width: 13px;
		width: 100%;
	}

.order-top-left,
.order-top-right {
	width: 50%;
	position: relative;
	padding: 11px 20px;
	font-size: 14px;
	font-weight: 700;
}

.order-top-left {
	background: #C5BD9E;
	color: #fff;
}

	.order-top-left:before {
		position: absolute;
		content: "";
		top: 0;
		right: -18px;
		width: 0;
		height: 0;
		border-top: 22px solid #f000;
		border-bottom: 22px solid #ff00;
		border-left: 18px solid #C5BD9E;
		z-index: 1;
	}

.order-top-right {
	background: #E5E0C4;
	color: #938667;
}

.orders-details-content {
	border: 1px solid #C5BD9E;
	border-top: none;
}

.orders-details-head {
	border-bottom: 1px solid #C5BD9E;
}

.order-head-left {
	padding: 30px 20px;
	width: 26%;
}

.order-item {
	/*padding-left: 5px;
	margin-bottom: 20px;
	border-left: 1px solid #938667;*/
	margin-bottom:10px;
}

	.order-item h4 {
		color: #938667;
		font-weight: 700;
		font-family: "arial";
		font-size: 14px;
	}

	.order-item p {
		color: #938667;
		font-weight: 400;
		font-family: "arial";
		font-size: 14px;
	}

.order-head-left .btn {
	margin-top: 50px;
}

	.order-head-left .btn img {
		display: inline-block;
	}

.order-head-right {
	width: 74%;
	border-left: 1px solid #C5BD9E;
}

.order-head-right-top {
	padding: 25px 50px 0;
	border-bottom: 1px solid #C5BD9E;
}

.order-head-right-bottom {
	/*padding: 30px 50px;*/
	padding-top:20px;
	padding-left:20px;
}

	.order-head-right-bottom .order-title,
	.orders-item-body .order-title,
	.order-head-right-bottom .order-summary-title {
		color: #938667;
	}

	.order-head-right-bottom .note {
		color: #938667;
		padding: 5px;
		background: #E5E0C4;
		font-size: 12px;
		margin-bottom: 20px;
	}

	.order-head-right-bottom .order-summary-table {
		background: #E5E0C4;
		margin: 0;
	}

		.order-head-right-bottom .order-summary-table tr {
		}

			.order-head-right-bottom .order-summary-table tr td {
				border: none;
				/*padding: 10px 20px;*/
				color: #938667;
				vertical-align: middle;
			}

				.order-head-right-bottom .order-summary-table tr td:last-child {
					text-align: right;
				}


			.order-head-right-bottom .order-summary-table tr:last-child td {
				background: #C5BD9E;
				color: #fff;
				font-weight: 700;
			}

.orders-item-body {
	padding: 50px 20px 30px;
}

.order-item-btn {
	margin-top: -18px;
}

	.order-item-btn .btn {
		min-width: 40px;
		height: 30px;
		padding: 0;
	}

		.order-item-btn .btn img {
			display: inline-block;
			margin: -5px 0 0;
		}

		.order-item-btn .btn.btn-edit {
			min-width: 30px;
		}

			.order-item-btn .btn.btn-edit img {
				max-width: 12px;
			}

.orders-item-body .order-item-table {
	margin: 0;
}

	.orders-item-body .order-item-table tr td {
		border: none;
		vertical-align: middle;
		color: #938667;
		padding: 10px 25px;
	}

		.orders-item-body .order-item-table tr td:last-child {
			text-align: right;
		}

	.orders-item-body .order-item-table tr:nth-child(odd) {
		background: rgba(229,224,196,0.5);
	}

	.orders-item-body .order-item-table tr:nth-child(even) {
		background: rgba(229,224,196,0.2);
	}






/*             All Media     */








@media (min-width: 768px) and (max-width: 991px) {
	.orders-details-body {
		padding: 30px 25px;
	}
}
/* End of @media (min-width: 768px) and (max-width: 991px) */


@media (max-width: 767px) {

	.orders-details-body {
		padding: 30px 0;
	}

	.order-top-left,
	.order-top-right {
		width: 100%;
		text-align: left;
	}

	.order-head-left {
		width: 100%;
	}

	.order-head-right {
		width: 100%;
		border-top: 1px solid #C5BD9E;
		border-left: none;
	}

	.order-head-right-top,
	.order-head-right-bottom {
		padding: 30px 20px;
	}
}

/* End of @media (max-width: 767px) */









/*The additional part Rony sent over slack on 4/21*/



.orders-item-body .order-item-table tr td {
	font-size: 14px;
}

	.orders-item-body .order-item-table tr td p b {
		font-weight: 700;
		font-size: 14px;
	}

	.orders-item-body .order-item-table tr td p {
		font-size: 12px;
	}








@media (max-width: 1166px) {
	.orders-details-body,
	.order-head-right-bottom {
		padding: 30px 25px;
	}
}
/* End of  and (max-width: 1366px) */





@media (min-width: 768px) and (max-width: 991px) {


	.order-top-left,
	.order-top-right {
		padding: 13px 20px;
		font-size: 13px;
	}

	.order-head-left {
		padding: 30px 10px;
		width: 32%;
	}

	.order-head-right {
		width: 68%;
	}

	.order-head-right-top {
		padding: 25px 15px 0;
	}

	.orders-details-body,
	.order-head-right-bottom {
		padding: 30px 15px;
	}

		.order-head-right-bottom .note {
			padding: 15px 10px;
		}

		.order-head-right-bottom .order-summary-table tr td {
			padding: 8px;
			font-size: 12px;
		}
}

/* End of @media (min-width: 768px) and (max-width: 991px) */

.order-head-right-bottom .note table tr td:nth-child(2) {
	padding-left:10px;
}
.text-wrap {
	display:block;
}