/*
[ COLOR PALETE: DEFAULT LIST ]

* Colors are, for the most part, ordered from lighter to darker.

	#000 - black
	#fff - white
	
	#f5f5f5 - grey almost white
	#e5e5e5 - grey super light
	#cccccc - grey light
	#8c8c8c - grey light 2
	#737373 - grey medium light
	#4d4d4d - grey dark
	
	#ffe0cc - orange light
	#e65c00 - orange medium
	#cc5200 - orange dark
	
	#db5757 - red light
	#bd2828 - red
	
	#f0f9f2 - green super light
	#d8ebda - green light
	#bcdcbf - green light 2
	#abd3af - green light 3
	#77cc56 - green olive
	#00dd66 - green neon
	#27b04d - green
	#408048 - green grey dark
	#375e27 - green dark
	
	#f9eab7 - yellow canary super light
	#f1e2b1 - yellow canary light
	#e6d7a8 - yellow canary light 2
	#bbaf89 - yellow grey dark
	
	#ccecff - blue royal light
	#80d0ff - blue royal light 2
	#0097f1 - blue royal
	#4286ae - blue royal grey
	#316481 - blue royal grey darker
	blue	- blue
*/
:root {
	--portal-brand: #1b4332;
	--portal-brand-hover: #2d6a4f;
}

body {
	background: #f8fafc;
}

.deskPanelHeader:hover {
	color: var(--portal-brand-hover);
}

.header_01 {
	color: var(--portal-brand);
}

.loading_01 {
	color: #bcdcbf;
}

#toolResults .col-md-6 {
	border-color: #cbd5e1;
	border-bottom-color: #cbd5e1;
}

#deskPanelMenu .deskPanelArea {
	background-color: #ffffff;
	border: 1px solid #e2e8f0 !important;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

#deskPanelMenu .logo {
	color: var(--portal-brand);
}

#deskPanelMenu .menuItem {
	color: var(--portal-brand);
}

#aboutMenu .areaHeader {
	background-color: var(--portal-brand);
	border-color: var(--portal-brand) !important;
	border-radius: 12px 12px 0 0;
}

#aboutMenu .areaHeader .logo {
	color: #ffffff;
}

#aboutMenu .areaBody {
	border-left-color: var(--portal-brand) !important;
	border-right-color: var(--portal-brand) !important;
}

#aboutMenu .areaFooter {
	background-color: var(--portal-brand);
	border-color: var(--portal-brand) !important;
	border-radius: 0 0 12px 12px;
}

#aboutMenu .areaFooter a {
	color: #ffffff;
}

#aboutMenu .areaFooter a:hover {
	color: #f1f5f9;
}


#aboutMenu .areaFooter div {
	display:inline-block;
	color:#7a7259;
}

#ToolHelp {
	border-color: #f9eab7;
	background: #f9eab7;
}

.toolResults_BodyHeader {
	background: #77cc56;
}

.toolResultsItem {
	border-color: #bcdcbf;
	border-top-color: #77cc56;
	background: #f0f9f2;
}

#IdentifyResultsPanel table {
	border-color: #bcdcbf;
	border-top-color: #77cc56;
}

#IdentifyResultsPanel table tr td {
	border-left-color: #bcdcbf;
}

/* RESULTS: Prev/Next */
.toolResults_tableItem {
	border-color:  #bcdcbf;
	border-top-color: #77cc56;
	background: #f0f9f2;
}

.toolResults_Item {
	border-bottom-color: #77cc56;
}

.toolResults_Item .title {
	color: #27b04d;
}

/* RESULTS: Vertical */
.toolResults {
	margin-top: 6px !important;
	padding: 6px !important;
	background: #f8fafc !important;
	border-radius: 6px !important;
	border: 1px solid #cbd5e1 !important;
}

.toolResultsCount {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	text-align: center !important;
	margin-bottom: 6px !important;
}

.summaryResultsHeader {
	display: none !important;
}

.toolResultsContentItem {
	margin-bottom: 6px !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	overflow: hidden !important;
}

.toolResultsContentItem:hover {
	border-color: #0284c7 !important;
}

.itemHeader {
	display: flex !important;
	align-items: center !important;
	padding: 6px 10px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	cursor: pointer !important;
	user-select: none !important;
	border-bottom: 1px solid transparent !important;
}

.itemHeader:hover {
	background: #f1f5f9 !important;
}

.itemHeader.active {
	background: #f0f9ff !important;
	border-bottom-color: #e0f2fe !important;
	color: #0f172a !important;
}

.itemIcon,
.itemIcon i,
.itemIcon svg,
.itemIcon .fa-minus-square,
.itemIcon .fa-plus-square {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 16px !important;
	height: 16px !important;
	margin-right: 8px !important;
	color: #0f172a !important;
	font-size: 13px !important;
	flex-shrink: 0 !important;
}

