
	
	:root {
		--plab-seller-dash-table-color: #000000;
	}


	.section-dashboard+.section {
		padding: 1.5rem 0;
	}

	@media (min-width: 992px) {
		.section-dashboard+.section {
			padding: 2rem 0;
		}
	}

	div.sdash-header,
	div.sdash-data-table {
		padding-left: 8px;
		padding-right: 8px;
	}

	div.sdash-header {
		align-items: center;
	}

	div.sdash-header .data-total {
		flex: 1;
	}

	div.sdash-header .data-search {
		flex: 0 0 265px;
		margin-bottom: 2rem;
	}

	div.sdash-header .data-search form {
		position: relative;
	}

	@media screen and (min-width: 992px) {
		div.sdash-header .data-search form {
			width: 100%;
			display: block;
		}
	}

	div.sdash-header .data-search .form-group {
		margin-bottom: 0;
	}
	
	div.sdash-header .data-search .form-submit {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}	

	.sdash-header .data-search .form-input-wrap {
		position: relative;
	}

		div.sdash-header .data-search .form-clear-btn {
			position: absolute;
			padding: 6px 12px;
			width: 40px; height: 40px;
			background-color: #fff;
			top: 50%; right: 10px;
			border-radius: 50%;
			transform: translateY(-50%);
		}

		div.sdash-header .data-search .form-clear-btn line {
			stroke: #555 !important;
		}

		div.sdash-header .data-search .form-clear-btn:hover line {
			stroke: #000 !important;
		}

	div.sdash-header .data-filters {
		flex: 0 0 265px;
	}

	div.sdash-data-table .table-head,
	div.sdash-data-table .table-body {
		border-left: solid 1px var(--plab-seller-dash-table-color);
		border-right: solid 1px var(--plab-seller-dash-table-color);
	}

	div.sdash-data-table .table-head .row,
	div.sdash-data-table .table-body .row {
		margin-left: 0;
		margin-right: 0;
		border-bottom: solid 1px var(--plab-seller-dash-table-color);
	}

	div.sdash-data-table .table-head .row:last-child,
	div.sdash-data-table .table-body .row:last-child {
		border-bottom: none;
	}

	div.sdash-data-table .table-head {
		border-top: solid 1px var(--plab-seller-dash-table-color);
		border-bottom: solid 1px var(--plab-seller-dash-table-color);
		border-radius: 0;
		color: #fff;
		background-color: var(--plab-seller-dash-table-color);
		font-size: 14px;
	}

	div.sdash-data-table .table-body {
		border-bottom: solid 1px var(--plab-seller-dash-table-color);
		border-radius: 0;
	}

	div.sdash-data-table .table-body a {
		font-weight: bold;
		text-decoration: underline;
	}

	div.sdash-data-table .table-body a:hover {
		text-decoration: none;
	}

	div.sdash-data-table .parent-data {
		flex: 0 0 360px;
		display: flex;
		justify-content: flex-end;
	}

	div.sdash-data-table .parent-data span {
		display: block;
		padding: 8px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	div.sdash-data-table .parent-data>div {
		width: 120px;
	}

	div.sdash-data-table .child-data {
		flex: 1;
		display: flex;
		justify-content: flex-end;
	}

	div.sdash-data-table .child-data span {
		display: block;
		padding: 8px;
		width: 130px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	div.sdash-data-table .child-data span.documents-action {
/*		padding: 4px 8px 0;*/
		padding: 4px 8px;
	}

	div.sdash-data-table .child-data .data-row {
		display: block;
	}

	div.sdash-data-table .child-data .data-row>div {
		display: flex;
	}

	div.sdash-data-table .table-body .table-row {
		display: flex;
	}

	@media screen and (min-width: 992px) {
		.sdash-sticky-table-header {
			position: sticky !important;
			top: 0; /*var(--header-height);*/
			z-index: 100;
		}
	}

	@media screen and (min-width: 992px) {
		div.sdash-data-table.sdash--valuation-form .parent-data {
			flex: 0 0 calc(120px + (2 * 160px));
		}

		div.sdash-data-table.sdash--valuation-form .parent-data .column--reference {
			width: 160px;
		}

		div.sdash-data-table.sdash--valuation-form .parent-data .column--status {
			width: 160px;
		}

		div.sdash-data-table.sdash--valuation-form .parent-data .column--category {
			width: 160px;
		}

		div.sdash-data-table.sdash--valuation-form .child-data .data-row {
			width: 100%;
		}

		div.sdash-data-table.sdash--valuation-form .child-data .column--category span {
			width: 180px;
		}
	}

	@media screen and (min-width: 992px) and (min-width: 1200px) {
		div.sdash-data-table.sdash--valuation-form .child-data .column--category span {
			width: 240px;
		}
	}

	@media screen and (max-width: 991px) {
		div.sdash-data-table.sdash--valuation-form .child-data span {
			width: auto;
		}

		div.sdash-data-table.sdash--valuation-form div.column::before {
			width: 8em;
		}
	}

	div.sdash-data-table.sdash--valuation-form .item__summary {
		clear: both;
	}

	div.sdash-data-table.sdash--valuation-form .item__summary p {
		font-size: inherit;
	}

	@media screen and (min-width: 992px) {
		div.sdash-data-table.sdash--valuation-form .item__summary {
			padding: 8px;
		}
	}

	div.sdash-data-table.sdash--valuation-form .item__customer-notes {
		margin-bottom: 1em;
		padding: 0.5em 1em;
		background: #eee;
	}

	div.sdash-data-table.sdash--valuation-form .item__customer-notes p:last-child {
		margin-bottom: 0;
	}

	div.sdash-data-table.sdash--valuation-form .item__customer-notes strong {
		font-weight: 600;
	}

	div.sdash-data-table.sdash--valuation-form .item__uploads {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div.sdash-data-table.sdash--valuation-form .item__uploads li {
		margin-right: 10px !important;
		margin-bottom: 10px !important;
	}

	div.sdash-data-table.sdash--valuation-form .item__uploads img {
		aspect-ratio: 1;
		width: 60px;
		-o-object-fit: cover;
		object-fit: cover;
		background: #fff;
	}

	@media screen and (max-width: 1400px) {
		div.sdash-data-table {
			font-size: 0.9rem;
		}

		div.sdash-data-table .parent-data {
			flex: 0 0 330px;
		}

		div.sdash-data-table .parent-data>div {
			width: 110px;
		}
	}

	@media screen and (min-width: 992px) and (max-width: 1400px) {
		div.sdash-data-table .child-data span {
			width: 115px;
		}
	}



	div.sdash-data-table .btn-primary--compact {
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		min-width: unset;
		box-shadow: unset;
	}


	@media screen and (min-width: 992px) and (max-width: 1200px) {
		div.sdash-data-table {
			font-size: 1rem;
		}

		div.sdash-data-table .parent-data {
			flex: 0 0 300px;
		}

		div.sdash-data-table .parent-data>div {
			width: 100px;
		}

		div.sdash-data-table .table-head {
			font-size: 0.85rem;
		}

		div.sdash-data-table .parent-data span {
			padding: 6px;
		}

		div.sdash-data-table .child-data span {
			padding: 6px;
			width: 85px;
		}

		div.sdash-data-table .btn-primary--compact {
			font-size: 10px;
			padding-left: 1.5em;
			padding-right: 1.5em;
		}

		div.sdash-data-table .btn-primary--compact:after {
			display: none;
		}
	}



	@media screen and (max-width: 1060px) {
		div.sdash-data-table {
			font-size: 0.85rem;
		}
	}

	@media screen and (max-width: 991px) {

		div.sdash-header .data-total,
		div.sdash-header .data-search {
			flex: 0 0 100%;
			max-width: 100%;
		}

		div.sdash-data-table .table-body .row {
			margin-left: -8px;
			margin-right: -8px;
		}

		div.data-table caption {
			font-size: 1.3em;
		}

		div.sdash-data-table .table-head {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

		div.sdash-data-table .table-body {
			padding-left: 8px;
			padding-right: 8px;
			border-top: solid 1px var(--plab-seller-dash-table-color);
			border-radius: 0;
		}

		div.sdash-data-table .parent-data,
		div.sdash-data-table .child-data,
		div.sdash-data-table div.column,
		div.sdash-data-table .child-data .data-row>div {
			display: block;
			width: 100%;
			flex: unset;
		}

		div.sdash-data-table div.column {
			padding: 8px 16px;
			border-bottom: solid 1px #efefef;
		}

		div.sdash-data-table .child-data .data-row .column:last-child {
			border-bottom-color: var(--plab-seller-dash-table-color);
		}

		div.sdash-data-table .child-data .data-row>div:last-child .column:last-child {
			border: none;
		}

		div.sdash-data-table .parent-data div.column {
			padding: 4px 16px;
			color: #fff;
			background-color: var(--plab-seller-dash-table-color);
			border-bottom-color: var(--plab-seller-dash-table-color);
		}

		div.sdash-data-table .parent-data div.column:first-child {
			padding: 8px 16px 4px;
		}

		div.sdash-data-table .parent-data div.column:last-child {
			padding: 4px 16px 8px;
		}

		div.sdash-data-table .parent-data span,
		div.sdash-data-table .child-data span,
		div.sdash-data-table .child-data span.documents-action {
			display: inline-block;
			padding: 0;
		}

		div.sdash-data-table div.column::before {
			/*
			* aria-label has no advantage, it won't be read inside a table
			content: attr(aria-label);
			*/
			content: attr(data-label);
			float: left;
			font-weight: bold;
			text-transform: uppercase;
			margin-right: 5px;
			width: 200px;
		}

		div.sdash-data-table .child-data span {
			width: auto;
			max-width: calc(100% - 210px);
		}


		div.data-table td span.column {
			display: block;
		}

		div.data-table td:last-child {
			border-bottom: 0;
		}
	}
	
	@media (max-width: 768px){
		.sdash-header {
			margin-top: 32px;
		}
		.sdash-header .data-total h3 {
			font-size: 16px;
			margin-bottom: 16px;
		}
		.sdash-header .form-group label {
			font-size: 16px;
		}
	}

	@media screen and (max-width: 499px) {
		div.sdash-data-table div.column::before {
			width: 50%;
		}

		div.sdash-data-table .child-data span {
			max-width: calc(50% - 10px);
		}
	}

	/**
	 * Modal
	 */
	.page-template-page-seller-dashboard #plab-seller-modal {
		position: absolute;
		display: none;
	}

	.page-template-page-seller-dashboard #plab-seller-modal.active {
		position: fixed;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 2000;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}

	.page-template-page-seller-dashboard #plab-seller-modal .container {
		height: 100%;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .container .row {
		height: 100%;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .container .col-sm-12 {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-container {
		flex: 1;
		position: relative;
		background: #fff;
		max-width: 99%;
		max-height: 85vh;
		min-height: 50vh;
		overflow-y: auto;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-spinner {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 10;
		border-radius: 100%;
		transform: translate(-50%, -50%);
		display: none;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-spinner img {
		width: 24px;
		height: 24px;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-spinner.active {
		display: block;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-container .close-button {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 36px;
		font-weight: 700;
		background: transparent;
		border: none;
		color: #000 !important;
		width: 45px;
		height: 45px;
		overflow: hidden;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .modal-container .close-button span {
		display: block;
		color: #000 !important;
		line-height: 45px;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .plab-seller-modal__header {
		position: sticky;
		top: 0;
		margin-left: 10px;
		margin-right: 10px;
		width: calc( 100% - 20px);
		padding: 32px 32px 8px 32px;
		text-align: center;
		background: #fff;
	}

	@media (min-width: 768px) {
		.page-template-page-seller-dashboard #plab-seller-modal .plab-seller-modal__header {
		padding: 48px 48px 8px 48px;
		}
	}

	.page-template-page-seller-dashboard #plab-seller-modal .plab-seller-modal__content {
		padding: 8px 32px 32px;
	}

	@media (min-width: 768px) {
		.page-template-page-seller-dashboard #plab-seller-modal .plab-seller-modal__content {
		padding: 8px 48px 48px;
		}
	}

	@media (min-width: 1024px) {
		.page-template-page-seller-dashboard #plab-seller-modal .modal-container {
		max-width: 960px;
		}
	}

	.page-template-page-seller-dashboard #plab-seller-modal .no-rfc-documents {
		font-size: 1.35em;
		text-align: center;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list {
		font-size: 1.35em;
		list-style-type: none;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list li {
		margin-bottom: 0.5em;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list a {
		text-decoration: underline;
	}

	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list a:hover, 
	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list a:active, 
	.page-template-page-seller-dashboard #plab-seller-modal .rfc-documents-list a:focus {
		text-decoration: none;
	}
