.pill-live {
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #16a34a;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 360px;
	border: 1px solid #16a34a;
	justify-content: center;
	text-align: center;
	max-width: max-content;
	text-transform: uppercase;
}

.low-supply {
	display: flex;
	flex-direction: column;
	padding: 4px 10px;
	background-color: #e2ffed;
	border: 1px solid #16a34a;
	border-radius: 8px;
	font-size: 13px;
	color: #16a34a;
}

.list-dot-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 23px;
}

.list-dot__item {
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.list-dot__title {
	font-size: 15px;
	font-weight: 500;
}

.list-dot {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: auto;
}

.card-list-dot {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding: 24px 32px;
	border: 1px solid #dddddd;
	border-radius: 20px;
}

.list-dot-group .list-dot__item::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #898a8a;
	position: absolute;
	top: 50%;
	left: -11px;
	transform: translateY(-50%);
}

.list-dot-group .list-dot__item:first-child::before {
	display: none;
}

.pricing-model-card {
	background-color: #f0f5f9;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	padding: 20px 32px;
	height: 100%;
}

.pricing-model-card.pricing-model-card-white {
	background-color: #fff;
	border: 1px solid #dddddd;
}

.pricing-model-card__title-group {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pricing-model-card__title {
	font-weight: 500;
	font-size: 12px;
	color: #5d677e;
	text-transform: uppercase;
}

.pricing-model-card__body {
	display: flex;
	flex-direction: column;
	padding-top: 10px;
}

.pricing-model-card__value {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	gap: 12px;
	display: flex;
	align-items: center;
}

.check-selected {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #336bb3;
}

.card-suggested-price {
	padding: 20px 24px;
	border: 2px solid #336bb3;
	border-radius: 20px;
}

.card-suggested-price__head {
	display: flex;
	justify-content: space-between;
	gap: 6px;
	flex-wrap: wrap;
}

.card-suggested-grade {
	display: flex;
	justify-content: space-between;
}

.card-suggested-grade__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 4px;
}

.card-suggested-grade__item-price {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	color: #131515;
}

.card-suggested-grade {
	font-size: 13px;
	color: rgba(19, 21, 21, 0.5);
}

.card-suggested-grade__item-mid {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 0 11px;
	margin: 0 11px;
}

.card-suggested-grade__item-mid .card-suggested-grade__item-price {
	color: #336bb3;
}

.card-suggested-price__info-blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.card-suggested-price__info-block {
	padding: 8px 10px;
	border-radius: 8px;
	background-color: #f0f5f9;
	flex: auto;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.green-info-block {
	background-color: #16a34a;
	border: 1px solid #076f2d;
	color: #fff;
}

.dual-comp-price-config {
	padding: 24px 32px;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 1px 2px 0px #00000029;
	border: 1px solid #ddd;
	border-radius: 20px;
	margin-bottom: 20px;
}

.card-price-config__group {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.card-price-config {
	display: flex;
	flex-direction: column;
	flex: auto;
}

.card-price-config__group-label {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.card-price-config-mid {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 0 32px;
	margin: 0 32px;
}

.card-price-config__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.radio-item__option-group {
	display: flex;
	align-items: center;
	gap: 6px;
}

.radio-filter-group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
}

.radio-filter__radio-item {
	display: flex;
	align-items: center;
}

.radio-filter__label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	border-radius: 360px;
	color: #5d677e;
	font-size: 14px;
	font-weight: 400;
}

.radio-filter-group input {
	display: none;
}

.radio-filter__radio-item input:checked + .radio-filter__label {
	background-color: #f0f0f0;
	color: #131515;
	font-weight: 500;
}

.radio-filter__cunter {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
}

.status-hold {
	background-color: #16a34a;
	color: #fff;
}
.status-adjust-down {
	background-color: #ffc804;
	color: #6e5600;
}

.status-adjust-up {
	background-color: #336bb3;
	color: #fff;
}

.status-all {
	background-color: #5d677e;
	color: #fff;
}

.radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.radio-item {
	display: flex;
	align-items: center;
}

.radio-item input[type='radio'] {
	display: none;
}

.radio-item label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 9px 12px;
	border: 2px solid #ddd;
	border-radius: 360px;
	transition: all 0.3s;
	font-size: 14px;
	font-weight: 500;
}

