/* Bootstrap-ish css */

.email-panel h4 {
	margin:.1em 0;
}
.email-panel > div {
	padding:.25em 0;
	text-align:right;
}
.email-panel .loading-icon {
	
	vertical-align:middle;
	display:inline-block;
}
.btn-blue {
	background-color:#69c;
}
.btn-blue:hover {
	background-color:#369;
}
.tut-headers {
	margin-top:0;
}
.tut-headers-sm-mar {
	margin-top:.5;
}
.tut-btns {
	display:inline-block;
	width:25%;
	padding:1em 3em;
}
.flex-cont {
	display:flex;
	height:100%;
	align-items:stretch;
}
.side-bar {
	flex: 30%;
	min-width:250px;
	max-width:300px;
	padding:1em;
}
.tutorial-section {
	flex: 70%;
	padding-right:.5em;
	padding-top:.5em;
}

@media screen and (max-width: 500px) /* Mobile */ {

	.flex-cont {
		display:block;
		height:100%;
		flex:unset;
	}
	.side-bar {
		width:100%;
		display:block;
		flex:unset;
	min-width:unset;
	max-width:unset;
	}
	.tutorial-section {
		width:100%;
		display:block;
		flex:unset;
	}
}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.btn-email-panel {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #47a447;
    border-color: #398439;
    color: #fff;
}
.btn-failed {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-failed:hover, .btn-failed:focus, .btn-failed:active, .btn-failed.active, .open .dropdown-toggle.btn-failed {
    background-color: #d2322d;
    border-color: #ac2925;
    color: #fff;
}

/* TEMPORARY OVERRIDES */
.hazard-select-nav .nav-item:nth-child(n+6) {
	background-image: url(../img/icon_hazard-flood-layers-off.svg);
	background-size: 48px 48px;
}

/* remove block display from select in hazard list */
.hazard-dd {
	display:inline-block;
	vertical-align:middle;
}
#hazardLayersList, .hazard-opacity {
	width:492px;
}

