/* smart forms */
@import url(smart-forms/smart-forms.css);
@import url(spectrum.min.css);
@import url(smart-forms/smart-addons.css);
@import url(smart-forms/font-awesome.min.css);


/* may be useful ?? */
.smart-forms .colm1{width:8.33%;}
.smart-forms .colm2{width:16.66%;}
.smart-forms .colm3{width:25%;}
.smart-forms .colm4{width:33.33%;}
.smart-forms .colm5{width:41.66%;}
.smart-forms .colm6{width:50%;}
.smart-forms .colm7{width:58.33%;}
.smart-forms .colm8{width:66.66%;}
.smart-forms .colm9{width:75%;}
.smart-forms .colm10{width:83.33%;}
.smart-forms .colm11{width:91.66%;}
.smart-forms .colm12{width:100%; }
.smart-forms .colm1-5{width:20%;}
.smart-forms .colm1-8{width:12.5%;}
.smart-forms .colm1,
.smart-forms .colm2,
.smart-forms .colm3,
.smart-forms .colm4,
.smart-forms .colm5,
.smart-forms .colm6,
.smart-forms .colm7,
.smart-forms .colm8,
.smart-forms .colm9,
.smart-forms .colm10,
.smart-forms .colm11,
.smart-forms .colm12,
.smart-forms .colm1-5,
.smart-forms .colm1-8 {
	display: inline-block;
	float: left;
}
.smart-forms .colm1.pad,
.smart-forms .colm2.pad,
.smart-forms .colm3.pad,
.smart-forms .colm4.pad,
.smart-forms .colm5.pad,
.smart-forms .colm6.pad,
.smart-forms .colm7.pad,
.smart-forms .colm8.pad,
.smart-forms .colm9.pad,
.smart-forms .colm10.pad,
.smart-forms .colm11.pad,
.smart-forms .colm12.pad,
.smart-forms .colm1-5.pad,
.smart-forms .colm1-8.pad {
	padding-right: 20px;
}

.smart-forms .border {
	border: 1px solid #0c6e8c;
	border-radius: 2px;
	margin-bottom: 20px;
	padding: 15px 15px 0 15px;
}

.smart-forms em.state-error {
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #CC0000;
	font-size: 0.85em;
}

/* thin out the checkbox and radio */
	.smart-forms input:checked + .checkbox, .smart-forms input:checked + .radio {
	    border: 2px solid #3D76D8;
	}
	.smart-forms .checkbox, .smart-forms .radio {
		border: 2px solid #B5C1C7;
		height: 19px;
		width: 19px;
	}

	.smart-forms .append-icon .field-icon svg, .smart-forms .prepend-icon .field-icon svg {
		height: 20px;
		width: 20px;
	}

	.smart-forms .switch {
		margin-bottom: 38px;
	}

/* message boxes */
	.msg_report,
	.msg_error {
		background: #0c6e8c;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		color: #FFF;
		font-family: 'Open Sans', sans-serif;
		left: 0;
		margin: 0 auto;
		max-width: 20%;
		min-width: 10%;
		padding: 20px;
		position: fixed;
		right: 0;
		top: 10px;
		z-index: 1;
	}
	.msg_error {
		background: #CC1B1B;
		color: #FFF;
	}

.ui-datepicker-prev span,
.ui-datepicker-next span {
	display: none;
}
a.ui-datepicker-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    position: relative;
    font-size: 24px;
}
a.ui-datepicker-next:before {
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
    font-size: 24px;
}
.ui-timepicker-div dl .ui_tpicker_hour, .ui-timepicker-div dl .ui_tpicker_minute, .ui-timepicker-div dl .ui_tpicker_second, .ui-timepicker-div dl .ui_tpicker_millisec {
    margin-bottom: 20px;
}

