@import url("elwood/css/default.css");
@import url("images/MaterialDesign-Webfont/css/materialdesignicons.css");

body {
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana,Arial,sans-serif;
	overflow: hidden;
}

.ui-front {
	/* keep this on top of the map and #map_loader */
	z-index:203;
}

.exo_table {
	font-family: Verdana,Arial,sans-serif;
}

#map {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#chart {
	/*position: absolute;*/
	/*top:50%;*/
	/*bottom: 0;*/
	width: 100%;
	height: 100%;
}

.hsplitter.exo_splitter {
	border-style: none !important;
}

.splitter_panel .hsplitter {
	z-index: 0;
}

#right {
	padding: 0;
	padding-left: 1em;
	right: 1em;
	left: 0;
	top: 0;
	bottom: 36px;
	position: absolute;
}

.uswds-banner {
	display: block;
	position: absolute;
	z-index: 301 /* expanded banner displays over content, especially search results dropdown */;
	background-color: #f0f0f0 /* matches .usa-banner, to avoid starting white while iframe loads */;
	border: none;
	width: 100%;
	height: 22px;
	top: 0;
}
.uswds-banner.expanded {
	height: 166px;

	/* border matches dialog box ("share" button) added shadow so it doesn't look terrible */
	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #aaa;
	box-shadow: 0px 4px 4px rgba(170,170,170,0.5);
}
.uswds-banner + * {
	margin-top: 22px /* height of collapsed uswds banner */;
}

#header {
	display: table;
	height: 64px;
	width: 100%;
}
#header > * {
	display: table-cell;
	vertical-align: middle;
}
#header, #footer {
	background-color: rgb(17,46,81);
	color: white;
	overflow: hidden;
}
#header a {
	display: inline-block;
	padding-right: 0.5em;
}
#header a, #footer a {
	text-decoration: none;
}
#header a {
	color: #9d9d9d;
}
#header a:hover {
	color: white;
}
#footer a {
	color: white;
}
#header .census-logo {
	width: 86px;
	min-width: 86px;
	padding: 0 15px;
}
#header .census-logo img {
	width: 86px /* In Edge and IE, must be set on the <img> not its container */;
	height: 34px /* IE 11 does not maintain aspect ratio */;
}

#banner_text {
	font-size: 1.25em;
	font-weight: bold;
}
#banner_text > * {
	white-space: nowrap /* Control line break position on narrow screens */;
}

#banner_links {
	font-size: .85em;
	text-align: right;
	padding-right: 15px;
	min-width: 80px;
}

#report {
	font-size: 12px;
}

#search_div {
	padding-left: .75em;
	display: inline-block;
}

.dropdown_search {
	z-index: 300;
	font-size: 15px
}

.dropdown_search .dropdown_label {
	display: none;
}

.dropdown_search .search_category {
	font-weight: bold;
}

.dropdown_search .search_result_sub_label {
	font-size: 12px;
	color: #777777;
	cursor: pointer;
	padding-bottom: .5em;
}

#top {
	margin: 1px;
	padding-top: .5em;
	padding-bottom: .5em;
}

#top div {
	position: relative;
	font-size: 16px;
}


#top .separator {
	margin-left: 1em;
	margin-right: 1em;
}

#toolbar>div {
	display: inline-block;
}

#search_label {
	font-weight: bold;
	font-size: 24px;
}

#event_info {
	display: none;
}

#event_info>*{
	float: left;
	height: 38px;
	line-height: 38px;
	padding-bottom: .25em;
}

#event_label_div {
	font-size: 30px;
	font-weight: bold;
}

#close_report {
	/*color: #0000FF;*/
	/*font-weight: bold;*/
	/*cursor: pointer;*/
	position: absolute;
	right: 1.5em;
	top: 98px;
	display: none;
	font-size: 1em;
	z-index: 1;
}


#event_controls {
	z-index:203;
	margin-right: 8.5em;
	margin-left: 1em;
}

#event_controls>div {
	display: inline-block;
}