.itemHeader.active .itemIcon,
.itemHeader.active .itemIcon i,
.itemHeader.active .itemIcon svg,
.itemHeader.active .itemIcon .fa-minus-square,
.itemHeader.active .itemIcon .fa-plus-square {
	color: #0f172a !important;
}


.itemIcon::before,
.itemIcon::after {
	content: none !important;
}


.itemTitleWrap {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	flex-grow: 1 !important;
	min-width: 0 !important;
}

.itemTitle {
	font-weight: 700 !important;
	font-size: 11.5px !important;
	color: #0f172a !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.itemSubtitle {
	font-weight: 500 !important;
	font-size: 10.5px !important;
	color: #64748b !important;
	line-height: 1.1 !important;
	margin-top: 1px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.itemBody {
	padding: 2px 8px 6px 8px !important;
	background: #ffffff !important;
}

.toolResults_Row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 3px 2px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	font-size: 11px !important;
	line-height: 1.3 !important;
}

.toolResults_Row:last-child {
	border-bottom: none !important;
}

.toolResults_Row .attr_label {
	font-weight: 600 !important;
	color: #475569 !important;
	margin-right: 6px !important;
	white-space: nowrap !important;
	font-size: 11px !important;
}

.toolResults_Row .attr_value {
	font-weight: 500 !important;
	color: #0f172a !important;
	text-align: right !important;
	word-break: break-word !important;
	font-size: 11px !important;
}

/* Modern Flat Sleek Buttons */
.btn {
	border-radius: 6px !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	transition: all 0.15s ease-in-out !important;
	border: 1px solid transparent !important;
}

.btn-primary {
	background: #0284c7 !important;
	color: #ffffff !important;
	border-color: #0284c7 !important;
	box-shadow: 0 1px 2px rgba(2, 132, 199, 0.2) !important;
}

.btn-primary:hover, .btn-primary:focus {
	background: #0369a1 !important;
	border-color: #0369a1 !important;
	box-shadow: 0 2px 4px rgba(2, 132, 199, 0.3) !important;
}

.btn-secondary, .btn-default {
	background: #ffffff !important;
	color: #334155 !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-default:hover, .btn-default:focus {
	background: #f8fafc !important;
	color: #0f172a !important;
	border-color: #94a3b8 !important;
}

.btn-primary:active, .btn-primary.active,
.btn-secondary:active, .btn-secondary.active,
.btn-warning:active, .btn-warning.active {
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}



/* ---- */

.tools_header {
	color: #0097f1;
	border-top-color: #0097f1;
}

.options_header {
	color: #0097f1;
	border-top-color: #0097f1;
}

.route_header {
	border-top-color: #0097f1;
	color: #0097f1;
}

.results_header {
	color: #0097f1;
	border-top-color: #0097f1;
}

.routing_stop_marker {
	color: #408048;
}

#labels_chk {
	color: #375e27;
}

.layerMetadataName {
	background-color: #f9eab7;
	border-color: #e5e5e5;
	border-bottom-color: #e5e5e5 !important;
}

.interactiveLayerIcon {
	color: #0097f1;
}

.metadatabutton {
	color: #27b04d;
}

/* ALERTS */
.alertLoadingArea .inner {
	background: #4286ae;
	border-color: #316481;
}

.alertLoadingArea .arrow {
	color: #152b37;
}

.alertErrorArea .inner {
	background: #db5757;
	border-color: #bd2828;
}

.alertTipArea .inner {
	background: #ffe0cc;
	border-color: #e65c00;
}

.alertTipArea .icon {
	color: #e65c00;
}

.alertTipArea .close a {
	color: #e65c00;
}

/* Warning popup */
.ui-dialog-titlebar {
	background-color: #d8ebda !important;
	border-color: #abd3af !important;
}

/* LAYER LIST */
.layerList_parent:hover {
	background: #d8ebda;
}

/***********************
  CUSTOM BTN VALUES
************************/
.btn-primary {
	background: #0099cc;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
	background: #007299;
}

.btn-warning {
	background: #ffcc00;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	background: #ffcc00;
}

/***********************
  RAISED BUTTONS
************************/
.btn-primary:active, .btn-primary.active {
	background: #33a6cc;
}

.btn-warning {
	box-shadow: 0 3px 0 0 #b38f00;
}

.btn-warning:active, .btn-warning.active {
	background: #ffcc00;
}

/* Login Form */
.loginWindow {
	background: #ccecff;
	border-color: #80d0ff;
}

#secureLoginError {
	background: #bd2828;
}

/* Main Tools */
.mainTools {
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.mainTools .toolMainBtn {
	color: var(--portal-brand);
}

.mainTools .disabled {
	color: #cbd5e1;
}

.mainTools .active {
	background: var(--portal-brand);
	color: #fff;
}

	background: #abd3af;
}

#mainToolsOptions {
	background: #f0f9f2;
	border-color: #abd3af;
}

.dijitTooltipContainer { 
	background: #0097f1 !important; 
}

.dijitTooltipContents div p {
	color:#fff;
}