.damage-report-row {
	cursor: pointer;
}
.form-horizontal.controls {
	margin-left: 0 !important;
}
.controls-row {
	margin-left: 0 !important;
}
.row-processed:not(.row-delivered) {
	background: rgba(71, 175, 71, 0.48);
}
.row-delivered {
	background: rgb(188 230 218);
}

.order-state-col {
	margin: 10px 0px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #6e6e6e;
	font-weight: bold;
}
.order-state-col.col-cancelled {
	background: #fadbde;
	color: #ec3040
}
.order-state-col.col-delivered {
	color: #2b64ad;
	background: #e6f1ff
}
.order-state-col.col-booked {
	background: #eff9da;
	color: #739a26;
}
.order-state-col.col-pending {
	color: #353535;
	background: #eaeaea;
}

.row-cancelled {
	background: rgba(251, 133, 133, 0.48);
}

.row-printed {
	background: #f9fbff;
}

.row-printed.row-processed:not(.row-delivered) {
	background: rgb(123 199 123 / 48%);
}
.row-printed.row-delivered {
	background: rgb(202 250 237);
}

.row-printed.row-cancelled {
	background: rgb(250 187 187 / 48%);
}
.order-line-row {
	padding: 12px;
	line-height: 15px;
	color: #202124;
}

.row-printed td {
	font-weight: normal;
	color: #3f4044;
}

.row-printed .print-order-btn {
	color: #989898;
}

.order-line-row:not(.row-printed) td {
	font-weight: 900;
	color: black;
}
.report-row {
	font-weight: bold;
	height: 30px;
	background-color:  #F1F1F1;
}

.damage-report-details {

}
.damage-report-details-row{

}
.damage-report-details-key, .damage-report-details-value {
	width: 50%;
	padding: 0 10px;
	overflow: inherit;
	text-overflow: inherit;
	white-space: pre-wrap;      /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap;     /* Opera <7 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	word-wrap: break-word;      /* IE */
}
.no-stripes tbody  td {
    background: inherit ;
}
.damage-report-details .umb-control-group .controls-row {
    margin-left: 400px;
}

.damage-report-details .umb-control-group label.control-label {
    font-weight: bold;
}
.total {
	padding: 10px;
}

.total p {
	float: right;
}

.pane-no-margin {
	margin: 0;
}

.pager-btn {
	margin-right: 15px;
	border: 1px solid #d8d7d9;
	border-radius: 0;
	background-color: #fff;
	color: #434343cf;
}

.umb-editor-drawer-content, .umb-editor-drawer {
	background-color: #fff;
	border: none;
}

.shipping-table td {
	width: 150px;
	margin-bottom: 40px;
}

.order-list thead th  a{
	color: #9f9f9f;
    font-weight: 500;
}

.page-counter {
	margin-right: 15px;
}

.Breakdownlist {
    width: 25%;
    display: inline-block;
    height: auto;
}

.damage-report-details-row.Breakdownlist .umb-control-group .controls-row {
    margin-left: 0;
}

.item-view label {
	padding-left: 0;
	width: 160px;
	text-align: left;
	float: left;
}

.item-view .controls {
	margin-left: 180px;
}

.umb-listview .selected i.icon, .umb-listview tbody tr:hover i.icon {
    display: inline-block;
}

.comment-section {
	padding: 5px;
}

.order-controls {
	color: #434343cf;
	padding: 10px;
	background: white;
	border: 1px solid #D9D9D9;
	margin-bottom: 20px;
	display: inline-block;
}

.table-heading{
	padding: 10px 15px;
}

.filter-controls-wrapper {
	width: 75%;
	display: flex;
	margin-top: 5px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-left: 30px;
	margin-bottom: 5px;
}

.filter-controls-wrapper > * {
	margin: 5px 0;
}


.filter-section-label {
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 10px;
}

.date-range-picker {
	display: flex;
	align-items: stretch;
}

.date-range-picker > * {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
}

.date-range-picker > div > select,
.date-range-picker > div > input {
	width: 180px;
}

.date-range-picker > .date-picker > * {
	font-size: 13px;
	font-weight: bolder;
}

.date-picker-label {
	width: 40px;
    padding: 0 10px;
}

.date-picker-label,
.store-select {
	font-size: 13px;
	font-weight: bolder;
}

.round-input-box {
    font-weight: bolder;
    border-radius: 15px !important;
    border: 1px solid #e4e4e4 !important; 
}

.search-box {
    width: 300px;
    font-size: 13px !important;
    padding: 20px 40px !important;
}

.error-text {
	color: red;
	font-size: 12px;
	margin-top: 5px;
	text-align: center; 
}

.search-bar-wrapper {
	display: flex;
	position: relative;
	margin-right: 30px; 
}

.search-bar-wrapper > i {
	position: absolute;
	bottom: 30%;
	left: 15px;
 }

 .filter-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
 }

.header-section-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%; margin: 0 20px;
}

.filter-labels-top {
	margin: 20px;
	font-size: 12px;
	font-weight: bolder; 
}

.order-stats-export-wrapper {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 20px; 
}
.order-date-picker {
    font-size: 13px !important;
    padding: 15px 10px !important;
}

.date-picker-label:not(:first-child) {
	text-align: right;
}

.store-select > option {
	color: black;
}

.store-select:not(.value-unset)
.date-range-picker > .date-picker:not(.value-unset) > input {
	color: black;
}

.store-select.value-unset,
.date-range-picker > .date-picker.value-unset > input {
	color: rgb(146, 146, 146);
}

.date-range-picker > div > label {
	padding: 10px;
}

.product-top-list {
	display: flex;
	height: 30px;
}

.product-top-list.header {
	font-weight: bold;
	border-bottom: 1px solid #d8d7d9;
}

.product-top-list > div {
	min-width: 500px;
    margin: auto;
}

.umb-box {
	border : none;
	margin-bottom: 0;
}

.report-total {
	display: flex;
	height: 40px;
	/*ustify-content: space-evenly;*/
	margin-bottom: 10px;
}

.report-total> div {
	min-width: 120px;
}

.report-total > div.title {
	font-weight: bold;
}

.report-total > div.desc {
	display: flex;
	justify-content: center;
}

.orders-stats {
	display: flex;
	flex-direction: column;
	margin: 10px 10px;
	font-weight: 700;
}

.print-order-btn {
	width: 35px;
	height: 35px;
	border: 0;
}


.tooltip-element {
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}
.tooltip-element:hover:before,
.tooltip-element:focus:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right-color: #808080;
	border-right-color: rgb(0 0 0 / 66%);
	border-left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 20px;
}
.tooltip-element:hover:after,
.tooltip-element:focus:after {
	content: attr(aria-label);
	position: absolute;
	top: 0px;
	left: 35px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	text-align: left;
	background: #808080;
	background: rgb(0 0 0 / 66%);
	border-radius: 3px;
	white-space: nowrap;
	color: #fff;
}

.custom-form {
	margin-bottom: 15px;
	padding: 20px;
}

.custom-form p {
	text-align: left;
	margin: 0;
	border-bottom: 1px solid lightgrey;
    padding: 4px;
}

.custom-form > p > span {
	float: right;
}

.custom-form a {
	text-decoration: underline;
	color: blue;
}