/* --------------- Map --------------- */
.mapcontain {
    position: relative;
    height: 0;
    padding-bottom: 60%;
    margin-bottom: 1.5em;
    overflow: hidden;
	background-color: #fff;
}
.mapcontain svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
svg {
	z-index: 0 !important;
}
.inst {
	position: relative;
	margin-top:50px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	z-index: 10;
}

#reg1 {
	fill: #d4dded;
	}
#reg2 {
	fill:#d4dded;
}
#reg3 {
	fill: #d4dded;
}
#reg4 {
	fill: #d4dded;
}
#reg5 {
	fill: #d4dded;
}
#reg6 {
	fill: #d4dded;
}
#reg7 {
	fill: #d4dded;
}
#reg8 {
	fill: #d4dded
}
#reg9 {
	fill:#d4dded;
}
#reg10 {
	fill:#d4dded;
}
#map .state:hover, #intl .state:hover {
	fill:#ff9a00;
}

#intl a {
	text-decoration:none;
}

.popover {
	max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

.popover-content {
	max-width:600px;
	min-width:300px;
	max-height:400px;
	height:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

#safeSound > .accordion-inner {
	overflow:auto;
	background-color:#fff;
}

.events, .parts, .intparts, .intevents, .training {
	display:none;
}
.event {
	background-color:#eee;
	border-radius:5px;
	/* max-width:550px; */
	padding:10px;
	margin-top:0.5em;
}
.event .desc a {
	word-wrap: break-word;
}
.evname {
	font-weight:bold;
}

.participant {
	border-bottom:1px solid #000;
}
.public-inset {
	display:none;
}

.eventdot {
	visibility: hidden;
}
.eventdot .bands {
	visibility: hidden;
	 stroke: #223C60;
	 stroke-width: 4;
	 stroke-miterlimit: 10;
}
.eventdot .disc {
	 fill: #223C60;
	 opacity: 1.0;
}
.bluedot .bands {
	stroke: #3232ff;
	stroke-width: 4;
	stroke-miterlimit: 10;
}
.bluedot .disc {
	fill: #3232ff;
}
.reddot .bands {
	stroke: #007345;
	stroke-width: 4;
	stroke-miterlimit: 10;
}
.reddot .disc {
	fill: #007345;
}
text {
	font-family: sans-serif;
	fill: #000000;
}
#map text,
.eventdot text {
	font-weight: bold;
}
text.numb {
	font-size: 16px;
	text-anchor: middle;
	fill:#ffffff;
}
.bluedot text.numb,
.reddot text.numb {
	fill: #ffffff;
}

text.totalnumb {
	font-size: 24px;
	font-weight: bold;
	text-anchor: middle;
	fill:#51555B;
}

#nationwideEvents a {
	text-decoration: none;
}
#nationwideEvents .disc {
	 fill: #223C60;
	 opacity: 1.0;
	 stroke: #cccccc;
	 stroke-width: 1;
}
#nationwideEvents .bluedot .disc {
	fill: #0000ff;
}
#nationwideEvents .reddot .disc {
	fill: #ff0000;
}