.radio-item input[type='radio']:checked + label {
	border-color: #f0f0f0;
	background-color: #f0f0f0;
	color: #131515;
}

.target-label {
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
}

.input-wrapper-dual {
	position: relative;
}

.input-wrapper-dual__label {
	position: absolute;
	z-index: 2;
	top: -13px;
	left: 8px;
	font-size: 13px;
	font-weight: 600;
	background: #fff;
	padding: 4px;
}

.card-suggested-price__body {
	padding-top: 10px;
}

.noUiSlider-slider-style .noUi-connect {
	background: #336bb3;
}

.noUiSlider-slider-style {
	height: 8px;
	background: #e7ebee;
	box-shadow: none;
	border: none;
	width: 190px;
}
.noUiSlider-slider-style .noUi-handle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	box-shadow: 0px 1.67px 3.33px -1.67px #1018280f,
		0px 3.33px 6.67px -1.67px #1018281a;
	border: 1px solid #336bb3;
	background-color: #fff;
}

.noUiSlider-slider-style .noUi-handle:before,
.noUiSlider-slider-style .noUi-handle:after {
	display: none;
}

.noUiSlider-slider-wrap-style {
	display: flex;
	align-items: center;
	gap: 8px;
}

.low-supply-row {
	flex-direction: row;
	gap: 19px;
}

.low-supply-row .low-supply-grade {
	position: relative;
}

.low-supply-row .low-supply-grade::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #16a34a;
	display: flex;
	left: -11px;
	top: 50%;
}

.color-danger-2 {
	color: #d20a07;
}
.color-green-2 {
	color: #16a34a;
}
.color-gold {
	color: #eea30f;
}

.opacity-05 {
	opacity: 0.5;
}

.gy-19 {
	--bs-gutter-y: 19px;
}

.switch-shipping {
	position: relative;
	display: flex;
	gap: 16px;
}

.switch-shipping input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider-shipping {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: 0.4s;
	border-radius: 360px;
	width: 36px;
	height: 22px;
}

.slider-shipping:before {
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50%;
}

input:checked + .slider-shipping {
	background-color: #336bb3;
}

input:checked + .slider-shipping:before {
	transform: translateX(14px);
}

.sticky-sidebar--right.fix-sidebar--right {
	height: auto;
}

.fix-overflow {
	overflow: visible !important;
}

.data-table-container table.dataTable tr.subject-tr td {
	border-bottom: 2px solid #DC2626;
	border-top: 2px solid #DC2626;
	background-color: #FFF6F6;
}

.data-table-container table.dataTable tr.subject-tr td:first-child {
	border-left: 2px solid #DC2626;
	border-bottom: 2px solid #DC2626;
	border-top: 2px solid #DC2626;
}
.data-table-container table.dataTable tr.subject-tr td:last-child {
	border-right: 2px solid #DC2626;
	border-bottom: 2px solid #DC2626;
	border-top: 2px solid #DC2626;
}

.subject-tr .pill-live {
	border: 1px solid #336bb3;
	background-color: #fff;
	color: #336bb3;
}

/* ============= */
.data-table-container table.dataTable tr.weekly-pricing-subject-tr td {
	border-bottom: 2px solid #dc2626;
	border-top: 2px solid #dc2626;
}

.data-table-container
	table.dataTable
	tr.weekly-pricing-subject-tr
	td:first-child {
	border-left: 2px solid #dc2626;
	border-bottom: 2px solid #dc2626;
	border-top: 2px solid #dc2626;
}
.data-table-container
	table.dataTable
	tr.weekly-pricing-subject-tr
	td:last-child {
	border-right: 2px solid #dc2626;
	border-bottom: 2px solid #dc2626;
	border-top: 2px solid #dc2626;
}

.weekly-pricing-subject-tr .pill-live {
	border: 1px solid #336bb3;
	background-color: #fff;
	color: #336bb3;
}