#event_class {
	/*width: 15em;*/
}
#event_capture {
	/*width: 25em;*/
}
#event_time {
	font-weight: bold;
	padding-right: 1em;
}

#left {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 26em;
	height: auto;
	padding: 0 0 0 .25em;
	/* bottom margin should match footer height */
	margin: 0 1em 36px .25em; 
	overflow: hidden;
}

#open_left {
	position: absolute;
	left: 1em;
	top: 70px;
	width: auto;
	height: 1em;
	line-height: 1em;
	z-index: 200;
	padding: .25em;
	color: #0000FF;
	font-weight: bold;
	background-color:#FFFFFF;
	cursor: pointer;
}

.close_left {
	position:absolute;
	right: 0;
	height: auto;
	width: auto;
	color: #0000FF;
	font-weight: bold;
	background-color:#FFFFFF;
	cursor: pointer;
	line-height: 1em;
}

#footer {
	position: absolute;
	bottom: 0;
	/* must match bottom margin of #left */
	height: 30px;
	left: 0;
	right: 0;
	font-size: 12px;
	text-align: right;
	padding: 2px;
	padding-right: .5em;
	padding-bottom: 4px;
}
#footer .links .fBr {
	display: none /* shown on narrow screens */;
}

#south {
	position: relative;
	width: 100%;
	overflow:hidden;
}

#report_top {
	padding-bottom: 3px;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 3px;
}

#summary_tables,
#geography_list,
#recent_events
{
	overflow-y: auto;
}
#geography_list {
	margin-top: .5em;
}

.footnotes {
	position: absolute;
	bottom: 0;
	height: auto;
	font-style: italic;
	margin-top: 3px;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	border-top: 1px solid #DEDEDE;
}
.footnotes>div {
	display: none;
}

.footnotes .clickable,
.acs_pop_inc_popup
{
	cursor: pointer;
	color: #1E0FC8;
}

.report_control {
	margin: .5em 0;
}

.report_control_value {
	color: #1E0FC8;
	cursor: pointer;
	text-decoration:underline;
	position:relative;
	font-weight: bold;
	font-size: 14px;
}

.report_control label {
	font-size: 14px;
	display: inline-block;
	width: 8em;
	font-weight: bold;
}

.report_control span {
}

.remove_geo {
	position: absolute;
	display: inline-block;
	right: .25em;
}

#summary_tables .toggle_view .toggle_header,
#geography_list .toggle_view .toggle_header
{
	font-weight: normal;
	background: none;
	background-color: #CCCCCC;
	font-size: 13px;
}

#summary_tables .toggle_view.hover .toggle_header
{
	/*background: url("/elwood/js/lib/jquery-ui-1.10.3.custom/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #A5BFDD;*/
	background-color: #A5BFDD;
}

#summary_tables .toggle_view.selected .toggle_header
{
	/*background: url("/elwood/js/lib/jquery-ui-1.10.3.custom/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #A5BFDD;*/
	background-color: #A5BFDD;
	font-weight: bold;
}

.exo_table td.label,
.exo_table th.label
{
	width: 270px;
}

.exo_table {
	color: #777777;
}

.toggle_view.selected .exo_table,
.em_header_table .exo_table
{
	color: #000000;
}

.exo_table th,
.exo_table tr.last td
{
	border-bottom: 2px solid #777777;
}

.toggle_view.selected .exo_table th,
.toggle_view.selected .exo_table tr.last td{
	border-bottom: 2px solid #000000;
}

.exo_table tr.selected {
	font-weight: bold;
}

.datasource_label {
	font-weight: normal;
}

.attribute_category_select label ,
.attribute_search label
{
	font-size: 14px;
	display: inline-block;
	width: 11em;
}


.attribute_select_dialog .filtered_option label {
	font-size: 13px;
}

.attribute_select_dialog .filtered_option span {
	font-style: italic;
}

.attribute_category_select select,
.attribute_search input
{
	position: inherit;
	left: 0;
}