/* Subhazards */
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-spring {
	background-image: url(../img/icon-spring-off.svg);
	background-size: 48px 48px;
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-spring:hover, nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-spring.active {
	background-image: url(../img/icon-spring-on.svg);
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-summer {
	background-image: url(../img/icon-summer-off.svg);
	background-size: 48px 48px;
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-summer:hover, nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-summer.active {
	background-image: url(../img/icon-summer-on.svg);
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-fall {
	background-image: url(../img/icon-fall-off.svg);
	background-size: 48px 48px;
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-fall:hover, nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-fall.active {
	background-image: url(../img/icon-fall-on.svg);
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-winter {
	background-image: url(../img/icon-winter-off.svg);
	background-size: 48px 48px;
}
nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-winter:hover, nav.hazard-sub-set-2.hazard-select-nav > button.hazard-bkrnd-winter.active {
	background-image: url(../img/icon-winter-on.svg);
}

/* Extra padding for hazard sets */
.expand-selection-hazard-1 {
	height:101px;
}
.expand-selection-hazard-2 {
	height:165px;
}
/* I don't think I go beyond 2*/
.expand-selection-hazard-3 {
	height:200px;
}
.expand-selection-hazard-4 {
	height:250px;
}
.expand-selection-hazard-max {
	height:300px;
}
/* opacity bar shifter */
.expand-selection-opacity-1 {
	top:161px;
} 
.expand-selection-opacity-2 {
	top:225px;
} 
/* I don't think I go beyond 2*/
.expand-selection-opacity-3 {
	top:260px;
} 
.expand-selection-opacity-4 {
	top:310px;
} 
.expand-selection-opacity-max {
	top:360px;
} 

/* hazard icons */
.hazard-select-nav .nav-item:nth-child(1) {
 background-image:url(../img/icon_hazard-no-layers-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(1).active,.hazard-select-nav .nav-item:nth-child(1):hover {
 background-image:url(../img/icon_hazard-no-layers.svg);
 opacity:1
}
.hazard-select-nav .nav-item:nth-child(2) {
 background-image:url(../img/icon_hazard-flood-layers-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(2).active,.hazard-select-nav .nav-item:nth-child(2):hover {
 background-image:url(../img/icon_hazard-flood-layers.svg);
 opacity:1
}
.hazard-select-nav .nav-item:nth-child(3) {
 background-image:url(../img/icon_hazard-shallow-coastal-flooding-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(3).active,.hazard-select-nav .nav-item:nth-child(3):hover {
 background-image:url(../img/icon_hazard-shallow-coastal-flooding.svg);
 opacity:1
}
.hazard-select-nav .nav-item:nth-child(4) {
 background-image:url(../img/icon_hazard-fema-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(4).active,.hazard-select-nav .nav-item:nth-child(4):hover {
 background-image:url(../img/icon_hazard-fema.svg);
 opacity:1
}
.hazard-select-nav .nav-item:nth-child(5) {
 background-image:url(../img/icon_hazard-storm-surge-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(5).active,.hazard-select-nav .nav-item:nth-child(5):hover {
 background-image:url(../img/icon_hazard-storm-surge.svg);
 opacity:1
}
.hazard-select-nav .nav-item:nth-child(6) {
 background-image:url(../img/icon_hazard-sea-level-rise-off.svg);
 opacity:.7
}
.hazard-select-nav .nav-item:nth-child(6).active,.hazard-select-nav .nav-item:nth-child(6):hover {
 background-image:url(../img/icon_hazard-sea-level-rise.svg);
 opacity:1
}



a.mun-profile {
	color:white;
	text-decoration:none;	
	background-color:#35668c;
	border:0;
	display:block;
	padding: .5em;
font-size: large;
}
a.mun-profile:hover {
	background-color:#0091cd;
}


.btn-season {
	color:white;
	text-decoration:none;	
	background-color:#35668c;
	border:0;
	padding: .5em;
}
.btn-season:hover {
	background-color:#0091cd;
}
.btn-season[disabled] {
	background-color:gray;
}




/*
.media-list-item:nth-child(6) .add-one.arrow-left{top:24px}
.media-list-item:nth-child(7) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(8) .add-one.arrow-left{top:126px}
.media-list-item:nth-child(9) .add-one.arrow-left{top:177px}
.media-list-item:nth-child(10) .add-one.arrow-left{top:228px}



.media-list-item:nth-child(1) .add-one.arrow-left{top:24px}
.media-list-item:nth-child(2) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(3) .add-one.arrow-left{top:126px}
.media-list-item:nth-child(4) .add-one.arrow-left{top:177px}
.media-list-item:nth-child(5) .add-one.arrow-left{top:228px}


*/
.dropdown.dropdown-right {
	top:106px;
}


.media-list-item .arrow-left {
	display:none !important;
}

.media-list-item .arrow-left{top:0px}
.media-list-item:nth-child(2) .arrow-left{top:0}
.media-list-item:nth-child(3) .arrow-left{top:0}
.media-list-item:nth-child(4) .arrow-left{top:0}
.media-list-item:nth-child(5) .arrow-left{top:0}
.media-list-item:nth-child(6) .arrow-left{top:0}
.media-list-item:nth-child(7) .arrow-left{top:0}
.media-list-item:nth-child(8) .arrow-left{top:0}
.media-list-item:nth-child(9) .arrow-left{top:55px}
.media-list-item:nth-child(10) .arrow-left{top:106px}
.media-list-item:nth-child(11) .arrow-left{top:157px}
.media-list-item:nth-child(12) .arrow-left{top:208px}
.media-list-item:nth-child(13) .arrow-left{top:259px}
.media-list-item:nth-child(14) .arrow-left{top:300px}
.media-list-item:nth-child(15) .arrow-left{top:351px}
.media-list-item:nth-child(16) .arrow-left{top:402px}
.media-list-item:nth-child(17) .arrow-left{top:453px}
.media-list-item:nth-child(18) .arrow-left{top:504px}

.media-list-item:nth-child(3) .add-one.arrow-left{top:0}
.media-list-item:nth-child(6) .add-one.arrow-left{top:0}
.media-list-item:nth-child(7) .add-one.arrow-left{top:55px}
.media-list-item:nth-child(8) .add-one.arrow-left{top:55px}
.media-list-item:nth-child(9) .add-one.arrow-left{top:106px}
.media-list-item:nth-child(10) .add-one.arrow-left{top:157px}
.media-list-item:nth-child(11) .add-one.arrow-left{top:208px}
.media-list-item:nth-child(12) .add-one.arrow-left{top:259px}
.media-list-item:nth-child(13) .add-one.arrow-left{top:300px}
.media-list-item:nth-child(14) .add-one.arrow-left{top:351px}
.media-list-item:nth-child(15) .add-one.arrow-left{top:402px}
.media-list-item:nth-child(16) .add-one.arrow-left{top:453px}
.media-list-item:nth-child(17) .add-one.arrow-left{top:504px}
.media-list-item:nth-child(18) .add-one.arrow-left{top:555px}
.media-list-item:nth-child(19) .add-one.arrow-left{top:636px}




.media-list-item .add-two.arrow-left{top:0px}
.media-list-item:nth-child(2) .add-two.arrow-left{top:0}
.media-list-item:nth-child(3) .add-two.arrow-left{top:55px}

.media-list-item:nth-child(4) .add-two.arrow-left{top:106px}

.media-list-item:nth-child(7) .add-two.arrow-left{top:106px}
.media-list-item:nth-child(8) .add-two.arrow-left{top:157px}
.media-list-item:nth-child(9) .add-two.arrow-left{top:208px}
.media-list-item:nth-child(10) .add-two.arrow-left{top:259px}
.media-list-item:nth-child(11) .add-two.arrow-left{top:300px}
.media-list-item:nth-child(12) .add-two.arrow-left{top:351px}
.media-list-item:nth-child(13) .add-two.arrow-left{top:402px}
.media-list-item:nth-child(14) .add-two.arrow-left{top:453px}
.media-list-item:nth-child(15) .add-two.arrow-left{top:504px}
.media-list-item:nth-child(16) .add-two.arrow-left{top:555px}
.media-list-item:nth-child(17) .add-two.arrow-left{top:636px}
.media-list-item:nth-child(18) .add-two.arrow-left{top:687px}


/*
.media-list-item .add-two.arrow-left{top:0px}
.media-list-item:nth-child(2) .add-two.arrow-left{top:0}
.media-list-item:nth-child(3) .add-two.arrow-left{top:55px}

.media-list-item:nth-child(6) .add-two.arrow-left{top:106px}
.media-list-item:nth-child(7) .add-two.arrow-left{top:157px}
.media-list-item:nth-child(8) .add-two.arrow-left{top:208px}
.media-list-item:nth-child(9) .add-two.arrow-left{top:259px}
.media-list-item:nth-child(10) .add-two.arrow-left{top:300px}
.media-list-item:nth-child(11) .add-two.arrow-left{top:351px}
.media-list-item:nth-child(12) .add-two.arrow-left{top:402px}
.media-list-item:nth-child(13) .add-two.arrow-left{top:453px}
.media-list-item:nth-child(14) .add-two.arrow-left{top:504px}
.media-list-item:nth-child(15) .add-two.arrow-left{top:555px}
*/






















/*
.media-list-item .arrow-left{top:24px}
.media-list-item:nth-child(2) .arrow-left{top:24px}
.media-list-item:nth-child(3) .arrow-left{top:24px}
.media-list-item:nth-child(4) .arrow-left{top:24px}
.media-list-item:nth-child(5) .arrow-left{top:24px}
.media-list-item:nth-child(6) .arrow-left{top:24px}
.media-list-item:nth-child(7) .arrow-left{top:75px}
.media-list-item:nth-child(8) .arrow-left{top:126px}
.media-list-item:nth-child(9) .arrow-left{top:177px}
.media-list-item:nth-child(10) .arrow-left{top:228px}
.media-list-item:nth-child(11) .arrow-left{top:279px}
.media-list-item:nth-child(12) .arrow-left{top:330px}
.media-list-item:nth-child(13) .arrow-left{top:381px}
.media-list-item:nth-child(14) .arrow-left{top:432px}
.media-list-item:nth-child(15) .arrow-left{top:483px}
.media-list-item:nth-child(16) .arrow-left{top:534px}
.media-list-item:nth-child(17) .arrow-left{top:585px}


.media-list-item .add-one.arrow-left{top:24px}
.media-list-item:nth-child(2) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(3) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(4) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(5) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(6) .add-one.arrow-left{top:75px}
.media-list-item:nth-child(7) .add-one.arrow-left{top:126px}
.media-list-item:nth-child(8) .add-one.arrow-left{top:177px}
.media-list-item:nth-child(9) .add-one.arrow-left{top:228px}
.media-list-item:nth-child(10) .add-one.arrow-left{top:279px}
.media-list-item:nth-child(11) .add-one.arrow-left{top:330px}
.media-list-item:nth-child(12) .add-one.arrow-left{top:381px}
.media-list-item:nth-child(13) .add-one.arrow-left{top:432px}
.media-list-item:nth-child(14) .add-one.arrow-left{top:483px}
.media-list-item:nth-child(15) .add-one.arrow-left{top:534px}
.media-list-item:nth-child(16) .add-one.arrow-left{top:585px}
.media-list-item:nth-child(17) .add-one.arrow-left{top:636px}


.media-list-item .add-two.arrow-left{top:24px}
.media-list-item:nth-child(2) .add-two.arrow-left{top:75px}
.media-list-item:nth-child(3) .add-two.arrow-left{top:75px}
.media-list-item:nth-child(4) .add-two.arrow-left{top:75px}
.media-list-item:nth-child(5) .add-two.arrow-left{top:75px}
.media-list-item:nth-child(6) .add-two.arrow-left{top:126px}
.media-list-item:nth-child(7) .add-two.arrow-left{top:177px}
.media-list-item:nth-child(8) .add-two.arrow-left{top:228px}
.media-list-item:nth-child(9) .add-two.arrow-left{top:279px}
.media-list-item:nth-child(10) .add-two.arrow-left{top:330px}
.media-list-item:nth-child(11) .add-two.arrow-left{top:381px}
.media-list-item:nth-child(12) .add-two.arrow-left{top:432px}
.media-list-item:nth-child(13) .add-two.arrow-left{top:483px}
.media-list-item:nth-child(14) .add-two.arrow-left{top:534px}
.media-list-item:nth-child(15) .add-two.arrow-left{top:585px}
.media-list-item:nth-child(16) .add-two.arrow-left{top:636px}
.media-list-item:nth-child(17) .add-two.arrow-left{top:687px}


.media-list-item .add-three.arrow-left{top:24px}
.media-list-item:nth-child(2) .add-three.arrow-left{top:75px}
.media-list-item:nth-child(3) .add-three.arrow-left{top:75px}
.media-list-item:nth-child(4) .add-three.arrow-left{top:75px}
.media-list-item:nth-child(5) .add-three.arrow-left{top:126px}
.media-list-item:nth-child(6) .add-three.arrow-left{top:177px}
.media-list-item:nth-child(7) .add-three.arrow-left{top:228px}
.media-list-item:nth-child(8) .add-three.arrow-left{top:279px}
.media-list-item:nth-child(9) .add-three.arrow-left{top:330px}
.media-list-item:nth-child(10) .add-three.arrow-left{top:381px}
.media-list-item:nth-child(11) .add-three.arrow-left{top:432px}
.media-list-item:nth-child(12) .add-three.arrow-left{top:483px}
.media-list-item:nth-child(13) .add-three.arrow-left{top:534px}
.media-list-item:nth-child(14) .add-three.arrow-left{top:585px}
.media-list-item:nth-child(15) .add-three.arrow-left{top:636px}
.media-list-item:nth-child(16) .add-three.arrow-left{top:687px}
.media-list-item:nth-child(17) .add-three.arrow-left{top:738px}
*/
.legend-panel ul li img.no-float {
	float:none;
	width: unset;
	height: unset;
	position:static;
}

.col {
	display:inline-block;
	vertical-align:top;
	float:none;
	width:100%;
}

.profile-disc-container {
	padding:1em;
	vertical-align:top;
	display:inline-block;
	width:70%;
}
.profile-icon {
	margin:1em;
	vertical-align:middle;
	display:inline-block;
	width:160px;;
}
.profile-icon a.thumbnail {
	width:auto;
	height: 160px;
}

.noaa-brand img {
	width:auto;
	padding: 1em;
	max-width: 85px;
}

.profile-item .thumbnail img {
	height: 100%;
}
.profile-item .thumbnail {
	background: gray;
}
.profile-item:hover .thumbnail {
	background: lightgray;
}

#servicesLink {
	position:relative;
	bottom:0;
}
.side-panel{
	overflow:auto;
}


.map-controls.left-side {
	left:350px;
	right:auto;
}
@media screen and (max-width: 500px) /* Mobile */ {
	.map-controls.left-side {
		left:25px;
	}
}

.location-dropdown.dropdown-on-map  {
	margin-left: -105px;
	margin-top: .5em;
}
.media-list-item.media-on-map {
	padding:0;
	border:0;
	margin-top:.5em;
}



.page-set {
	display: none;
}
.page-set.current-page { 
	display: block;
}

.upper-banner {
	color:white;
	position:fixed;
	top:0;
	width:100%;
}

.lower-banner {
	color:white;
	position:fixed;
	bottom:0;
	width:100%;
}
.flex-div{
	display:flex;
}
.select-location {
	left: 350px;
	right: auto;
}
.small-margin{ 
	margin:.5em 0;
}
@media (max-width:720px) {
	.lower-banner,
	.upper-banner {
		position:static;
		text-align:center;
	}
	.flex-div{
		display:block;
	}
	.map-controls.shift-down {
		text-align:right;
		margin-top:4em;
	}
	.map-controls.shift-down .pull-left,
	.select-location .pull-left {
		float:none;
	}
	.select-location {
		left:auto;
		text-align: right;
		width:100%;
	}
}

.launch-bg{background-image:url(../img/IMG_1570.jpg) !important}
.popupMaxWidth {
	max-width:250px;
	
}
#rightClickContextMenu {
	border-radius:5px;
}
#rightClickContextMenu_contentDiv ul {
	margin:0 0 0 2em ;
	padding:0;
}


.paddingRemover {
	max-width: 70%;
	padding-top: 0;
	margin-top: .25rem;
}