.unit-distribution-table tr td {font-size: 10px;font-weight: 400;line-height: 12px;cursor: pointer;color: #000; white-space: pre;}
.unit-distribution-diagram-table-section td,.unit-distribution-diagram-table-section th {padding: 0px 2px;width: 48px;height: 22px;border: 1px solid #00000045;border-left: 0;border-right: 0;}
.unit-distribution-diagram-table-section th {padding: 0px 10px;}
.unit-distribution-diagram-table-section thead th {padding: 0px;}
span.top-unit {position: absolute;top: 0;right: 0px;}
span.bottom-level {position: absolute;left: 0px;bottom: 0;}
.unit-level-box:after {position: absolute;content: '';width: 100%;height: 1px;background-color: #00000045;transform: rotate(24deg);top: 13px;left: 2px;}
.unit-level-box {position: relative;}
.unit-distribution-diagram-table-section h4 {font-family: "Arial Black";font-size: 16px;text-transform: uppercase;font-weight: 700;padding-bottom: 25px;}
.unit-distribution-diagram-table-section th {font-size: 11px;font-weight: 400;border: none;}
td.green {background: #a4af7a;}
td.peach {background: #d7ccc1;}
td.light-brown {background: #baa996;}
td.light-grey {background: #d3d5d6;}
td.dark-grey {background: #aeb0b3;}
td.coffee {background: #968067;}
td.cream {background: #d4d7be;}
td.cream2 {background: #efeece;}
td.dark-green {background: #82944d;}
.unit-distribution-chart li {font-family: 'ITC Avant Garde Gothic Pro Book';text-transform: uppercase;font-size: 12px;padding: 6px 0px;}
.unit-distribution-chart li::before {content: '';position: absolute;width: 47px;height: 19px;top: 50%;right: 0;transform: translateY(-50%);}
.unit-distribution-chart li:nth-child(1)::before {background-color: #f5f4dd;}
.unit-distribution-chart li:nth-child(2)::before {background-color: #e5ddd3;}
.unit-distribution-chart li:nth-child(3)::before {background-color: #ccbdac;}
.unit-distribution-chart li:nth-child(4)::before {background-color: #ac967c;}
.unit-distribution-chart li:nth-child(5)::before {background-color: #dde5d0;}
.unit-distribution-chart li:nth-child(6)::before {background-color: #adc290;}
.unit-distribution-chart li:nth-child(7)::before {background-color: #88aa62;}
.unit-distribution-chart li:nth-child(8)::before {background-color: #e2e2e3;}
.unit-distribution-chart li:nth-child(9)::before {background-color: #c4c4c6;}
.unit-distribution-chart {list-style: none;}
.unit-distribution-chart li {position: relative;}
.unit-distribution-popup .plan_wrapper,.unit-distribution-popup .object_3d_wrapper {display: flex;flex-flow: column;justify-content: center;height: 100%;background: rgb(241 240 238 / 90%);}
.custom_360_model .carousel__button,.viewout_model .carousel__button {position: absolute;top: 20px;right: 20px;color: var(--secondary-color);background: #7C6F63;border-radius: 0px;width: 40px;height: 40px;z-index: 1024;}
.custom_360_model.show,.viewout_model.show {animation: zoomin 300ms linear forwards;}
.custom_360_model,.viewout_model {animation: zoomout 300ms linear forwards;}
.unit-distribution-popup img#plan_dia_image {width: 100%;}
.custom_360_model,.viewout_model {position: fixed;height: 100%;width: 100%;left: 0;right: 0;top: 0;bottom: 0;z-index: +9999;background-color: transparent;display: none;margin: 0 auto;}
.unit-distribution-popup .pan_zoom_parent {position: relative;max-width: 600px;margin: 0 auto;background-color: var(--secondary-color);}
button.carousel__button.is-close {background-color: #40622F !important;}
button.carousel__button.is-close:hover {background-color: #000000 !important;}
.legend-txt {font-weight: 600;text-transform: uppercase;font-family: "Arial Black";margin-bottom: 10px;font-size: 14px;}
th.border-left {border: 1px solid #00000045;border-left: 0;border-right: 0;}
td.border-right {border-right: 0;border-left: 0;}
span.top-unit,span.bottom-level {font-size: 7px;}
.row.legend-row {justify-content: end;}
.table-title-flex {display: flex;}
/* .table-title-left {width: 52%;}
.table-title-right {width: 48%;} */
.common-title.unit-diagram-title {margin-bottom: 40px;}
/* .common-title.unit-diagram-title h2 {font-size: 28px;} */
.legend-col {margin-top: 50px;}
td.blank-td {min-width: 60px !important;}
tr.sky-height {height: 32px;}
.unit-diagram-section{margin: 0; padding: 185px 0;}
.legend-row p{font-size: 12px; margin-top: 5px;}
/* .unit-distribution-chart{margin: 0; padding: 140px 0;} */
@keyframes zoomin {
	0% {
		transform: scale(0);
		opacity: 0.4;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes zoomout {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0);
		opacity: 0.4;
	}
}
@media (max-width: 767px) {
	.unit-distribution-popup img#plan_dia_image {
		height: auto;
		width: 100%;
		max-width: 336px;
	}
	
	/* .table-margin-top-mb {margin-top: 70px !important;} */
	.unit-distribution-chart {display: grid;gap: 0px 10px;}
	.unit-distribution-chart li {font-size: 10px;}
	.unit-distribution-diagram-table-section h4 {font-size: 13px;line-height: 18px;padding-right: 60px;white-space: pre;}
	.small-table-left {padding: 0px 20px;}
	.unit-distribution-diagram-table-section td,.unit-distribution-diagram-table-section th {min-width: 34px;}
	td.blank-td {min-width: 60px !important;}
	.common-title.unit-diagram-title {margin-bottom: 40px;padding: 0px 10px;}
	.legend-txt {font-size: 14px;margin-bottom: 8px;}
	.unit-distribution-chart li {padding: 8px 0px;}
	.unit-distribution-chart li:nth-child(5) {grid-column-start: 2;grid-row-start: 1;}
	.unit-distribution-chart li:nth-child(6) {grid-column-start: 2;grid-row-start: 2;}
	.unit-distribution-chart li:nth-child(7) {grid-column-start: 2;grid-row-start: 3;}
	.unit-distribution-chart li:nth-child(8) {grid-column-start: 2;grid-row-start: 4;}
	.unit-distribution-chart li:nth-child(9) {grid-column-start: 2;grid-row-start: 5;}
	.unit-distribution-chart li::before {width: 40px;height: 16px;}
	.table-title-left {
		width: 96%;
		padding-right: 165px;
	}
	.unit-distribution-popup .plan_wrapper, .unit-distribution-popup .object_3d_wrapper{background: rgb(241 240 238 / 100%);}
	.unit-diagram-section{
		padding: 80px 0 40px;
	}
}
@media (max-width: 992px) and (orientation: portrait) {
	/* .table-margin-top-mb {margin-top: 0px !important;} */
}
@media (max-width: 992px) and (orientation: landscape) {
	.unit-distribution-popup img#plan_dia_image {
		height: auto;
		width: 100%;
		max-width: 336px;
	}
	
	.common-title.unit-diagram-title {padding: 0px 0px;}
	.unit-distribution-chart li:nth-child(5) {grid-column-start: 2;grid-row-start: 1;}
	.unit-distribution-chart li:nth-child(6) {grid-column-start: 2;grid-row-start: 2;}
	.unit-distribution-chart li:nth-child(7) {grid-column-start: 2;grid-row-start: 3;}
	.unit-distribution-chart li:nth-child(8) {grid-column-start: 2;grid-row-start: 4;}
	.unit-distribution-chart li:nth-child(9) {grid-column-start: 2;grid-row-start: 5;}
	.unit-distribution-chart {display: grid;gap: 0px 10px;}
	/* .table-margin-top-mb {margin-top: 70px;} */
	/* .table-margin-top-mb {margin-top: 0px;} */
	.table-title-left {width: 30%;}
	.unit-distribution-chart {display: block;}
	/* .table-margin-top-mb {margin-top: 70px !important;} */
    /* .unit-distribution-chart{display:grid !important;} */
}
@media (min-device-width:768px) and (max-device-width:1024px) {
	.common-title.unit-diagram-title {padding: 0px 0px;}
	.unit-distribution-chart li:nth-child(5) {grid-column-start: 2;grid-row-start: 1;}
	.unit-distribution-chart li:nth-child(6) {grid-column-start: 2;grid-row-start: 2;}
	.unit-distribution-chart li:nth-child(7) {grid-column-start: 2;grid-row-start: 3;}
	.unit-distribution-chart li:nth-child(8) {grid-column-start: 2;grid-row-start: 4;}
	.unit-distribution-chart li:nth-child(9) {grid-column-start: 2;grid-row-start: 5;}
	.unit-diagram-section {

		padding: 100px 0;
	}
	
	/* .table-margin-top-mb {margin-top: 70px !important;} */
}
@media (min-device-width:768px) and (max-device-width:991px) {
	.unit-distribution-chart {display: grid;gap: 0px 10px;}
}
@media (max-width: 992px) and (orientation: landscape) {
	/* .table-margin-top-mb {margin-top: 0px;} */
	.unit-distribution-chart {display: grid;}
}
@media (min-device-width:992px) and (max-device-width:1366px) {
	.unit-distribution-chart {display: block;}
	/* .table-margin-top-mb {margin-top: 0px;} */
	.unit-distribution-chart li {font-size: 10px;}
	.unit-distribution-chart li::before {width: 32px;height: 17px;}
}
@media (max-width:1200px) {
	.small-table-left {justify-content: start !important;}
	.unit-distribution-chart li::before {width: 35px;height: 14px;}
	.unit-distribution-chart li {font-size: 10px;}
}