.featherlight .featherlight-content {
	min-width: 400px;
	overflow: hidden;
	background: #0c6e8c;
    border-radius: 8px;
    border: none;
    color: #FFF;
    padding: 10px 20px 30px 20px
}
.featherlight .featherlight-close-icon {
    background: none;
    color: #fff;
}
.featherlight .featherlight-content .smart-forms,
.featherlight .featherlight-content .smart-forms label,
.featherlight .featherlight-content a {
	color: #fff;
}
.featherlight .featherlight-content .blue-button {
    background-color: #fff;
    color: #0c6e8c;
}

/* main styles */
body {
	background-color: #EFF4FB;
	color: #424242;
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	margin: 0;
}
a {
	color: #424242;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
h2 {
	color: #424242;
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 5px;
}
h3 {
	color: #424242;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}
.large-container h2,
.large-container h3,
.large-container p.sub-title {
	margin-left: 20px;
}
.large-container .smart-forms {
	margin-top: 30px;
	padding: 0 5px;
}
.large-container .smart-forms.no-top-margin {
	margin-top: 0;
}
.sub-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	margin-bottom: 20px;
}
hr,
hr.blue {
	clear: both;
    color: #DEDADA;
    background-color: #DEDADA;
    height: 1px;
    border: none;
    margin: 0 0 16px 0;
    max-width: 100%;
}
hr.blue {
	background-color: #0c6e8c;
}
.hidden-field-label {
	height: 14px;
}
.half-hidden-field-label {
	height: 5px;
}
.blue-button,
.grey-button,
.smart-forms .blue-button,
.smart-forms .grey-button {
	background-color: #0c6e8c;
	border-radius: 4px;
	border: none;
    color: #FFF;
    cursor: pointer;
    display: inline-flex;
    float: right;
    height: 32px;
    width: 90px;
    margin: 25px 0 10px 0;
    align-items: center;
    justify-content: center;
}
.smart-forms .grey-button {
	background-color: #858796;
}
.blue-button:disabled,
.grey-button:disabled {
	opacity: 0.5;
}
.cancel {
	display: inline-block;
	float: right;
	line-height: 32px;
	margin: 25px 30px 0 0;
	height: 32px;
}

.hazardous svg {
	color: #e9af00;
	stroke: #e9af00;
}

/* pagination */
	#pagination {
		display: inline-block;
		font-size:14px;
		margin-top: 90px;
		padding: 0 20px;
	}

	#pagination .pagination-beginning,
	#pagination .pagination-end,
	#pagination .pagination-prev,
	#pagination .pagination-next {
		background-color: #F5F5F5;
		align-items: center;
		justify-content: center;
		border: 1px solid #0c6e8c;
		border-radius: 4px;
		display: flex;
		height: 32px;
		width: 32px;
		float: left;
		margin-right: 8px;
	}
	#pagination span.pagination-beginning,
	#pagination span.pagination-prev,
	#pagination span.pagination-next,
	#pagination span.pagination-end {
		opacity: 0.5;
	}
	#pagination .pagination-beginning svg,
	#pagination .pagination-end svg,
	#pagination .pagination-prev svg,
	#pagination .pagination-next svg {
		stroke: #0c6e8c;
		margin: 0;
	}
	#pagination .page-numbers {
		display: inline-block;
		float: left;
	}
	#pagination .page-numbers span,
	#pagination .page-numbers a {
		background-color: #F5F5F5;
		align-items: center;
		border-radius: 4px;
		justify-content: center;
		display: flex;
		height: 32px;
		width: 32px;
		float: left;
		margin-right: 8px;
	}
	#pagination .page-numbers .active {
		background-color: #0c6e8c;
		color: #FFFFFF;
	}
	.paging-totals {
		float: right;
		font-size: 14px;
		height: 32px;
		margin-top: 90px;
		padding: 0 20px;
		display: flex;
		align-items: center;
	}