/* ========== */

.result-blocks .col-xxl-3 {
	height: 100%;
}

.card-car-recommender {
	display: flex;
	align-items: start;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 14px 16px;
	border: 1px solid #dddddd;
	border-radius: 14px;
}

.card-car-recommender__group-text {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.card-car-recommender__name {
	color: #131515;
	font-weight: 500;
	font-size: 15px;
}

.card-car-recommender__info-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.card-car-recommender__info-item {
	color: rgba(19, 21, 21, 0.5);
	font-size: 13px;
	position: relative;
	padding-left: 23px;
}

.card-car-recommender__info-item::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #898a8a;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}

.card-car-recommender__info-item:first-child:before {
	display: none;
}

.card-car-recommender__info-item:first-child {
	padding-left: 0px;
}

.cards-car-recommender {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.card-car-recommender__status {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 24px;
	padding: 0 10px;
	border-radius: 360px;
	font-size: 11px;
	text-transform: uppercase;
}

.status__adj-up {
	color: #fff;
	background-color: #336bb3;
}

.status__adj-down {
	color: #6e5600;
	background-color: #ffc804;
}

.status__hold-price {
	color: #fff;
	background-color: #16a34a;
}

.card-portfolio-info {
	display: flex;
	flex-direction: column;
	padding: 20px 32px;
	border-radius: 20px;
	border: 1px solid #dddddd;
	box-shadow: 0px 1px 2px 0px #00000029;
	height: 100%;
}

.card-portfolio-info__head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
}

.card-portfolio-info__title {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #5d677e;
}

.portfolio-actions {
	display: flex;
	align-items: center;
	justify-content: center;
}

.portfolio-actions__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.portfolio-actions__item-counter {
	color: #131515;
	font-weight: 500;
	font-size: 24px;
}

.portfolio-actions__item-name {
	color: rgba(19, 21, 21, 0.5);
	font-size: 12px;
}

.portfolio-actions__item.middle-item {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.select-wrapp--secondary.h-40px
	.select2-container--default
	.select2-selection--single {
	height: 40px;
}

.box-28x28 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	min-width: 28px;
	overflow: hidden;
}

.box-28x28 img {
	width: 100%;
	height: 100%;
}

.table-group-menu {
	box-shadow: 0px 1px 2px 0px #00000029;
	border: 1px solid #ddd;
	border-radius: 20px;
	overflow: hidden;
	padding: 24px 32px;
}

.slider-container.noUiSlider-slider-wrap-style {
	flex-direction: column;
	gap: 11px;
}

.noUiSlider-slider-wrap-style .slider-footer {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.fw-500 {
	font-weight: 500;
}

.gy-20 {
	--bs-gutter-y: 20px;
}

.gx-12 {
	--bs-gutter-y: 12px;
}

.position-info__item {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	width: 50%;
	flex: 0 0 50%;
	text-align: center;
}

.position-info__item-value {
	font-weight: 500;
	font-size: 24px;
	white-space: nowrap;
}

.position-info__item-label {
	color: #131515;
	font-size: 12px;
	color: rgba(19, 21, 21, 0.5);
}

.position-info {
	display: flex;
	flex-wrap: wrap;
}

.position-info__item:nth-child(1) {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.position-info__item:nth-child(2) {
	border-bottom: 1px solid #dddddd;
}

.position-info__item:nth-child(3) {
	border-right: 1px solid #dddddd;
}

.card-different-price__body {
	display: flex;
	align-items: start;
	padding: 0 32px 24px;
}

.card-different-price {
	border: 1px solid #dddddd;
	box-shadow: 0px 1px 2px 0px #00000029;
	border-radius: 20px;
}

.card-different-price__head {
	padding: 24px 32px;
}

.card-different-price__position-info {
	padding-left: 24px;
	margin-left: 24px;
	border-left: 1px solid #dddddd;
}

.card-different-price__menu {
	flex: auto;
}

.card-car-recommender.card-car-recommender-selected {
	border-color: #336bb3;
}

.card-market-insights__info {
	display: flex;
	align-items: center;
}

.card-market-insights__info-item {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	flex: auto;
	gap: 8px;
}

.card-market-insights__info-item.item-mid {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.card-market-insights__value {
	font-weight: 500;
	font-size: 24px;
}

.card-market-insights__label {
	color: rgba(19, 21, 21, 0.5);
	font-size: 12px;
}

.card-market-insights {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
	border: 1px solid #dddddd;
	padding: 24px 32px;
	border-radius: 20px;
}

.switch-tabs {
	background-color: #f0f0f0;
	border-radius: 360px;
	padding: 2px;
}
.switch-tabs .list-page-tab,
.switch-tabs .list-page-tab .btn {
	width: 100%;
	border-radius: 360px;
}

.switch-tabs .list-page-tab.active-tab .btn,
.switch-tabs .list-page-tab.active-tab {
	box-shadow: 0px 2px 4px 0px #1018280a;
	background-color: #fff;
	border: 1px solid #ddd;
}

.switch-tabs .list-page-tab .btn-tab-page:hover {
	border: none;
}

.filter-table {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}

.filter-table__left {
	display: flex;
	padding: 14px 0;
}

.filter-table__right-border {
	border-right: 1px solid #ddd;
	padding-right: 20px;
	margin-right: 20px;
}

.radio-group-filter {
	gap: 0;
	border-radius: 8px;
	overflow: hidden;
	align-items: flex-start;
}

.radio-group-filter .radio-item {
	background-color: #f8f8f9;
	border: none;
	border-radius: 0;
	height: 100px;
}

.radio-group-filter .radio-item label {
	background-color: #f8f8f9;
	border: none;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	padding: 14px;
	height: 100%;
}

.radio-group-filter .radio-item input[type='radio']:checked + label {
	height: 100%;
}

.btn--y-32 {
	height: 32px;
}

.btn--secondary-custom {
	color: #336bb3;
	font-weight: 500;
	font-size: 13px;
	padding: 0 12px;
	box-shadow: 0px 2px 4px 0px #1018280a;
	border: 1px solid #ddd;
	gap: 6px;
}

.dropdown-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropdown-open .dropdown-arrow {
	transform: rotate(180deg);
}

.top-3-legend {
	display: flex;
	align-items: center;
	gap: 8px;
}

.top-3-legend__low,
.top-3-legend__high {
	display: flex;
	align-items: center;
	width: 18px;
	height: 4px;
	border-radius: 4px;
}

.top-3-legend__low {
	background-color: #1674d2;
}

.top-3-legend__high {
	background-color: #16a34a;
}

.g-16 {
	--bs-gutter-x: 16px;
	--bs-gutter-y: 16px;
}

.weekly-pricing-charts .chart-card {
	height: 100%;
}

.card-market-insights .btn-tab-page {
	border: 1px solid #ddd;
}

.chart-card__body #vinPriceChart {
	width: 100% !important;
}


@media (max-width: 1799.98px) {
	.card-suggested-price {
		padding: 16px;
	}

	.card-suggested-grade .card-suggested-grade__item-price {
		font-size: 16px;
	}
}

@media (max-width: 1600px) {
	.position-info__item-value {
		font-size: 17px;
	}

	.full-w-btn-1600 {
		flex-direction: column;
		gap: 16px;
	}
	.full-w-btn-1600 .btn {
		width: 100%;
	}
}

@media (max-width: 1399.98px) {
	.card-suggested-grade__item-mid {
		border: none;
		margin: 0;
		padding: 0;
	}

	.card-suggested-grade {
		justify-content: flex-start;
		gap: 22px;
	}

	.result-blocks .col-xxl-3 {
		height: auto;
	}
}

@media (max-width: 1199.98px) {
	.sidebar-2.sidebar-2--secondary {
		top: var(--header-fixed-padding);
		height: calc(100% - var(--header-fixed-padding));
	}

	body:not(.sidebar-open) .sidebar-2.sidebar-2--secondary {
		left: -270px;
	}

	.card-different-price__position-info {
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}

	.card-different-price__body {
		flex-direction: column;
		gap: 24px;
	}

	.card-different-price__position-info {
		width: 100%;
	}
}

@media (max-width: 986.98px) {
	.card-price-config__group {
		flex-direction: column;
		gap: 20px;
	}

	.card-price-config-mid {
		border: none;
		padding: 0;
		margin: 0;
	}
}

@media (max-width: 599.98px) {
	.filter-table__right-border {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}

	.filter-table__left {
		flex-wrap: wrap;
		gap: 20px;
	}

	.card-market-insights__info .card-market-insights__value {
		font-size: 16px;
	}

	.card-market-insights {
		padding: 24px 16px;
	}
	.table-group-menu {
		padding: 24px 16px;
	}
}

@media (min-width: 1200px) {
	.sidebar-open .sidebar-2-pl.sidebar-2-pl--secondary {
		padding-left: 270px;
	}

	.sidebar-2-pl.sidebar-2-pl--secondary {
		padding-left: 0;
	}

	.sidebar-open .sidebar-2.sidebar-2--secondary {
		left: 0;
	}

	.sidebar-2.sidebar-2--secondary {
		left: -270px;
	}
}

.check-selected {
	cursor: pointer;
}



.emerald-info-block {
	background-color: #10b981;
	border: 1px solid #059669;
	color: #fff;
}

.yellow-info-block {
	background-color: #facc15;
	border: 1px solid #ca8a04;
	color: #1f2937; /* темно-сірий для кращої читабельності */
}

.gray-info-block {
	background-color: #9ca3af;
	border: 1px solid #6b7280;
	color: #fff;
}

.orange-info-block {
	background-color: #fb923c;
	border: 1px solid #f97316;
	color: #fff;
}

.amber-info-block {
	background-color: #f59e0b;
	border: 1px solid #b45309;
	color: #fff;
}

.red-info-block {
	background-color: #ef4444;
	border: 1px solid #b91c1c;
	color: #fff;
}





/* ===================== */

.table-controls-header {
    background: #f8f9fa;
    padding: 16px 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.vin-info {
    display: flex;
    gap: 30px;
}

.vin-price, .vin-rank {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.table-controls {
    display: flex;
    gap: 8px;
}

.control-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.2s;
}

.control-btn:hover:not(:disabled) {
    background: #f0f0f0;
    border-color: #ccc;
}

.control-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.table-draggable-wrapper {
    position: relative;
}

.drag-indicator-wrapper {
    position: absolute;
    left: -25px;
    top: 70px;
    bottom: 70px;
    width: 24px;
    z-index: 10;
	background-color: #F8F8F9;
	border-radius: 360px;
}

.drag-indicator {
    position: absolute;
    width: 22px;
    height: 60px;
	font-size: 13px;
	font-weight: 500;
    cursor: grab;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	box-shadow: 0px 2px 4px 0px #1018280A;
	border: 1px solid #DDDDDD;
	background-color: #fff;
    transition: top 0.2s ease;
    border-radius: 360px;
    z-index: 11;
	padding: 4px 0;
}

.drag-indicator:active {
    cursor: grabbing;
}

.subject-tr {
    background: #e3f2fd !important;
    border-left: 3px solid #007bff;
    position: relative;
}

.subject-tr:hover {
    background: #dbeafe !important;
}

.rank-cell {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rank-number {
    font-weight: 600;
    color: #333;
    min-width: 20px;
}

.status-badge {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.live {
    background: #d4edda;
    color: #155724;
}

.status-badge.subject {
    background: #fff3cd;
    color: #856404;
}

.market-flag {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #666;
}

.trend-icon {
    font-size: 16px;
}

.target-position {
    border-top: 2px solid #007bff !important;
}

.drag-indicator__rank{
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	color: #131515;
}

/* subject-tr */
.table-draggable-wrapper:not(.has-subject) .drag-indicator-wrapper {
    display: none;
}

.table-draggable-wrapper .dataTables_length select{
	border: 1px solid #5D677E;
    padding: 0 12px;
    height: 28px;
    border-radius: 4px;
}

.table-draggable-wrapper .data-table-wrapper div.dataTables_length label{
	gap: 8px;
    display: flex;
    align-items: center;
}

.card-option-table{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	border: 1px solid #ddd;
	box-shadow: 0px 1px 2px 0px #00000029;
	border-radius: 20px;
	padding: 14px;
	width: 100%;
}

.btn-move-rank{
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	background-color: #fff;
	color: #336BB3;
	font-size: 13px;
	line-height: 38px;
	border: 1px solid #ddd;
	box-shadow: 0px 2px 4px 0px #1018280A;
	border-radius: 360px;
	padding: 0 12px;
}

.modal__dialog--1380{
	max-width: 1412px;
}

.vehicle-grading .modal__header{
	padding: 28px;
}

.vehicle-grading__title-group{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 18px 20px;
}

.factor-contribution{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.factor-contributions{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 8px;
	padding: 8px 20px;
}

.factor-contribution__name-group{
	display: flex;
	align-items: center;
	gap: 8px;
}

.factor-contribution__status{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8px;
	min-width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #CED4E0;
}

.factor-contribution__name{
	font-size: 14px;
	font-weight: 500;
	color: #131515;
}

.factor-contribution__info{
	font-size: 14px;
	font-weight: 400;
	color: #5D677E;
}
.factor-contribution__value{
	font-size: 14px;
	font-weight: 500;
	color: #5D677E;
}

.status-plus .factor-contribution__status{
	background-color: #16A34A;
}

.status-plus .factor-contribution__value{
	color: #16A34A;
}

.status-minus .factor-contribution__status{
	background-color: #D20A07;
}

.status-minus .factor-contribution__value{
	color: #D20A07;
}

.vehicle-grading .card{
	border: 1px solid #ddd;
	border-radius: 16px;
	background-color: #fff;
}

.vehicle-grading .card__body{
	padding: 0 20px 20px;
}

.suggested-grade{
	background-color: #16A34A;
	color: #fff;
	border-radius: 12px;
	padding: 16px 12px;
	display: flex;
	align-items: center;
}

.suggested-grade__label{
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.top-driver{
	display: flex;
	text-align: center;
	background-color: #E2FFED;
	border: 1px solid #16A34A;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #16A34A;
	padding: 4px 8px;
}

.g-8{
	--bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.top-drivers{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.action-hints-list{
	color: #5D677E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 17px;
}

.action-hints-list li {
	list-style: disc;
}

.action-hints-list li + li{
	margin-top: 10px;
}

.gy-12{
    --bs-gutter-y: 12px;
}

.gx-16{
	--bs-gutter-x: 16px;
}

.numbers-of-owners .radio-item__option-group{
	padding: 5px;
	min-width: 40px;
	justify-content: center;
}
.table-mileage-vs-expected{
	background-color: #F0F5F9;
	border-radius: 12px;
}

.table-mileage-vs-expected td{
	padding: 10px 12px;
}

.carfax-text-block{
	padding: 6px 10px;
	border-radius: 8px;
	background-color: #F0F5F9;
	color: #5D677E;
	font-size: 13px;
	font-weight: 400;
}

.carfax-status{
	width: 20px;
	min-width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carfax-danger .carfax-text-block{
	background-color: #FFF6F6;
	color: #D20A07;
}

.carfax-success .carfax-text-block{
	background-color: #E2FFED;
	color: #16A34A;
}

.carfax-danger .carfax-status{
	background-image: url(https://autogin.webstaginghub.com/img/dealer/icon-carfax-danger.svg);
}

.carfax-success .carfax-status{
	background-image: url(https://autogin.webstaginghub.com/img/dealer/icon-carfax-success.svg);
}

#dual-comp-table.dual-comp-table--effective-comps .subject-tr--effective{
	background-color: rgba(248, 248, 249, 1);
} 
.pill-live__effective {
	display: none;
}
#dual-comp-table.dual-comp-table--effective-comps .subject-tr--effective .pill-live__effective {
	display: flex;
	font-size: 12px;
	color: var(--secondary-2);
}