/* this should be set elsewhere  */
body .ddk-container {
    font-size: 1rem !important;
}

.section-title--text {
	font-size: 1.4rem; 
}

/* ---NAV--- */
.ddk-container .layout-header .menu-item.highlighted-item {
	box-shadow: none !important;
}


/* ---MAIN CONTENT BLOCK--- */
.card-header--title {
	font-size: 1.1rem;
	color: #007377;
}


#projections-output div:first-child {
	/* margin-top: 0; */
	/* text-align: center; */
	/* background-color: beige; */
}

#projections-output > div  {
	margin-top: 0;
	padding:15px 20px;
}

div#grid-data {
   overflow: scroll;
}


/* DROPDOWNS */
div.control-in-card_container {
	flex:unset !important;
	min-width: 280px !important; 
}

 
/* ---RADIO BUTTONS--- */
.proj-radio {
	display: flex;
	align-items: center;
}



.ddk-container.ddk-container .proj-radio label {
    /* border:1px solid red; */
    margin-left: 10px !important;
    
}

input[type="radio"] {
	/*border:1px solid red !important;*/
	margin-top: 4px;
}


/* ---MAP--- */

#projections-output .svg-container {
	margin: 0 auto !important;
	text-align: center;
	/*width: 100% !important;*/
}

#projections-output  .control {
	justify-content: center;
}

#projections-output #main-plot-card-footer {display: none;}

#projections-output table tr td, #projections-output table tr th {border-color:#aad3df !important;}




/* MAIN BUTTONS FOR TABLE DATA */
#proj-table-card .control-in-card_container {
	    margin-left: unset !important;
	    display: flex;
}



.lvl3-reverse-button {
	letter-spacing: 0px;
	/* letter-spacing: 0 !important; */
	/* font-size: 14px !important; */
	/* font-weight: normal !important; */
	/* border-width: 1px !important; */
	/* padding-left:12px !important; */
	/* padding-right:12px !important; */
	/* margin-right: 15px !important; */
}

.lvl3-reverse-button  i.bi.bi-download {
	font-size: 16px !important;
	padding-right: 5px;
}

/* scroll bars for table data */
#projections-output .dash-spreadsheet-inner {
	overflow: auto;
	scrollbar-width: thin;
}

#projections-output .dash-spreadsheet-inner td p {
	text-align:right;
} 

#projections-output .dash-spreadsheet-inner td p a {
	text-decoration:underline;
}

/* MODEBAR EDITS*/
.js-plotly-plot .plotly .modebar {
	border:0px solid red;
	/*padding:7px 10px;*/
	background-color: #ffffff8c;
	top:15px !important;
	right:85px !important;
}

.js-plotly-plot .plotly .modebar-group  {
	padding-left: 0 !important;
	padding-bottom: 8px ;
}

.js-plotly-plot .plotly .modebar.vertical {
	top:-10px !important;
	right:1px !important;
}