.search-add {
	float: right;
	margin: 0 16px 16px 0;
	position: relative;
	height: 16px;
}
.search-add svg {
	display: inline-block;
	height: 16px;
	width: 16px;
}
.search-add #search {
	margin-right: 4px;
}
.search-add svg.feather-plus-square {
	margin-left: 28px;
}
.search-add svg.feather-download {
	margin-right: 28px;
}
#search-form {
	display: none;
	padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #0c6e8c;
    padding: 5px 10px;
    top: -4px;
    height: 26px;
    width: 200px;
    font-size: 12px;
    z-index: 99;
}
#search-form input {
	background-color: transparent;
	border: 0;
}
#search-form button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	position: absolute;
	top: 4px;
	right: 4px;
}
.no-search-text {
	margin-left: 20px;
}
.no-search-button {
	margin-right: 20px;
}
.search-add.only-search #search-form {
	right: -4px;
}

table {
	margin-bottom: 20px;
	width: 100%;
}
table th {
	font-size: 10px;
	text-align: left;
}
table tr:nth-child(even),
.products-grid.list-view div#products > div.rl-table-row:nth-child(even) {
	background-color: #F5F5F5;
}
table th,
table td {
	padding: 5px 7px;
}
table#location-quantity-table tr:nth-child(even) {
	background: transparent;
}
table#location-quantity-table.regular-table thead {
	background: none;
	color: #424242;
}
table#location-quantity-table.regular-table th {
	font-size: 14px;
	font-weight: 400;
	padding: 5px 7px;
}
table#location-quantity-table.regular-table td {
	padding: 5px 7px;
	vertical-align: middle;
}
table#location-quantity-table.regular-table .grey-bg {
	background-color: #EEEEEE;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 10px;
}
.grey-bg.disabled {
	color: rgb(170, 170, 170);
}

h1.ordered-quantity {
	font-size: 20px;
}

.cart-table-body td,
.products-table td {
	vertical-align: middle;
}

.no-margin {
	margin: 0;
}

.title-bar {
	background-color: #0c6e8c;
	color: #FFF;
	height: 48px;
	line-height: 0;
	margin: 0 auto;
	padding: 0 14px;
	/* max-width: 1440px; */
	width: 100%;
}

.title-bar a.logo {
	color: #FFF;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 48px;
	margin-left: 6px;
}
.title-bar .icons {
	display: inline-block;
	float: right;
}


.title-bar .icons a {
	display: inline-block;
	height: 48px;
	margin-left: 28px;
	position: relative;
}
.title-bar .icons a svg {
	color: #FFF;
	height: 48px;
}
.title-bar .icons a .alert {
	background-color: #FF5A76;
	position: absolute;
	top: 7px;
    left: -5px;
    width: 17px;
    height: 17px;
    color: #FFF;
    border-radius: 8.5px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
}




section.main {
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	width: 100%;
	/* max-width: 1440px; M15 */
}
section.main-login {
	background-color: #FFF;
	margin: 0 auto;
	width: 100%;
	/* max-width: 1440px; M15 */
	padding: 26px;
}

section.main-login .content {
	background-color: #FAFAFA;
	padding: 70px 0;
	width: 100%;
}
section.main-login .content {
	display: flex;
}
section.main-login .content img {
	height: 300px;
	margin-left: 26px;
}

section.main-login #login-holder {
	margin: 0 auto;
	width: 400px;
}
section.main-login #login-holder h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 24px;
}

section.main .menu {
	background-color: #FAFAFA;
	padding: 28px 0;
	width: 224px;
	display: block;
}

section.main .menu ul {
	border-bottom: 1px solid #DEDADA;
	list-style-type: none;
	padding: 0 0 30px 0;
	margin: 0;
}
section.main .menu ul li {
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	display: flex;
    align-items: center;
    padding: 0 9px 0 20px;
    position: relative;
}
section.main .menu ul li a {
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	display: flex;
    align-items: center;
    width: 100%;
}
section.main .menu ul li.selected,
section.main .menu ul li:hover,
section.main .menu a.settings.selected,
section.main .menu a.settings:hover {
	background-color: #E0E0E0;
}
section.main .menu ul li svg {
	color: #3D76D8;
	margin-right: 13px;
}
section.main .menu a.settings {
    font-size: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 9px 0 20px;
    position: relative;
}
section.main .menu a.settings svg {
	color: #3D76D8;
	margin-right: 13px;
}

