.chart-wrapper {
	background-color: #595C79;
}

.chart {
width: 100%;
height: 300px;
}

.tick text {
fill: #fff;
}

.tick line {
stroke: rgba(196, 196, 196, 0.45);
}

.domain {
display: none;
stroke: #fff;
}

path.line {
stroke: rgba(221, 221, 221, 1);
stroke-width: 1px;
}

.legend {
display: flex;
align-items: center;
justify-content: flex-end;
color: #fff;
font-weight: 300;
padding: 15px 30px;
font-size: 14px;
}

.legend-item {
margin-left: 15px;
display: flex;
align-items: center;
}

.rect {
width: 12px;
height: 12px;
margin-right: 10px;
display: inline-block
}

.line {
display: inline-block;
width: 15px;
height: 2.5px;
border-radius: 3px;
background-color: rgba(50, 100, 215, 1);
border: 1px solid #fff;
margin-right: 10px;
}

.legend-item[data-value="dispositions"] .rect {
background-color: #E43A45;
}

.legend-item[data-value="filings"] .rect {
background-color: #F2C94C;
}

.legend-item[data-value="pending"] .rect {
background-color: #1BBC9B;
}    




.navbar-default {
	background-color: #182f58;
	border-color: #182f58;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #182f58;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #182f58;
}
.navbar-default .navbar-toggle {
	border-color: #182f58;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #182f58;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #ffffff;
}

#NumSheet {
	position: fixed;
	top: 44px;
	bottom: 0;
	left: 160px;
	z-index: 1;
	max-width: 100%;
	width: 600px;
	transform: translateX(-780px);
	transition: .3s ease-out;
}

#IntSheet {
	position: fixed;
	top: 44px;
	bottom: 0;
	left: 160px;
	z-index: 1;
	max-width: 100%;
	width: 600px;
	transform: translateX(-780px);
	transition: .3s ease-out;
}

#AgeSheet {
	position: fixed;
	top: 44px;
	bottom: 0;
	left: 160px;
	z-index: 1;
	max-width: 100%;
	width: 600px;
	transform: translateX(-780px);
	transition: .3s ease-out;
}

.clMrk {
	background:#89c3cd;color:white;font-size: 8px !important;position: absolute;top: 2px;left: 2px;
}
.SimContainer input, .SimContainer select {
	background-color: #efefef !important;color:black !important;text-align:center;    margin-bottom: 6px;
}
.SimContainer input[type=range],.sliderRangeInput {
	background:#4285F4;
}

.xmFrmWrap {display:block;}
.xmFrmWrap fieldset {
	border:1px solid #dadada;
	padding:3px;
	margin:2px;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	/* background:white; */
	flex:1;
	margin-bottom: 10px;
}
.xmFrmWrap legend {
	margin-bottom:3px;
	text-transform:uppercase;
	text-align:center;
	border-radius:5px;
	width:auto;
	background: #ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 5px;
	border: 0 !important;
	/* font-weight:bold; */
	/* border:1px solid #dadada; */
}

@media only screen and (max-width: 600px) {
	fieldset {
		display:block;
	}
	legend {
		display:none;
	}
	.xmFrmWrap {
		display:block;
	}
}

.SimContainer {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 180px 1fr;
  }
  @media (max-width: 500px) {
	.SimContainer {
	  grid-template-columns: 1fr;
	  max-width:100%;
	}
  }


  .xmTip {
	border-bottom:1px dashed #336699;
	cursor:pointer;
}

.counterPod {
	position:relative;
	border: 1px solid #dadada;
	border-radius:5px;
	padding:10px;
}
.counterPod .cpTitle {
	font-size:11px;
	color:#e0e0e0;
	font-weight:bold;
	position:absolute;
	white-space:nowrap;
	text-overflow: ellipsis;
	text-align:right;
	bottom:10px;
	right:10px;
}
.counterPod .cpValue {
	font-size:24px;
	font-weight:bold;
	text-align:right;
}
.counterPod .cpIcon {
	font-size:28px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	top:10px;
	left:10px;
}