/* Wyoming County Web Mapping Application CSS */

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.navbar {
	font-size: 24px;
	/* display: block; */
	display: flex; /* FLEX allows for easy vertical alignment of objects*/
	clear: both;
	background-color: #37af78 !important;
	color: #fff !important;
	border: 2px solid #076930;
	font-family: "Pragati Narrow", sans-serif;
	padding: .2rem 1rem;
}

img.img-navbar {
	width: 33px;
	margin-right: 6px;
}

.navbar-dark .navbar-text {
	color: #fff !important;
	line-height: 22px;
}

/* ------------SCREEN SIZING------------ */
/* @media only screen and (min-width: 513px) { */
@media only screen and (min-width: 675px) {	
	#navbarText_short {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.navbar {
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 674px) {
	/* #navbarText {
		font-size: 16px;
	} */
}

/* @media only screen and (max-width: 513px) { */
@media only screen and (max-width: 674px) {
	#navbarText {
		display: none;
	}
}

@media only screen and (max-width: 360px) {
	/* #navbarText_short {
		font-size: 14px;
	} */
	
	/* #footer {
		font-size: 10px;
		padding-top: 2px;
		padding-bottom: 5px;
	} */
}

@media only screen and (max-width: 241px) {	
	#navbarText_short {
		display: none;
	}
}

@media only screen and (max-width: 549px) {
	/* .esri-expand__panel-content {
		margin-bottom: 19px;
	} */
	.esri-basemap-gallery {
		margin-bottom: 19px;
	}
	.esri-print__content {
		margin-bottom: 19px;
	}
	.esri-expand__content-container {
		flex-direction: row;
		justify-content: center;
	}
}
/* ------------END SCREEN SIZING------------ */

.modal-content {
	background-color: #076930 !important;
	color: #fff !important;
	border: 2px solid #ded100 !important;
}

.modal-header {
	padding: .5rem .5rem;
	border-bottom: 1px solid #ded100;
	justify-content: space-between;
}

/* Does not appear to be needed to help vertically align text */
/* .modal-header_verbage {
	margin-top: 9px;
} */

.modal-body {
	line-height: 1.2;
}

.modal-body p {
	font-size: 12px;
	margin-bottom: .3rem;
}

.modal-footer {
	border-top: 1px solid #ded100;
	padding: .25rem;
}

.modal-footer p {
	font-size: 12px;
}

.modal-footer input {
	height: 20px;
	width: 99px;
	color: #076930 !important;
	background-color: #d6d7d9;
	border: 2px solid #ded100 !important;
	padding-bottom: 3px;
	font-size: 12px;
	text-align: center;
}

.modal-footer input:focus {
	outline: none;
	box-shadow: none;
}

.btn-primary {
	/* background-color: #c4c4c4;
	color: #000;
	border-color: #000; */
	background-color: #fff;
	color: #076930;
	border: 1px solid #000;
	font-size: .9rem;
	line-height: 1;
}
.btn-primary:hover {
	background-color: #ded100;
	border-color: #000;
	color: #000;
}
.btn-primary:focus {
	background-color: #8eb7d2;
	color: #000;
	border-color: #076930;
	box-shadow: 0 0 0 .2rem rgba(48,38,21,.8);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: #37af78;
	color: #fff;
	border-color: #076930;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(48,38,21,.5);
}

.alert {
	/* background-color: #115c3a;
	color: #75b798; */
	border-radius: 0px;
	--bs-alert-margin-bottom: 0px;
}

#map_canvas {
	/* height for resizing is calculated in JavaScript */
	height: 100vh;
	position: absolute;
	padding-right: 0px;
	padding-left: 0px;
	border-left: 2px solid;
	border-left-color: #076930;
	border-right: 2px solid;
	border-right-color: #076930;
}

#map_pane {
	/* height for resizing is calculated in JavaScript */
	height: 100vh;
	z-Index: 1;
}