.event_category,
.date_label,
{
	font-weight: bold;
	font-size: 15px;
}


.event,
.search_result
{
	font-weight: normal;
	font-size: 15px;
	cursor: pointer;
	padding-left: 1em;
}

.event.odd,
.search_result.odd
{
	background-color: #EAEAEA;
}

.event.highlight,
.search_result.highlight
{
	background-color: #FFF6B6;
}

.event_sub_label {
	font-size: 12px;
	color: #777777;
	padding-bottom: .5em;
}

.event_pop_label {
	font-size: 12px;
	color: #777777;
	padding-bottom: .5em;
}

.left_label {
	font-size: 20px;
	font-weight: bold;
}

#report_legend, #event_legend, #open_legend, #open_report_legend
{
	position: absolute;
	right: 0;
	top: 0px;
	width: 15em;
	height: auto;
	z-index: 200;
	padding: .25em;
}
#event_legend {
	width: 17em;
}

.basemap_select {
	width: 8em;
}

#report_legend .legend_control {
	padding-bottom: 0px;
	padding-top: .75em;	
}

#event_legend {
	z-index: 201;
}

.em_border {
	border: 1px solid #DEDEDE;
	border-radius: 6px;
	background-color:#FFFFFF;
}

#event_legend label {
	font-weight: bold;
}

#close_legend, #open_legend, #close_report_legend, #open_report_legend {
	color: #0000FF;
	font-weight: bold;
	cursor: pointer;
	font-size: 25px;
	width: 1em;
	z-index: 202;
	text-align: center;
}

#close_legend {
	padding-left: .25em;
	float: right;
}

.legend_control, .legend_header {
	padding-bottom: .75em;
	font-size: 14px;
}

.legend_header label {
	font-size: 16px;
}

.legend_sub_label {
	font-size: 12px;
	padding-bottom: 1em;
}

.event_type_control {
	padding-top: 3px;
}

#event_legend .event_type_control span {
	font-weight: normal;
	position: relative;
	top: -2.5px;
	display: inline-block;
	height: 1.5em;
}

.event_type_legend {
	padding-left: 1em;
	font-size: 12px;
}

.event_type_legend .chip
{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.event_type_legend .icon
{
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align: middle;
}

.nhs_fcst_latest_icon {
	background: url("./images/nhs_latest.png") no-repeat -5px -15px transparent; 
}
.nhs_fcst_latest_chip {
	background-color: #05B308;
}

.nhs_best_icon {
	background: url("./images/nhs_best.png") no-repeat -5px -15px transparent; 
}
.nhs_best_chip {
	background-color: #66FA69;
}

.nhs_5day_icon {
	background: url("./images/nhs_5day.png") no-repeat -5px -15px transparent; 
}
.nhs_5day_chip {
	background-color: #07F70B;
}

.usgs_rmgsc_icon {
	background: url("./images/fire.png") no-repeat -5px -17px transparent; 
}
.usgs_rmgsc_chip {
	background-color: #E03D31;
}

.flood_likely_icon {
	background: url("./images/flood_likely.png") no-repeat -5px -17px transparent; 
	margin-right: 2px;
	margin-left: 2px;
}
.flood_likely_chip {
	background-color: #9FAD03;
}

.flood_occurring_icon {
	background: url("./images/flood_occurring.png") no-repeat -5px -17px transparent; 
	margin-right: 2px;
	margin-left: 2px;
}
.flood_occurring_chip {
	background-color: #9FAD03;
}

.hpc_ww_snow_icon {
	background: url("./images/ww_snow.png") no-repeat -5px -17px transparent; 
}
.hpc_ww_snow_chip {
	background-color: #FF9CDC;
}

.hpc_ww_ice_icon {
	background: url("./images/ww_ice.png") no-repeat -5px -17px transparent; 
}
.hpc_ww_ice_chip {
	background-color: #9CFDFF;
}

.fema_icon {
	background: url("./images/fema.png") no-repeat -5px -17px transparent; 
}
.fema_chip {
	background-color: #FF7417;
}

.zoom_to {
	color: #777777;
	font-weight: bold;
	cursor: pointer;
}

.cohort .cohort_label {
	font-size: 12px;
}

#variable .report_control_value {
	display: inline-block;
}

