a{
	text-decoration: none;
}

/***********************MARKET INDICATORS****************************/
.titleblock{
	font-size: 32px;
	color: rgb(0,174,239);
	padding-left: 5px;
	margin-bottom: -25px;
	max-width: 850px;
	text-align: left;
}
.highlights-container{
	width: calc(100% - 25px);
	position: relative;
	display: inline-block;
	padding: 15px 0 0 15px;
}
.highlights{
	display: block;
	width: calc(40% - 35px);
	background-color: rgb(231,231,231);
	border-radius: 20px 0;
	padding: 15px;
	font-size: 20px;
	color: black;
	margin: 0;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.textblock-highlights{
	width: calc(60% - 24px);
	float: right;
}
.highlights hr{
	margin-bottom: -12px;
}
.highlights .boldred{
	font-size: 28px;
}
.highlights table{
	width: 100%;
	text-align: center;
	color: rgb(76,82,90);
}
.highlights table tr{
	padding-top: 10px;
	height: 55px;
}
.highlights table tr td{
	width: 50px;
}
.highlights table img{
	width: 50px;
}
.cell-header{
	background-color: rgb(231,231,231);
	margin: 0 auto;
}
.triangle-down,
.triangle-up {
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	position: relative;  
    left: 50%;
    transform: translateX(-50%) ;
}
.triangle-down {	
	border-top: 37px solid rgb(152,1,46);
}
.triangle-up {
	border-bottom: 37px solid rgb(138,150,30);
}
.triangle-same{
	height: 50px;
}
.highlights .new-dev-table table td{
	padding: 15px 0;
	font-size: 20px;
}
.highlights-map{
	margin-left: -15px;
	margin-top: -15px;
	width: calc(100% + 30px);
}
.highlights-map img{
	border-radius: 20px 0 0 0;
}
.highlights-map-title{
	background-color: rgb(152,1,46);
	color: white;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

/***********************FEATURED PROPERTY****************************/
hr{
	background-color: #4e121e;
	height: 2px;
}
.featured-title{
	text-align: center;
	color: #ce153f;
	font-weight: bolder;
	font-size: 44px;
}
.featured-pic-container{
	position: relative;
}
.featured-pic-banner{
	position: absolute;
	color: black;
	top: 25px;
	width: 100%;
	font-size: 20px;
	padding: 8px 0;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.7);
	
}
.featured-text{
	display: inline-block;
	padding: 0 3px;
}
.featured-owner-container{
	position: relative;
}
.featured-owner{
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	color: black;
	font-weight: bold;
	padding: 5px;
	border-top-right-radius: 28px;
	background-color:rgba(255, 255, 255, 0.7);
}
.featured-owner img{
	position: relative;
	left: 0;
	width: auto;
	height: 40px;
}
/***************	when owner logo is at top left 	************
@media screen and (max-width: 738px) {
	.featured-owner img{
		height: 40px;
	}
	.featured-owner{
		left: 1px;
		bottom: 90px;
	}*/
}

/***********************SUMMARY DATA CHART****************************/
#chart{}
.bigchart table{
	border-spacing: 0;
	display: block;
	margin: 40px auto 20px auto;
 	width: 100%;
}
#chart th{
	height: 36px;
	background-color: rgb(152,1,46); 
	text-align: center;
	color: white;
	font-size: 14px;
}
#chart td{
	font-size: 14px;
	text-align: right;
	padding: 5px;
}
#chart td:nth-child(1){
	text-align: left;
}
#chart tr:nth-child(odd){
	background-color: rgb(209,210,212);
}
#chart tr:last-child{
	background-color: rgb(129,129,129);
	color: white;
}
#chart a{
	color: black;
}
@media screen and (max-width: 787px) {
	#chart th{
		font-size: 12px;
	}
}

/***********************STATISTICAL HIGHLIGHTS****************************/
/***********************TEXT UNDER VACANCY MAP****************************/
.statstical-highlightsc-container,
.under-vacancy-map{
	padding: 20px 15px;
}

