.main-building-info { display: flex; flex-direction: row; padding: 3px 0px; }
.main-building-info > div:first-child { width: 50%; padding-right: 1%; }
.main-building-info > div:last-child { width: 50%; padding-left: 1%; }


.building-images { display: flex; flex-direction: row; height: 153px; min-height: 100%;}
.building-images > div:first-child { height: 100%; width: 48%; margin-right: 2%; min-height: 153px;}
.building-images > div:last-child { height: 100%; width: 48%; margin-left: 2%; border: 1px solid #000000; min-height: 153px;}


.overview-info-table { display: flex; flex-direction: row; margin-bottom: 10px; }
.overview-info-table > div { width: 48%;  padding: 4px 10px; }
.overview-info-table > div:first-child { margin-right: 1%; background-color: #a6bb96; color: #FFFFFF; }
.overview-info-table > div:last-child  { margin-left: 1%;  background-color: #e1e1e1; color: #000000;}
.overview-info-table .pull-left { margin-top: 3px; }
.overview-info-table .pull-right { font-size: 16px; }


.overview-scores { display: flex; flex-direction: row; justify-content: space-evenly; }
.overview-scores > div { display: flex; flex-direction: column; }
.overview-scores .overview-score-title { text-align: center; height: 40px; display: flex; align-items: center; justify-content: center;}
.overview-scores .overview-score-circle { width: 80px; height: 80px; background-color: #a8a7a7; border-radius: 40px; align-self: center;}
.overview-scores .circle-green { background-color: #567d38; }
.overview-scores .circle-yellow { background-color: #ffa83d; }
.overview-scores .circle-red { background-color: #ff0000; }
.overview-scores .overview-score-inner-circle { position: relative; top: 2px; left: 2px; width: 76px; height: 76px; border-radius: 38px; border: 4px solid #FFFFFF; text-align: center;}
.overview-scores .overview-score-inner-circle span { font-size: 24px; color: #FFFFFF; padding-top: 17px; display: block;}

.overview-scores .circle-credit-A { background-color: #4e5a31; }
.overview-scores .circle-credit-B { background-color: #68813b; }
.overview-scores .circle-credit-C { background-color: #799c4c; }
.overview-scores .circle-credit-D { background-color: #fcba03; }
.overview-scores .circle-credit-E { background-color: #ff0000; }


.tenants-table { width: 100%; border: 1px solid #c9cacc; }
.tenants-table > thead { background-color: #FAFAFA; border-bottom: 1px solid #c9cacc; }
.tenants-table > thead > tr { height: 80px; }
.tenants-table > thead > tr > th { font-weight: 400; text-align: center;}
.tenants-table > thead > tr > th:nth-child(1) { width: 20%; text-align: left; padding-left: 2%;}
.tenants-table > thead > tr > th:nth-child(2) { width: 20%; }
.tenants-table > thead > tr > th:nth-child(3) { width: 10%; }
.tenants-table > thead > tr > th:nth-child(4) { width: 10%; }
.tenants-table > thead > tr > th:nth-child(5) { width: 15%; }
.tenants-table > thead > tr > th:nth-child(6) { width: 8%; }
.tenants-table > thead > tr > th:nth-child(7) { width: 8%; }
.tenants-table > thead > tr > th:nth-child(8) { width: 15%; padding-right: 2%;}

.tenants-table > tbody > tr:hover { background-color:#ececec;}
.tenants-table > tbody > tr { height: 80px; border-bottom: 1px solid #c9cacc;}
.tenants-table > tbody > tr > td { text-align: center; }
.tenants-table > tbody > tr > td:first-child { padding-left: 2%; text-align: left; }
.tenants-table > tbody > tr > td:last-child { padding-right: 2%; }

.tenants-table > tbody > tr > td:nth-child(2),
.tenants-table > tbody > tr > td:nth-child(3),
.tenants-table > tbody > tr > td:nth-child(4) { font-size: 16px; }

.tenants-table .score-circle { display: inline-block; width: 50px; height: 50px; padding-top: 10px; border-radius: 25px; border: 5px solid #a8a7a7; }
.tenants-table .circle-yellow { border-color: #ffa83d; }
.tenants-table .circle-red { border-color: #ff0000; }
.tenants-table .circle-grey { border-color: #a8a7a7; }

.tenants-table .text-green { color: #567d38; }
.tenants-table .text-yellow { color: #ffa83d; }
.tenants-table .text-red { color: #ff0000; }

.tenants-table .credit-score-circle { display: inline-block; width: 50px; height: 50px; padding-top: 10px; border-radius: 25px; border: 5px solid #a8a7a7; }
.tenants-table .circle-credit-A { border-color: #4e5a31; }
.tenants-table .circle-credit-B { border-color: #68813b; }
.tenants-table .circle-credit-C { border-color: #799c4c; }
.tenants-table .circle-credit-D { border-color: #fcba03; }
.tenants-table .circle-credit-E { border-color: #ff0000; }





.actionplan-table { width: 100%; border: 1px solid #c9cacc; }
.actionplan-table > thead { background-color: #FAFAFA; border-bottom: 1px solid #c9cacc; }
.actionplan-table > thead > tr { height: 80px; }
.actionplan-table > thead > tr > th { font-weight: 400; text-align: center;}
.actionplan-table > thead > tr > th:nth-child(1) { width: 55%; text-align: left; padding-left: 6%; }
.actionplan-table > thead > tr > th:nth-child(2) { width: 30%; }
.actionplan-table > thead > tr > th:nth-child(3) { width: 15%; padding-right: 2%;}

.actionplan-table > tbody > tr { height: 80px; border-bottom: 1px solid #c9cacc;}
.actionplan-table > tbody > tr > td { text-align: center; }
.actionplan-table > tbody > tr > td:first-child { padding-left: 2%; text-align: left; }
.actionplan-table > tbody > tr > td:last-child { padding-right: 2%; }
.actionplan-table > tbody > tr > td:nth-child(2) { text-align: left; }
.actionplan-table > tbody > tr > td .plan-item { display: none;}
.actionplan-table .domain-header {background-color: #e7e8e8; padding: 4px 8px;}

.show-plan .actionplan-table > tbody > tr > td .plan-item { display: flex !important; padding-bottom: 14px; justify-content: space-between;}


.actionplan-table .percentage-bar { display: flex; flex-direction: row; width: 100%; }
.actionplan-table .percentage-bar > div:first-child { flex-grow: 1; width: 100%; height: 20px; background-color: #e7e8e8; }
.actionplan-table .percentage-bar > div:last-child { min-width: 55px; padding: 0px 8px; font-size: 16px;}
.actionplan-table .percentage-bar > div > div { min-width: 0%; max-width: 100%; height: 100%; background-color: #567d38; }

.actionplan-table .percentage-bar > .percentage-bar-red > div { background-color: #ff0000; }
.actionplan-table .percentage-bar > .percentage-bar-orange > div { background-color: #f8ad2b; }


.remarks-table { width: 100%; border: 1px solid #c9cacc; }
.remarks-table > thead { background-color: #FAFAFA; border-bottom: 1px solid #c9cacc; }
.remarks-table > thead > tr { height: 80px; }
.remarks-table > thead > tr > th { font-weight: 400; text-align: left;}
.remarks-table > thead > tr > th:nth-child(1) { width: 20%; padding-left: 2%;}
.remarks-table > thead > tr > th:nth-child(2) { width: 55%; }
.remarks-table > thead > tr > th:nth-child(3) { width: 25%; padding-right: 2%;}

.remarks-table > tbody > tr:hover { background-color:#ececec;}
.remarks-table > tbody > tr { border-bottom: 1px solid #c9cacc;}
.remarks-table > tbody > tr > td { text-align: left; padding: 10px 0px; }
.remarks-table > tbody > tr > td:first-child { padding-left: 2%; }
.remarks-table > tbody > tr > td:nth-child(2) { padding-right: 10px;}
.remarks-table > tbody > tr > td:last-child { padding-right: 2%; }

.freequestion-table { width: 100%; border: 1px solid #c9cacc; }
.freequestion-table > thead { background-color: #FAFAFA; border-bottom: 1px solid #c9cacc; }
.freequestion-table > thead > tr { height: 80px; }
.freequestion-table > thead > tr > th { font-weight: 400; text-align: left;}
.freequestion-table > thead > tr > th:nth-child(1) { width: 50%; padding-left: 2%;}
.freequestion-table > thead > tr > th:nth-child(2) { width: 30%; padding-left: 2%; }
.freequestion-table > thead > tr > th:nth-child(3) { width: 20%; }

.freequestion-table > tbody > tr { border-bottom: 1px solid #c9cacc;}
.freequestion-table > tbody > tr > td { text-align: left; padding: 10px 0px; }
.freequestion-table > tbody > tr > td:first-child { padding-left: 2%; }
.freequestion-table > tbody > tr > td:nth-child(2) { padding-right: 10px; padding-left: 2%;}
.freequestion-table > tbody > tr > td:last-child { padding-right: 2%; }


#building-aspect-slider {width: 50%; margin-left: 25%;}
#building-aspect-slider > .slider-track > .slider-selection { background: #e6e6e6; }
#building-aspect-slider > .slider-track > .slider-track-high { background: #567d38; }
#building-aspect-slider > .slider-handle { background: #ACACAC !important; }
#building-aspect-slider > .slider-tick-container { display: none; }