#permalink {
	cursor: pointer;
}

.perma {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	opacity: 0;
	padding: .25em;
	z-index: 201;
}

/*#export_menu {*/
	/*color: #0000FF;*/
	/*cursor: pointer;*/
/*}*/

.dropdown_menu, 
.em_drawer,
{
	padding: .5em;
	color: #0000FF;
	z-index: 202;
}
.em_drawer {
	display: inline-block;
	padding:.5em;
}

.dropdown_menu .dropdown_menu_item {
	padding-top: .25em;
	padding-left: .25em;
	padding-right: .25em;
	color: #0000EE;
	cursor: pointer;
}

#report_cohorts {
	padding-right: 2em;
}

#close_report_legend {
	position: absolute;
	right: .25em;
}

.hover_click_popup {
	padding: .5em;
	padding-right: 1em;
	max-width: 20em;
	z-index: 1000;
}

.moe_header {
	cursor: pointer;
	color: #1E0FC8;
}

.close_popup {
	cursor: pointer;
	color: #1E0FC8;
	position: absolute;
	right: .25em;
	top: 0;
}

.hover_click_popup .section {
	padding-top: 1.25em;
}

.help_link {
	cursor: pointer;
}

.help_icon {
	vertical-align: middle;
	cursor: help;
}

#hilite_legend {
	display: none;
}

#pick_geography .partial_note {
	font-size: 12px;
	font-style: italic;
	color: black;
	font-weight: normal;
	left: 10em;
	position: relative;
}

.source_note {
	padding-top: 2px;
}

.source_note2 {
	padding-top: 2px;
	padding-bottom: 1em;
}

a:link {
	color: #0000EE;
}

a:visited {
	color: #551A8B;
}

.ui-widget-content a:link {
	color: #0000EE;
}

.ui-widget-content a:visited {
	color: #551A8B;
}

#welcome_msg {
	font-size: 12px;
	cursor: pointer;
	color: #1E0FC8;
	white-space: nowrap;
}

#clear_hilite {
	/* hide button by default */
	display: none;
}

#list_date { 
	margin-left: 1em;
	vertical-align: top;
	display: none;
}

/* mush the date search button up next to the
 * search box */
#open_filter_search {
	height:1.6em;
	margin-left: -8px;
	top: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
body.webkit #open_date_search {
	height:1.5em;
}
#open_filter_search .ui-button-text {
	padding-top: .2em;
}

.ui-datepicker-trigger {
	width: 1.1em;
	height: 1.1em;
	position: relative;
	top: 2px;
	margin-left: .5em;
	cursor: pointer;
}

.event_list_header {
	text-align: center;
	margin-top: .25em;
	margin-bottom: .5em;
}

.dropdown_menu_item .dropdown_label {
}

.search_filter_header {
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .25em;
}

.search_filter_header > label,
.search_filter_header > input
{
	vertical-align: middle;
}

.search_filters .event_type_control {
	padding-left: 1em;
}

.search_filters_title {
	font-size: 24px;
}

#map.clickable {
	cursor: pointer;
}

.report_loading {
	text-align: center;
}

.report_loading .loading_gif {
	margin-top: 1.5em;
}


@media (max-width: 1000px) {
	#banner_text {
		font-size: 1em;
	}
	#banner_links .mdi > span {
		position: fixed;
		left: -99999px;
	}
}
@media (max-width: 767px) {
	#left {
		height: 45px /* must match footer height */;
	}
	#footer {
		height: 45px /* must match bottom margin of #left */;
	}
	#footer .fBr {
		display: block !important;
	}
}
@media (max-width: 630px) {
	#left {
		height: 60px /* must match footer height */;
	}
	#footer {
		height: 60px /* must match bottom margin of #left */;
	}
}