calcite-button {
	--calcite-color-foreground-1: transparent;
	--calcite-color-foreground-2: transparent;
	--calcite-color-foreground-3: transparent;
	--calcite-color-focus: none; /* Needed to remove ugly blue border*/
	--calcite-ui-icon-color: #fff !important;
	--calcite-button-background-color: rgba(7,105,48,.6) !important;
	--calcite-button-border-color: #ede9e4;
}
calcite-button:hover {
	--calcite-ui-icon-color: #076930 !important;
	--calcite-button-background-color: #fff !important;
	--calcite-button-text-color: #076930 !important;
}
calcite-button:focus {
	--calcite-ui-icon-color: #076930 !important;
	--calcite-button-background-color: #37af78 !important;
}
calcite-action {
	background-color: #076930;
	border: 1px solid #ede9e4;
	--calcite-color-foreground-1: transparent;
	--calcite-color-foreground-2: transparent;
	--calcite-color-foreground-3: transparent;
	--calcite-button-background-color: rgba(7,105,48,.6) !important;
	--calcite-action-text-color: #fff;
	/* --calcite-action-background-color-hover: #fff; */
}
calcite-action:hover {
	/* background-color: #fff !important; */
	background-color: #37af78;
	--calcite-color-text-1: #076930;
	--calcite-color-text-2: #076930;
	--calcite-color-text-3: #076930;
	--calcite-action-text-color: #076930;
}
calcite-action:focus {
	background-color: #37af78;
}
calcite-action.esri-widget--button {
	background-color: rgba(7,105,48,.6);
}
calcite-autocomplete {
	border-top: 1px solid #076930;
	border-bottom: 1px solid #076930;
	border-right: 1px solid #076930;
}
calcite-list-item {
	border: 1px solid #076930;
	--calcite-color-focus: none; /* Needed to remove ugly blue borders layer list expanded items */
}

.esri-ui {
	--calcite-color-brand: rgb(7, 105, 48);
	--calcite-color-brand-hover: rgb(56, 135, 89);
    --calcite-color-brand-press: rgb(7, 105, 48);
	--calcite-color-text-1: #076930;
	--calcite-color-focus: #076930;
}

/* .esri-search { */
.arcgis-search {
	position: absolute;
	top: 15px;
	left: 60px;
	z-index: 10;
}
/* .esri-search__dropdown { */
.arcgis-search__dropdown {
	--calcite-color-border-1: #076930; /* changes color of bullet next list item */
}

.esri-widget {
	background: transparent;
	color: #076930;
	--esri-widget-padding-y: 0px;
}
.esri-widget--button {
	/* background-color: rgba(7,105,48,.6); */
	background: none;
}
.esri-widget__heading {
	/* color: #fff; */
	color: #076930;
}

.esri-expand__content-container {
	border: 1px solid #076930;
}

.esri-measurement-widget-content {
	background-color: rgba(7,105,48,.6);
	color: #fff;
	/* border: 1px solid #076930;
	border-radius: 4px; */
}
.esri-unit-select__label {
	--calcite-color-text-1: #fff;
}
/* Next two sets of rules help override default calcite-button styles on measurement tools */
calcite-button.esri-distance-measurement-2d__clear-button,
calcite-button.esri-area-measurement-2d__clear-button {
	--calcite-button-background-color: #fff !important;
	--calcite-button-text-color: #076930 !important;
	margin-top: 6px;
	margin-bottom: 6px;
}
calcite-button.esri-distance-measurement-2d__clear-button:hover,
calcite-button.esri-area-measurement-2d__clear-button:hover {
	--calcite-button-background-color: #37af78 !important;
	--calcite-button-text-color: #fff !important;
}

.esri-legend__service {
	padding-top: 12px;
}

