.ma-order-upload {
	/* Modals */
	/*uploading order issues*/
	/* Add to cart issues modal */
	/* Top Page Message */
}
 .ma-order-upload .content-managed-area {
	 height: 100px;
	 width: 100%;
	 padding: 20px;
	 border: 1px solid rgba(0, 0, 0, .4);
	 background: rgba(0, 0, 0, .2);
}
 .ma-order-upload .order-upload-instructions, .ma-order-upload .order-upload-input {
	 margin-top: 15px;
}
 .ma-order-upload .file-title {
	 margin-left: 10px;
	 display: inline-block;
}
 .ma-order-upload .oui-box {
	 margin-top: 15px;
	 padding: 15px;
	 border: 1px solid #bcbcbc;
}
 .ma-order-upload .oui-message {
	 display: none;
}
 .ma-order-upload .oui-message .upload-error {
	 color: #c20;
	 background-color: #fcf4f2;
	 border: 1px solid #f9c9bf;
	 padding: 10px 10px 10px 45px;
	 position: relative;
}
 .ma-order-upload .oui-message .upload-error::after {
	 display: block;
	 position: absolute;
	 left: 14px;
	 top: 13px;
	 content: "\f071";
	 font-family: 'good-oatmeal-v2';
	 font-size: 18px;
}
 .ma-order-upload .oui-message.showing {
	 display: block;
}
 .ma-order-upload .ou-modal .exclamation-triangle:after {
	 content: "\f071";
	 font-family: good-oatmeal-v2;
	 font-style: normal;
	 color: #c20;
	 font-size: 24px;
	 margin: 2px 13px 0 0;
	 float: left;
}
 .ma-order-upload .btn.dark-blue {
	 background-color: #0068c1;
}
 .ma-order-upload .oui-orders {
	 text-align: right;
	 margin-top: 30px;
}
 .ma-order-upload .oui-orders .btn {
	 margin-bottom: 0;
}
 .ma-order-upload .upload-orders-modal {
	 background-color: #ddd;
	 position: fixed;
	 padding: 2em;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 display: none;
}
 .ma-order-upload .modal-wrap.ou-modal {
	 margin-top: 10px;
	 max-width: 290px;
	 text-align: center;
	 padding: 17px;
	 border: 1px solid #c7c7c7;
	 max-height: 600px;
}
 .ma-order-upload .modal-wrap.ou-modal.wide {
	 text-align: initial;
	 max-width: 700px;
	 width: 100%;
}
 .ma-order-upload .ou-modal .fa {
	 font-size: 32px;
	 margin-top: 10px;
	 color: #949494;
}
 .ma-order-upload .ou-modal.success .fa {
	 color: #77be43;
	 font-size: 24px;
}
 .ma-order-upload .ou-modal.issues .fa {
	 color: #c20;
	 font-size: 24px;
	 margin: 2px 13px 0 0;
	 float: left;
}
 .ma-order-upload .ou-modal h3 {
	 margin-top: 10px;
}
 .ma-order-upload .ou-modal h3.underline {
	 border-bottom: 1px solid #bcbcbc;
	 padding-bottom: 10px;
}
 .ma-order-upload .ou-modal.success h3 {
	 color: #77be43;
}
 .ma-order-upload .ou-modal.issues h3 {
	 margin-top: 0;
}
 .ma-order-upload .ou-modal.issues .button-container {
	 float: right;
}
 .ma-order-upload .ou-modal.issues .btn {
	 float: right;
}
 .ma-order-upload .ou-table-wrapper {
	 max-height: 400px;
	 overflow-y: auto;
	 overflow-x: visible;
	 margin-bottom: 20px;
	 max-height: 450px;
}
 .ma-order-upload .ou-issues-table {
	 width: 100%;
	 min-width: 400px;
	 border-top: 0;
	 margin-bottom: 0;
}
 .ma-order-upload .ou-issues-table td {
	 font-size: 13px;
	 font-weight: 600;
}
 .ma-order-upload .ou-issues-table thead tr {
	 background: white;
	 border: 1px solid #bcbcbc;
}
 .ma-order-upload .ou-issues-table tbody td {
	 color: #c20;
}
 .ma-order-upload .ou-issues-table tbody tr.odd, .ma-order-upload .ou-issues-table tbody tr.alt, .ma-order-upload .ou-issues-table tbody tr:nth-of-type(odd), .ma-order-upload .ou-issues-table tbody tr.even, .ma-order-upload .ou-issues-table tbody tr.alt, .ma-order-upload .ou-issues-table tbody tr:nth-of-type(even) {
	 background: #fcf4f2;
	 border-left: 1px solid #f9c9bf;
	 border-right: 1px solid #f9c9bf;
	 border-bottom: 1px solid #f9c9bf;
}
 .ma-order-upload ol.add-to-cart-issues {
	 margin: 0;
}
 .ma-order-upload li.atci-item {
	 list-style-type: none;
	 clear: both;
	 margin-bottom: 10px;
}
 .ma-order-upload .atci-item-header {
	 background: #fcf4f2;
	 border: 1px solid #f9c9bf;
	 color: #c20;
	 font-weight: 600;
	 padding: 5px 20px;
}
 .ma-order-upload .atci-item-body {
	 border: 1px solid #bcbcbc;
	 overflow: hidden;
}
 .ma-order-upload .atci-item-thumbnail {
	 float: left;
	 width: 25%;
	 padding: 20px 0 20px 20px;
	 box-sizing: border-box;
}
 .ma-order-upload .atci-item-info {
	 overflow: hidden;
	 padding: 15px 20px 20px 20px;
	 float: left;
	 width: 75%;
	 box-sizing: border-box;
}
 .ma-order-upload .atci-item-info div {
	 margin-bottom: 10px;
}
 .ma-order-upload .atci-item-info__details span {
	 margin-right: 20px;
	 white-space: nowrap;
}
 .ma-order-upload .atci-item-info__details span.empty {
	 display: none;
}
 .ma-order-upload .atci-item-info__details span.details-message {
	 font-weight: 600;
}
 .ma-order-upload .message-highlight {
	 text-align: center;
	 margin: 20px 0;
}
 .ma-order-upload .message-highlight h3 {
	 padding: 12px;
	 margin: 0;
	 border: 1px solid #bcbcbc;
}
 .ma-order-upload .message-highlight.cancelled {
	 background-color: #ffc;
}
 @media screen and (max-width: 767px) {
	 .button-container {
		 width: 100%;
	}
	 .button-container button {
		 width: 100%;
		 margin: 8px 0;
	}
	 .ou-table-wrapper {
		 max-height: 350px;
	}
}
 @media screen and (min-width: 641px) {
	 .ma-order-upload .order-upload-instructions {
		 float: right;
	}
	 .ma-order-upload .h-500 {
		 min-height: 500px;
		 padding-bottom: 20px;
	}
}