.main-content-area {
	background-color: #FFF;
	flex: 1;
	padding: 28px 0 0 33px;
}
.main-content-area .container {
	background-color: #FAFAFA;
	margin-right: 27px;
	padding: 23px 44px;
	max-width: 100%;
}
.main-content-area .large-container {
	background-color: #FAFAFA;
	margin-right: 27px;
	padding: 23px 0px;
	max-width: 100%;
}


.main-content-area .container .form-body .col {
	width: 48%;
}

.main-content-area .container .form-body .col-right .section.half {
	display: inline-block;
	float: left;
	width: 48%;
}
.main-content-area .container .form-body .col-right .section.half:last-of-type {
	float: right;
}

/* this is to overwrite the horizontal slider */
	.smart-forms .ui-slider .ui-slider-range {
		background: #757575;
	}
	.smart-forms .ui-slider .ui-slider-handle {
		border: 2px solid #757575;
	}
	.smart-forms .ui-slider .ui-slider-handle:before {
		display: none;
	}
	.smart-forms .ui-slider-horizontal {
		height: 4px;
	}
	.smart-forms .slider-wrapper {
	    background: #E0E0E0;
	}
	.smart-forms .slider-field-label {
		display: inline-block;
		font-size: 14px;
		margin-bottom: 15px;
	}

	.smart-forms .gui-input[disabled], .smart-forms .gui-textarea[disabled], .smart-forms .select > select[disabled], .smart-forms .select-multiple select[disabled], .smart-forms .gui-input[disabled] ~ .input-hint, .smart-forms .file .gui-file[disabled] + .gui-input, .smart-forms .file .gui-file[disabled]:hover + .gui-input, .smart-forms .gui-textarea[disabled] ~ .input-hint {
		color: #aaa;
		background-color: #eee !important;
	}

/* this is to create the select over the input field */
	.smart-forms .select.position-over {
		border-radius: 4px;
		position: absolute;
		right: 4px;
		top: 4px;
		width: 86px;
		height: 34px;
	}
	.smart-forms .select.position-over > select,
	.smart-forms .select.position-over:before,
	.smart-forms .select.position-over .arrow {
		background-color: #E0E0E0;
	}
	.smart-forms .select.position-over > select {
		height: 34px;
		padding: 0px 10px;
	}
	.smart-forms .select.position-over .arrow {
	    position: absolute;
	    top: 5px;
	    right: 2px;
	}

/* color picker */
	.sp-container {
		border: 0;
	}
	.sp-replacer {
		border: 0;
		height: 42px;
	}
	.sp-palette .sp-thumb-el {
		border: 0;
		border-radius: 8px;
	}

	.sp-palette .sp-thumb-inner {
	    border-radius: 8px;
	}

/* smart forms override */
	.ui-autocomplete,
	.ui-autocomplete .ui-menu-item {
		border: 0;
		border-bottom: 0;
	}

/* drop zone */
	.dropzone {
		background: #FFF;
		border: 2px dashed #0c6e8c;
		padding: 32px;
	}
	.dropzone svg {
		color: #0c6e8c;
	}
	.dropzone .dz-clicker span {
		background-color: #EEEEEE;
		color: #424242;
	}