.esri-scale-bar {
	border: none !important; /* Needed to remove border when moved to the right on small screens (bottom-right coordinate conversion component has border */
}
.esri-scale-bar__line {
	background: none;
}
.esri-scale-bar__line--top {
	border-bottom: 2px solid #076930;
}
.esri-scale-bar__line--bottom {
	border-top: 2px solid #076930;
}
.esri-scale-bar__line--top::before,
.esri-scale-bar__line--bottom::before {
	border-right: 2px solid #076930;
}
.esri-scale-bar__line--top::after,
.esri-scale-bar__line--bottom::after {
	border-right: 2px solid #076930;
}
.esri-scale-bar__label {
	color: #076930;
}

.esri-basemap-gallery {
	margin-bottom: 0px !important;
}
.esri-basemap-gallery__item--selected {
	background-color: #9bc3ac !important;
	border-color: #076930 !important;
}
.esri-basemap-gallery__item:hover {
	background-color: #cde1d5;
	border-color: #076930 !important;
}

.esri-layer-list__visible-toggle {
	background-color: #076930;
	--calcite-action-text-color: #fff;
}
.esri-layer-list__visible-toggle:hover {
	background-color: #37af78 !important;
}
/* Needed to remove ugly blue borders layer list expanded items */
/* .row:focus {
	outline: none !important;
	background-color: none !important;
} */

.esri-view-width-xlarge .esri-popup__main-container {
    width: 400px;
}
.esri-print__header-title::after {
	content: " Document";
}
.esri-print__header-title {
	background-color: #076930;
	color: #fff;
	padding: 10px;
}
.esri-print__layout-tab:hover {
	background-color: #5ebf93;
}
.esri-print__layout-tab[aria-selected="true"],
.esri-print__layout-tab[aria-selected="true"]:hover {
	background-color: #37af78;
	border-bottom: 1px solid #076930;
}
.esri-print__layout-tab[aria-selected="true"],
.esri-print__layout-tab[aria-selected="true"]:focus {
	border: none;
}
.esri-print__export-button {
	background-color: #076930;
	border: 1px solid #fff;
}
.esri-print__export-button:hover {
	border: 1px solid #076930;
}

.esri-ui-bottom-right .esri-component {
	background-color: rgba(7,105,48,.6);
	color: #fff;
	border: 1px solid #076930;
}
.esri-coordinate-conversion {
	font-size: 10px;
	width: 230px;
}
.esri-coordinate-conversion__display:hover {
	color: #076930;
}
.esri-coordinate-conversion__heading {
	background-color: #076930;
}
.esri-coordinate-conversion__heading .esri-widget__heading {
	color: #fff;
}

.esri-popup__header {
	background-color: #076930;
	color: #fff;
}

.esri-popup__header-title:hover {
	color: #076930;
}

.esri-popup__content {
	margin: 0px 0px 12px;
}

.esri-popup__icon--dock-icon {
	color: #fff;
}
.esri-popup__icon--dock-icon:hover {
	color: #076930;
}
.esri-icon-minimize {
	color: #fff;
}
.esri-icon-minimize:hover {
	color: #076930;
}
.esri-icon-close {
	color: #fff;
}
.esri-icon-close:hover {
	color: #076930;
}
.esri-popup__button {
	color: #076930;
}
.esri-popup__main-container {
	border: 1px solid #076930;
}
.esri-features__container {
	background-color: #f0ede9;
}
.esri-feature__content-node {
	border: 1px solid #076930;
}
.esri-feature-content a {
	color: #007bff;
}
.esri-feature-content a:hover {
	color: #800080;
}

table.poppy{
	width: 100%;
	background-color: #f9f4bb;
}
table.poppy th {
	font-size: 12px;
	background-color: #37af78;
	color: #076930;
	text-align: left;
}
table.poppy {
	font-size: 12px;
}
tr.extrapop {
	border-bottom: 2px solid #37af78;
}

/* Ensures entire container fits in view on small screens and allows scrolling */
/* .esri-expand__panel-content {
	max-height: 60vh;
} */
.esri-expand__sheet .esri-expand__content-container {
	max-height: 60vh;
	overflow: scroll;
}

footer {
	padding-bottom: 2px;
	background-color: #076930;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Play', sans-serif;
}