/***********************MARKET****************************/
.content-container{
	margin-top: 20px;
	width: 100%;
	height: auto;
}
.content-textblock{
	width: calc(55% - 48px);
	text-align: justify;
	padding-left: 20px;
	
}
.content-keystats{
	float: right;
	width: 300px;
	min-height: 200px;
	background-color: gray;
	padding: 15px;
	font-size: 20px;
	color: white;	
	margin-left: 5px; 
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.content-keystats table{
	color: white;
	width: 100%;
}
.content-keystats table tr td{
	padding-bottom: 10px;
}
.content-keystats table tr td:nth-child(even){
	text-align: right;
}

/***********************GRAPH CONTAINERS/TITLES****************************/
.graph-table-container{
	width: 45%;
	float: right;
}
.graph-table-container-submarkets,
.graph-table-container-submarkets-row2{
	width: 50%;
	height: 400px;
	float: left;
}
.graph-table-container-submarkets-row2{
	height: 450px;
}
.graph-table-container table tr td{
	padding: 0;
}
.graph-table-container table tr td .graphtext{
	color: #4e121e;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
#NetAbsorptionChart{
	width: 100%;
}
.graph-table-container table{
	width: 100%;
}
.graph-table-container table tbody tr td{
	display: inline-block;
	width: 50%;
}

#VacancyAbsorptionChart, 
#SizeChart,
#SubmarketChart,
#ConstructionChart,
#LeasedSoldChart{
	width: 100%;
	height: 300px;
}
.chart-table-title-formatting{
	color: rgb(76,82,90);
	text-align: center;
	font-size: 24px;
}

/***********************CONTACTS CHARTS****************************/

.contacts-title, .contacts-title-with-line, .contacts-blank-title{
	padding: 10px 5px;
	border-spacing: 0px;
	width: calc(100% - 10px);
	font-size: 16px;
}
.contacts-title, .contacts-title-with-line{
	background-color: gray;
	color: white;
	text-align: center;
}
.contacts table{
	font-size: 14px;
	width: 100%; 
}
.contacts table td{
	padding: 5px;
}
.contacts-half-container{
	height: 50px;
}
.contacts-full,
.contacts-half,
.contacts-quarter {
	width: 50%;
	display: inline-block;
	float: left;
	position: relative;
}
.contacts-quarter{
	width: 25%;
}
.contacts-full{
	width: 100%;	
}
.contacts-title-with-line{
	border-right: 5px solid #eee;
	width: calc(100% - 15px);
}

/***********************ENDING SECTION****************************/
.ending-container{
	position: relative;
	margin-top: 50px;
}
.ending-title{
	text-align: center;
	font-weight: bolder;
	font-size: 31px;
}
.ending-map-title{
	position: absolute;
	width: 40%;
	
}
.ending-map-title .ending-subtitle{
	width: 70%;
	margin: auto;
	padding: 0 0 0 100px;
	text-align: left;
	font-size: 20px;
}
.ending-subcontainer{
	width: calc(60% - 20px);
	font-size: 14px;
	padding-right: 10px;
	line-height: 22px;
	float: right;
	margin-top: -10px;
	text-align: justify;
    text-align-last: center;
}
.ending-subcontainer .ending-subcontainer-text{
	min-height: 291px;
	font-size: 15px;
}
.ending-subcontainer-list{
	float: left;
	width: 100%;
	padding: 8px 10px 0 10px;
	margin-left: -10px;
	margin-bottom: 8px;
	background-color: rgb(232,233,235,1);
}
.ending-subcontainer-map{
	position: relative;
	width: calc(40% - 10px);
	top: 170px;	
}
.ending-subcontainer-map img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.ending-subtitle{
	padding: 15px 0 10px 0;
	color: #870930;
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
	text-align: center;
}
.ending-list-title{
	text-align: center;
	margin-top: -10px;
	padding-bottom: 10px;
    font-size: 14px;	
}
.ending-list-seperator{
	padding: 0 0 10px 0;
	float: left;
	width: 20%;
	font-size: 12px;
	line-height: 16px;
}
.geraldeve{
	font-size: 13px;
	line-height: 13px;
}
.geraldeve img{
	margin-top: -30px;
	max-width: 200px;
	float: left;
}
@media screen and (max-width: 890px) {
	.ending-list-seperator{
		font-size: 8.5px;
	}
}




.save-button{
	position: fixed;
	padding: 15px;
	top: 25px;
	right: 20%;
	background-color: white;
	border-radius: 10px;
	font-size: 20px;
	color: black;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}
.save-button button{
	padding: 10px;
}
#featured-textbox,
#title-textbox,
#content1-textbox,
#content2-textbox,
#statstical-highlights-textbox,
#under-vacancy-map-textbox{
	white-space: pre-wrap;
}

.transactions th,
.transactions td{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}