/* accordion for settings area */
	#accordion h3 {
		background-color: #E0E0E0;
		border-bottom: 1px solid #D0D0D0;
		clear: both;
		cursor: pointer;
		line-height: 24px;
		margin-bottom: 0;
		padding: 10px;
	}
	#accordion h3 span {
		font-size: 12px;
		font-weight: 300;
	}
	#accordion .ui-accordion-content {
		background-color: #FFF;
		padding: 10px;
		display: inline-block;
		float: left;
		width: 100%;
	}
	#accordion .ui-state-active svg,
	#accordion .ui-state-default svg {
		transition: 0.3s ease all;
		margin: 0;
		display: inline-block;
		float: right;
	}
	#accordion .ui-state-active svg {
		transform: rotate(180deg);
	}
	.listings-table a svg {
		color: #0c6e8c;
		height: 15px;
	}
	.listings-table .delete svg {
		color: #e43e2b;
		stroke: #e43e2b;
	}

/* clients */
	.client-list-table,
	.order-list-table,
	.waste-collection-list-table,
	.clearances-list-table,
	.accruals-list-table {
		width: 100%;
	}
	.client-list-table thead,
	.order-list-table thead,
	.waste-collection-list-table thead,
	.clearances-list-table thead,
	.accruals-list-table thead {
		background-color: #0c6e8c;
		color: #FFF;
	}
	.client-list-table thead th,
	.order-list-table thead th,
	.waste-collection-list-table thead th,
	.clearances-list-table thead th,
	.accruals-list-table thead th {
		font-weight: normal;
		font-size: 14px;
		padding: 15px 0 15px 15px;
	}
	.client-list-table thead th span,
	.order-list-table thead th span,
	.waste-collection-list-table thead th span,
	.clearances-list-table thead th span,
	.accruals-list-table thead th span {
		font-weight: normal;
		font-size: 8px;
	}
	.client-list-table thead th:last-of-type,
	.order-list-table thead th:last-of-type,
	.waste-collection-list-table thead th:last-of-type,
	.clearances-list-table thead th:last-of-type,
	.accruals-list-table thead th:last-of-type {
		font-weight: normal;
		font-size: 14px;
		padding: 15px;
	}
	
	.client-list-table td,
	.order-list-table td,
	.waste-collection-list-table td,
	.clearances-list-table td,
	.accruals-list-table td {
		font-size: 14px;
		padding: 15px 0 15px 15px;
		vertical-align: middle;
	}
	.client-list-table td:last-of-type,
	.order-list-table td:last-of-type,
	.waste-collection-list-table td:last-of-type,
	.clearances-list-table td:last-of-type,
	.accruals-list-table td:last-of-type {
		padding: 15px;
	}
	.client-list-table svg,
	.order-list-table svg,
	.waste-collection-list-table svg,
	.clearances-list-table svg,
	.accruals-list-table svg {
		margin: 3px 3px 0 0;
		height: 18px;
		stroke: #0c6e8c;
		width: 18px;
	}
	.client-list-table .delete svg,
	.order-list-table .cancel-traco svg,
	.order-list-table .cancel-user svg {
		color: #e43e2b;
		stroke: #e43e2b;
	}
	.client-list-table .circle {
		align-items: center;
		background-color: #C0C0C0;
		border-radius: 10px;
		display: flex;
		float: right;
		height: 20px;
		justify-content: center;
		margin-left: 5px;
		stroke: #FFFFFF;
		width: 20px;
	}
	.client-list-table .award svg,
	.client-list-table .users svg {
		stroke: #FFF;
		height: 12px;
		margin: 0px;
		width: 12px;
	}
	.client-list-table .circle.users.gold {
		background-color: #FFD700;
	}
	.client-list-table .circle.users.silver {
		background-color: #C0C0C0;
	}
	.client-list-table .circle.users.bronze {
		background-color: #CD7F32;
	}
	.client-list-table .circle.award.green {
		background-color: #2ba24c;
	}
	.client-list-table .circle.award.yellow {
		background-color: #F09641;
	}
	.client-list-table .circle.award.red {
		background-color: #F04141;
	}
	.client-list-table .status-active {
		align-items: center;
		background-color: #0c6e8c;
		border-radius: 12px;
		color: #FFFFFF;
		display: flex;
		font-size: 12px;
		height: 24px;
		justify-content: center;
		padding: 0 8px;

	}
.document-list-table td
{
	font-size: 14px;
	padding: 15px 0 15px 15px;
	vertical-align: middle;
}


/* storage page */
	.product-item {
		aspect-ratio: 1/1;
		cursor: pointer;
		line-height: 0;
		padding: 10px;
		width: 25%;
	}
	.list-view .product-item {
		line-height: 16px;
	}
	.product-item.list {
		float: none;
	}
	.product-item img {
		max-width: 100%;
    	max-height: 100%;
	}
	.tooltipster-base {
		background: #0c6e8c;
		border-radius: 8px;
		border: none;
		color: #FFF;
		padding: 10px 20px 30px 20px;
	}
	.tooltipster-sidetip .tooltipster-box {
		background: #0c6e8c;
		border: none;
		border-radius: 0;
	}
	.tooltipster-sidetip .tooltipster-content {
		padding: 0;
	}
	.tooltipster-arrow {
		visibility:hidden
	}
	.tooltipster-base h3 {
		color: #FFFFFF;
		font-size: 21px;
		font-family: 'Open Sans';
		font-weight: 600;
		margin-bottom: 10px;
	}
	.tooltipster-base .details {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.tooltipster-content .stats-table {
		background-color: rgba(255, 255, 255, 0.2);
		border-radius: 10px;
		text-align: center;
		font-size: 12px;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	.tooltipster-content .stats-table.bigger-padding {
		padding: 20px;
	}
	.tooltipster-content .stats-table tbody td {
		padding: 0 7px;
	}
	.stats-table table tr:nth-child(even){
		background-color: transparent ;
	}
	.stats-table table th {
		text-align: center;
	}
	.stats-table table {
		margin-bottom: 0;
	}
	.stats-table .large-values {
		font-size: 17px;
		line-height: 25px;
	}
	.stats-table .small-text {
		font-size: 10px;
		line-height: 12px;
	}
	.tooltipster-content .edit-button {
		background-color: #FFFFFF;
		border-radius: 4px;
		border: none;
		color: #0c6e8c;
		cursor: pointer;
		float: right;
		height: 32px;
		width: 74px;
		text-align: center;
		margin-top: 20px;
		font-size: 13px;
		font-weight: 600;
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
	.large-container .smart-forms .grid-view {
	    border-radius: 6px;
	    height: 42px;
	    display: inline-block;
	    padding: 9px;
	    margin: 0;
	}
	.large-container .smart-forms .grid-view.selected {
		background-color: #EEEEEE;
	}
	.large-container .smart-forms .list-view {
	    border-radius: 6px;
	    height: 42px;
	    display: inline-block;
	    padding: 9px;
	    margin: 0 10px 0 20px;
	}
	.large-container .smart-forms .list-view.selected {
		background-color: #EEEEEE;
	}
	.products-grid {
		display: table;
		width: 100%;
		border-collapse: collapse;
	}
	.products-grid.list-view #products {
		display: table-row-group;
    	border-collapse: collapse;
    	width: 100%;
	}
	.rl-table-row {
    	display: table-row;
	}
	.rl-table-head {
		color: #FFFFFF;
		background-color: #0c6e8c;
	}
	.rl-table-cell, .rl-table-head {
	    display: table-cell;
	    vertical-align: middle;
	    transition: all 300ms;
	}
	.rl-table-head.image {
		width: 10%;
	}
	.list-view .rl-table-cell,
	.list-view .rl-table-head {
		padding: 15px;
		font-size: 14px;
	}
	.grid-view .rl-head	{
	    display: none !important;
	    visibility: hidden;
	}
	.grid-view .rl-table-row {
		display: inline-block;
		float: left;
	}
	.grid-view .rl-table-cell.details {
		display: none;
	    visibility: hidden;
	}
	.grid-view .rl-table-cell {
		padding: 5px;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.products-grid #pagination {
		clear: both;
		float: left;
		display: -webkit-inline-box;
	}
	#update-product-form .product-images .image-holder {
		display: inline-block;
		float: left;
		margin: 0 20px 20px 0;
		position: relative;
		width: 200px;
	}
	#update-product-form .product-images .image-holder img {
		width: 100%;
	}
	#update-product-form .product-images .image-holder svg {
		fill: #FFF;
		position: absolute;
		top: -15px;
		right: -15px;
		height: 30px;
		width: 30px;
	}
	#update-product-form .product-images img:nth-child(even) {margin-right: 0;}

	.add-location-quantity {
		float: right;
		margin-right: 10px;
	}

/* users page */
	#users .feather-check-square {
		height: 18px;
		width: 18px;
		stroke: #2ba24c;
	}
	#users .feather-square {
		height: 18px;
		stroke: #e43e2b;
		width: 18px;
	}

/* orders page */
	#orders-form .submit-hr-cancel,
	#orders-form .cart,
	#orders-form .client-products {
		display: none;
	}
	table.products-table div.section {
		vertical-align: top;
	}

/* waste collections page */
	.smart-forms .select > select#weight_unit[disabled] {
		color: #34495E;
	}
	.waste-product-list {
		display: none;
		margin-top: 30px;
		width: 100%;
	}
	.waste-product-list thead tr {
		background-color: #0c6e8c;
		color: #FFFFFF;
	}
	.waste-product-list thead th {
    	font-weight: normal;
    	font-size: 14px;
    	padding: 15px;
	}
	.waste-product-list thead th:first-of-type {
    	width: 88%;
    }
	.waste-product-list tbody td {
		padding: 15px;
	}
	.waste-product-list .delete-waste-product svg,
	#waste-list-table-body .delete svg {
		cursor: pointer;
		color: #e43e2b;
		stroke: #e43e2b;
	}
	.waste-collection-list-table .hazardous svg {
		color: #f0b501;
		stroke: #f0b501;
	}
	.hazardous-information {
		background-color: #F5F5F5;
		display: inline-block;
		padding: 15px;
		width: 100%;
	}
	.blue-button.add-waste-item {
		margin-bottom: 30px;
	}
	.the-sign-off p {
		color: #9E9E9E;
	}
	.waste-collections-edit-page .transferor-details,
	.waste-collections-edit-page .transferee-details,
	.waste-collections-edit-page .the-transfer,
	.waste-collections-edit-page .the-sign-off {
		display: inline-block;
		width: 100%;
	}
	.waste-collections-edit-page .waste-product-list {
		display: inline-table;
		margin-top: 30px;
	}
	.dz-max-files-reached {
    	pointer-events: none;
        cursor: default;
	}
	.dz-max-files-reached svg,
	.dz-max-files-reached .dz-clicker,
	.dz-max-files-reached .dz-drop-title {
		display: none;
	}

/* clearances page */

	#clearances-list-table-body span {
		white-space: nowrap;
	}

	#clearances-list-table-body svg.red {
		stroke: #e43e2b;
	}
	#clearances-list-table-body svg.green {
		stroke: #2ba24c;
	}
	.esg-table-holder {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		margin: 20px 20px 0 20px;
	}
	.esg-data-table {
		background-color: #FFF;
		border-radius: 10px;
	}
	.esg-data-table tr:nth-child(even) {
		background-color: transparent;
	}
	.esg-data-table td {
		padding: 10px 15px;
	}
	.esg-data-table img {
		height: 70px;
	}
	#is-rebate-form {
		display: inline-block;
		float: left;
	}
	.large-container .smart-forms.rebates {
		margin: 0px 20px 0 20px;
	}
	.large-container .smart-forms.esg-client-select {
		margin: -5px 0 10px 0;
		width: 40%;
	}

/* accruals page */
	.section.accruals {
		margin: 0 0 20px 14px;
	}
	.section.accruals button {
		float: left;
	}
	.accruals-list-table .stop-accruing svg {
		color: #e43e2b;
		stroke: #e43e2b;
	}