.md-skin .navbar-fixed-top, .md-skin .navbar-static-top{
	/*background-color: #386735!important;*/
}

/* bootstrap-combobox.css */
@media (min-width: 768px) {
  .form-search .combobox-container,
  .form-inline .combobox-container {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
  }
  .form-search .combobox-container .input-group-addon,
  .form-inline .combobox-container .input-group-addon {
    width: auto;
  }
}
.combobox-selected .fa-chevron-down {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .fa-times {
  display: none;
}
.typeahead-long {
  /*max-height: 300px;*/
  overflow-y: auto;
}

.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}


/* https://playbook.cio.gov/designstandards/visual-style */
.dark-primary-color    { color: rgba(32, 84, 147, 1); }
.dark-primary-color-bg { background: rgba(32, 84, 147, 1); }
.default-primary-color { color: rgba(32, 84, 147, 1); }
.default-primary-color-bg { background: rgba(32, 84, 147, 1)!important; }
.light-primary-color   { color: #B2DFDB; }
.light-primary-color-bg   { background: #B2DFDB; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { color: rgba(3,169,244 ,1) } /* Light Blue 500 */
.accent-color-bg       { background: rgba(3,169,244 ,1) } /* Light Blue 500 */
.accent-secondary-color{ background: #D50000; }
.accent-secondary-color-bg { background: #D50000; }
.primary-text-color    { color: #212121; }
.primary-text-color-bg    { color: #212121; }
.secondary-text-color  { color: #727272; }
.secondary-text-color-bg  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }


html{
	/* Always display scroll bar to prevent centering jumps for content with/without scroll */
	overflow-y: scroll;
}
html, body{
	height:100%;
	max-height: 100%;
}
body
{	background-color: #dce4ef;
	color: rgba(33, 33, 33, .87);
	-ms-overflow-style: scrollbar; /* Always display scrollbar on IE. Fixes IE transparent scrollbar that overlaps gutter/content */
}
p, body{
	font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', serif;
}
h1:focus{
	outline:0;
}
p, table, ul, ol{
	font-size: 16px;	
}
h1, .h1{
	color: rgba(37, 102, 181, 1);
	font-size: 30px;
	font-weight: 400;
}
h2, .h2{
	color: rgba(37, 102, 181, 1);
	font-size: 24px;
	font-weight: 400;
}
h3, .h3{
	font-size: 17px;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6{
	font-weight: 700;
	color: rgba(33, 33, 33, .87);
}
p, ul, span, {
	color: rgba(114, 114, 114, .54);
}
a{
	color: rgba(37, 102, 181, 1);
}
a:hover, a:active {
    color: #205493;
    text-decoration: underline; 
}
.ibox-content a:visited {
	color: #4c2c92; 
}

a:focus {
	box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
	outline: 0; 
}


.text-muted{
	color:#595959;
}
.container{
	overflow-x: hidden;
}
@media (min-width: 1200px) {
    .container {
        width:1200px;
    }
}


a .fa-twitter, a:visited .fa-twitter{
	color: #55acee;
}
a .fa-instagram, a:visited .fa-instagram{
	/*color: #A1755C;*/
	/* new brand color as of 2016? */
	color: #517fa4;
}

a .fa-facebook-official, a:visited .fa-facebook-official{
	color: #3b5998;
}
a .fa-filie-pdf-o, a:visited .fa-filie-pdf-o, .fa-file-pdf-o{
	color: #de0b0b;
}

.fa-share-alt{
	color: #777;
}
.media-unit-info{
	text-align: right;	
}
.incident-info .media-unit-info .fa{
	margin-top: 0;
	margin-right: 0;
}
.incident-info .media-unit-info img + a > .fa{
	margin-top: 5px;
}

.container.ibox, .container-fluid.ibox{
	background-color: #FFF;
}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
/* Fix box shadow on iboxes that are merged, offsets 3rd box shadow y-height */
.ibox.mb0 + .ibox{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.12);
}

.ibox-title {
    background-color: #ffffff;
    color: inherit;
    margin-bottom: 0;
    /*padding: 14px 15px 7px;*/
    min-height: 48px;
}
.ibox-title h2, .ibox-title h3, .ibox-title .h2, .ibox-title .h3{
	display: inline-block;
	float: left;
	margin-bottom: 0px;
	margin-top: 5px;
	color: rgba(37, 102, 181, 1);
	font-weight: normal;
}/*
.ibox-secondary .ibox-title h2{
	font-size: 17px;
}*/
.ibox-content{
	clear: both;
    background-color: #ffffff;
    color: inherit;
    padding: 0px 20px 15px 20px;
}
.ibox-content img{
	max-width: 100%;
}
.ibox-static > .ibox-content{
	min-height: 300px;
}
.ibox-content-no-title{
	padding-top: 20px;
}

.ibox-nav{
	margin: 0;
}
.ibox-nav-secondary{
	background-color: #FFF;	
}

.ibox-incident{
	margin-top:0px;
}
.ibox-alert, .ibox-static{
	margin-top: 25px;
}
@media (max-width: 767px) {
	.ibox-static{
		margin-top: 0px;
	}
}

.ibox-alert .fa-thumb-tack{
	color: #BDBDBD;
}
.ibox-alert .feed-articles{
	/*margin-top: 20px;*/
}
.ibox-alert h2{
	
}
@media(min-width: 767px)
{
	.ibox-tools{
		display: none;
	}
	.ibox-incident{
		margin-top: 25px;
	}
}

.ibox-title {
	display: table;
	width: 100%;
	padding: 15px 20px;
}
.ibox-title h2{
	display: table-cell;
}
.ibox-tools{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	text-align: right;
	padding-right: 10px;
	float: right;
	color: rgba(37, 102, 181, 1);
}
.ibox-title small{
    display: block;
    clear: both;
    padding-top: 5px;
}

.navbar-static-top{
	margin:0 auto;
	max-width: 1200px;
	box-shadow: none!important;
}

.navbar-secondary{
	border: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

.navbar-secondary ul, .navbar-footer ul{
	font-size: 14px;
}
/*.navbar-search input{
	width: 300px;
}
*/

@media only screen { 
	.nav>li>a:focus, .nav>li>a:hover{
		background-color: rgba(37, 102, 181, 1);
	}
}

@media only screen and (min-width : 768px) { 
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 10px;
		border-bottom: 5px solid; 
		border-color: #205493;
	}
	.nav>li>a:focus, .nav>li>a:hover{
		border-color: rgba(3,169,244 ,1);
		background-color: rgb(32, 84, 147);
	}
	.nav > li.active{
		background-color: rgb(32, 84, 147);
	}
	.nav > li.active > a{
		border-color: rgba(3,169,244 ,1);
	}
	.nav > li > a, .nav > li > a:visited, .nav > li.active > a{
		color: #FFFFFF;
	}
}


.nav > li.active {
	/*border-bottom: 4px solid #02BFE7;*/
	border-left: none;
}


#page-wrapper.fluid-bg{
	min-height: 0;
}
#wrapper.fluid-bg{
	/*box-shadow: none!important;*/
}
#wrapper{
	max-width: none!important;
}


.navbar-header img{
	margin:5px 0px 0px 10px;
}

/* mobile hamburger nav */

.navbar-minimalize {
	position: absolute;
	right: 0;
	margin-right: 0px;
    padding: 5px 12px;
	background-color: rgba(3,169,244 ,1);
    border-color: rgba(3,169,244 ,1);
    margin-top:15px;
}
a.navbar-minimalize:visited{
	color: #FFF;
}

/* Combobox search */
.navbar-search{
	margin-top:15px;
	clear: both;
	margin-bottom: 5px;
	padding-top:3px;
}
.navbar-search .form-control{
	background-color: #FFF;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	height: 30px;
}
.navbar-search input{
    color: rgba(33, 33, 33, 0.870588);
	line-height: normal;
}
.navbar-search input::-ms-clear {
	display: none; width:0; height:0;
} /* hide "X" clear input field IE */
.navbar-search .input-group-addon
{
	background-color: #fff;
	border:none;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.navbar-search .input-group-addon .fa{
	color: rgba(37, 102, 181, 1);
}
.navbar-search .input-group-addon .fa-times{
	width: 14px;
}
.navbar-search select{
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -o-appearance: none;
	  -appearance: none;
}
.navbar-search select::-ms-expand {
    display: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
{
	background-color: rgba(37, 102, 181, 1);

}

.legend-anchor {
    font-size: 16px;
    font-weight: bold;
	position: absolute;
	left: 5px;
	bottom: 5px;
	z-index: 30;
	color: #666666;
	line-height: 15px;
	padding: 0 4px;
	white-space: nowrap;
	background: rgba(255,255,255,0.7);
}
.legend-anchor li{
	font-size: 12px;
}
.legend-anchor ul.dropdown-menu{
	padding-left: 5px;
}

@media(min-width: 320px)
{	
	.navbar-search{
		width: 100%;		
	}
	.navbar-search input{
		width: 100%;
		margin-right:20px;
   		margin: 0 auto;
	}    
}
@media only screen and (min-width : 480px) {
	.navbar-search{
	    width:200px;
	    padding-top:0;
	    clear: none;
	    float: right;
		margin-right: 55px;
	}
	.nav-title{
		padding-bottom:5px;
	}
	.navbar-search input{
		width: 100%;
   		margin: 0 auto;
	}
}
@media only screen and (min-width : 768px) {
	.navbar-search{
		float: right;
		width: 280px;
		margin-right:0;
	}
}

.navbar-header{
	width: 100%;
}
.nav-title{
	float: left;
}

@media only screen and (min-width : 768px) {
	.navbar-minimalize{
		display: none;
	}
}
/* hide secondary incident navbar above tablet */
@media (max-width: 767px) {
	.navbar-secondary{
		display: none;
	}

		/* Hide footer nav on mobile */
	.navbar-footer > ul.nav{
		display: none;
	}
}



/* Mobile Nav */
@media (min-width: 768px) {
	#mm-incident-menu{
		display: none !important;
	}
}

/* for map full screen CSS */
.mmwrap, .mm-page{
	height: 100%!important;
	min-height: 100%!important; 
}
#mobileMenuWrap #mobileMenu{
	display: none;
} 


.mm-menu.mm-mm-opened{
	z-index: 3000 !important;
}
.mm-btn:after,.mm-btn:before { /* fixes Close "X" mmenu symbol being overridden by bootstrap */
	box-sizing: content-box;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{ /* mmenu title color */
	color: rgba(0,0,0,.7);
}
.mm-listview>li>a, .mm-listview>li>span{
	color: rgba(0,0,0,.7);
}

/* hover for items with children */
a.mm-next.mm-fullsubopen:hover, a.mm-next.mm-fullsubopen:focus{
	background: none;
}
a.mm-next.mm-fullsubopen:hover + span, a.mm-next.mm-fullsubopen:focus + span{
	background-color: rgba(37, 102, 181, 1);
}


.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span{ /* Selected item highlight. TODO - test this when real links working */
	background-color: rgba(37, 102, 181, 1);
}

.mm-listview {
	font-size: 16px;
}
.mm-listview>li>a, .mm-listview>li>span{
	padding: 15px 10px 15px 20px;
}
.mm-menu .mm-listview>li a:hover, .mm-menu .mm-listview>li a:hover + span{
	color: #fff;
}

/* Prevent mmenu and bootstrap modal conflict */
.mm-slideout{
	z-index:auto;
}

body.modal-open {
    overflow: visible;
}
.pop:hover{
	cursor: pointer;
}

@media (min-width: 768px) {
	.modal-dialog {
		max-width: 1200px;
		width: 90%;
		margin: 50px auto;
	}

}
.modal-open{
	padding-right: 0px!important;
}
.modal .close{
	opacity: 1;
}
.modal .close span{
	font-size: 30px;
	color: rgb(32, 84, 147);
}


.modal button.close{
	padding-top: 10px;
	padding-right: 5px;
}

/* Welcome modal */
.modal-content .default-primary-color-bg{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.modal-welcome{
	padding-right: 0px !important;
	margin-right: 10px;
	margin-left: 10px;
}
.modal-welcome .logo{
	padding: 10px;
}
.modal-welcome .logo span{
	padding-top: 0px;
}
.modal-welcome .modal-dialog{
    margin: 2% auto;
}
.modal-welcome button.close{
	padding: 15px 10px;
}

@media screen and (min-width: 768px) { 
	.modal-welcome .modal-dialog{
	    margin: 10% auto;
	}
}


.map{
	position: relative;
	max-width: 100%;
	width: 100%;
	max-height: 280px;
	/*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
}
.full-screen-map{
	height:calc(100% - 91px);
	min-height:calc(100% - 91px);
}

@media only screen and (min-width : 320px) {
	.map{
		max-height: 280px;
	}

	.full-screen-map{
		height:calc(100% - 91px);
		min-height:calc(100% - 91px);
	}
}

@media only screen and (min-width : 480px) {
	.full-screen-map{
		height:calc(100% - 57px);
		min-height:calc(100% - 57px);
	}
}

@media only screen and (min-width : 768px) {
	.map{
		max-height: 400px;
	}

	.full-screen-map{
		height:calc(100% - 110px);
		min-height:calc(100% - 110px);
	}

}
@media (max-device-width: 767px) and (orientation: landscape) { /* Phones in landscape */
	.map{
		max-height: 180px;
	}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


.full-screen { 
    height: 100%;
}

.incident-photo{
	float: none;
	margin: 10px 0;
}

.incident-photo img{
	padding-bottom: 5px;
}
.incident-photo small{
	display: block;
	text-align: left;
}
@media (max-width: 480px){
	.incident-photo{
		width: 100%;
		text-align: left;
	}

}
@media (min-width: 480px){
	.incident-photo{
		float: right;
		margin:10px 0 10px 10px;
		max-width: 100%;
	}
}
@media print {
	.incident-photo .text-muted {
		display: none;
	}
}

/* show search on mobile*/
/*@media (max-width: 768px)
{
	.navbar-form-custom{
		display: inline-table;
	}
}
*/
.incident-info{
	padding-top: 20px;
	background-color: #ffffff;
	margin-right: 0;
    margin-left: 0;
}
.incident-info.ibox{
	padding-top: 20px;
	margin-bottom: 0;
}

.incident-nav{
	background-color: #ffffff;
	margin-right: 0;
    margin-left: 0;
}

.incident-info h1, .incident-info h3{
 	margin-top: 0;
}
.incident-info i.fa{
	margin: 0 10px 15px 0;
}

/* quick fix for image overflowing */
.overview-content{
	min-height: 350px;
}

.feed-element{
	padding: 15px;
	border-top: 1px solid #ededed;
}
.feed-element:last-child{
	border-bottom: 1px solid #ededed;
}
.feed-headline{
	font-weight: 600;	
}
.feed-articles a{
	display: block;
}
.feed-element:hover{
	background-color: #f1f1f1;
	cursor: pointer;
}
.feed-articles a:hover, .feed-articles a:focus{
	text-decoration: none;
}
.feed-teaser{
	color: rgba(33, 33, 33, .87);
}
.feed-full-page .feed-headline{
	font-size: 17px;
}
.feed-full-page .text-muted{
	padding-bottom: 5px;
	display: block;
}
.feed-full-page .feed-teaser{
	font-size: 16px;
}


.related-links{
	font-size: 14px;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.related-links > li{
	margin-bottom: 8px;
}
.related-links > li:last-child{
	margin-bottom: 0px;
}

/* */
.collapse-link{
	cursor: pointer;
}
button.ibox-title{
	border: none;
}
.collapse-link:hover{
	background-color: #f1f1f1;	
}

/* Footer Logos */
.logo{
	display: table;
}
.logo img{
	display: table-cell;
}
.logo span{
	    color: #fff;
    font-size: 30px;
    margin-top: 5px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 0 10px;
}
.logo span.subtitle{
	font-size: 20px;
    display: table-cell;
    vertical-align: bottom;
    padding: 10px 0 7px 7px;
}
.logo:hover, .logo:focus{
	text-decoration: none;
}				
@media (max-width: 767px) {
	.logo span.subtitle{
		display: none;
	}
}

.footer-logos{
	padding: 15px 0;
	text-align: center;
}
.footer-logos a{
	padding: 0 15px;
} 


/* Center footer navigation */
.navbar-footer{
	border-radius: 0;
	text-align: center;
	margin-bottom: 0;
}
.navbar-footer > .nav > li{
	float: none;
	display: inline-block;
}
.navbar-footer > ul.nav{
	float: none;
}
.footer-social a i.fa{
	color: #fff;
}

@media (max-width: 767px){
	
	/* Hide social links from mmenu - already in mmenu footer*/
	.container-footer{
		display: none;
	}
	.full-screen-map{
		border-bottom: 10px solid rgba(32, 84, 147, 1);
	}
	.navbar-footer{
		display: none;
	}
	.mm-listview>li.footer-social{
		display: none;
	}

	/* incident tables go to single col on mobile */
	.table-accessibility tr td:first-child{
		font-weight: bold;
	}

	.table-striped>tbody>tr:nth-of-type(odd) {
    	background-color: #fff;
	}

	.table-striped>tbody>tr.footable-detail-row {
		background-color: #f9f9f9;
	}

	.table-accessibility table.footable-details>tbody>tr>th:nth-child(1) {
		width: 80px;
	}

/*	.table-incident>tbody>tr>td{
		padding-left: 0;
		padding-right:0;
	}*/
}


.footable-filtering-search .input-group input{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.footable-filtering-search .input-group-btn .dropdown-toggle{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


@media(min-width: 767px) {
	.table-accessibility {
        border-style: hidden;
	}
}

.table-accessibility td p:last-child {
    margin-bottom: 0;
}

/*@media (max-width: 768px){
#mapdiv{
	max-height: 300px;
}
}*/

.skip-to-main{
	position: absolute;
	left: -999px;
	top: auto;
	z-index: -999;
}
.skip-to-main:focus {
    left: 0;
    z-index: 2000;
    background-color: rgba(37, 102, 181, 1);
    color: white;
    padding: 20px;
    top: 61px;
    text-decoration: none;
}


.ibox-photo > .ibox-content{
	/*padding-right:0;
	padding-left:0;
	padding-bottom: 0;*/
	padding: 0 15px 15px 15px;
	text-align: center;
	padding: 0;
}

.ibox-photo > .ibox-content > a{
	display: block;
}
.ibox-photo > .ibox-content img{
    width: 100%;
	max-width: 100%;
}
.ibox-photo > .ibox-content .fa{
	padding-bottom: 20px;
}
/*.ibox-photo > .ibox-title .ibox-tools{
	padding-right: 0px;
}
.ibox-photo > .ibox-title .text-muted{
    font-size: 14px;
}
.ibox-photo > .ibox-title span.text-muted{
	display: block;
	float: right;
	padding-left: 10px;
}
*/

.ibox-photo{
	border: 1px solid #eee;	
	box-shadow: none;
}
.ibox-photo .text-muted{
	padding-top: 10px;
}
.ibox-photo video{
	width: 100%;
}
.ibox-photo > .ibox-title span.media-right{
	text-align: right;
}

/* play button overlay */ 
.ibox-video > .ibox-content > a:before{
	position:absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
@media (max-width: 480px)  {
	.ibox-video > .ibox-content > a:before{
		top: 60%;
	}
}
.ibox-video > .ibox-content > a:hover:before{
	color: #eee;
}

.ibox.photo > .content img{
    width: 100%;
	max-width: 100%;
}
.photo > .content .fa{
	padding-bottom: 20px;
}
.photo-single .ibox-content {
	text-align: left;
	padding: 15px 20px;
}
.photo-single small{
	display: block;
	margin-bottom: 20px;
}
.photo-single .ibox-content img{
	width: initial;
}

.nav-pagination{
	text-align: center;
	margin-bottom: 20px;
}
ul.pagination{
	margin: 0;
}
@media print {
	.pagination {
		display: none!important;
	}
}
.pagination-lg>li>a, .pagination-lg>li>span{
	padding: 10px 14px;
}
.pagination > li > a:visited{
	color: #337ab7;
}
.pagination > li.active > a:visited{
	color: #fff;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background:	rgba(37, 102, 181, 1);
	color: #fff;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color: rgba(37, 102, 181, 1);
	background-color: #f1f1f1;
}
.pagination>li>a, .pagination>li>span{
	border: 1px solid #eee;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	border: 1px solid #eee;	
	background-color: 	#eee;
}



.dropup-social{
	display: inline;
}
.dropup-social .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{
	margin-bottom: 0px;
    margin-left: -60px;
}
.dropdown-social{
	text-align: center;
    min-width: 160px;
	padding: 5px 15px;
}
.dropdown-social i.fa{
	margin: 0;
}
.dropdown-menu.dropdown-social >li{
    display: inline-block;
}
.dropdown-menu.dropdown-social >li > a{
    display: inline-block;
    padding: 3px 5px;
}

.dropdown-menu .input-group{
	width:99%;
	/*padding-top: 1px;*/
}
.dropdown-menu .form-control{
	/*margin-left: 2px;*/
}

.dropdown-menu label{
	font-family: 'Source Sans Pro', sans-serif;
}

span.input-group-addon{
	border:none;
	background: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 12px;
}

.input-group-addon input[type='checkbox']{
	width:20px;
	height: 20px;
}

.dropdown-menu .input-group label.form-control {
	height: auto;
	border: none;
    box-shadow: none;
    /*margin-top: 3px;*/
    /*margin-left: -12px;*/
    /*font-size: 12px;*/

    display: block;
    /*padding: 3px 20px;*/
    /*clear: both;*/
    font-weight: normal;
    /*line-height: 1.42857143;*/
    color: #333;
    white-space: nowrap;
    padding-left:0;

}

.input-group-addon{
	padding: 3px 12px;
}


/* Animations - removed because full page > fixed height transitions on Map Element don't render. Need to use jquery for map full size vs auto? */
.map, .ngview{
	/*-webkit-transition: all 1s ease;
    transition: all 1s ease;*/
}
.mb0{	
	margin-bottom:0;
}
.p0{
	padding: 0;
}
.no-shadow{
	box-shadow: none!important;
}
.no-pad{
	padding:0;
}
.no-margin{
	margin:0;
}
.sronly{
	text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1;
}

.map-settings, .map-location, .map-reset, .map-filter{
    cursor: pointer;
    position: absolute;
    left: 10px;
}
.map-settings {
    top: 95px;
    z-index: 51;
}
.map-location{
    top: 175px;
    z-index: 49;
}

.map-filter{
    top: 135px;
    z-index: 50;
}

.map-settings i.fa, .map-location i.fa, .map-reset i.fa, .map-filter i.fa{
	/*color: #fff;*/
	color: #4C4C4C;
	padding-top: 3px;
}

.filter-active > i.fa{
	color: rgba(37, 102, 181, 1);
}

.map-reset{
    top: 215px;
    z-index: 49;
}

.esriSimpleSliderTL{
	left: 10px;
	z-index: 50 !important;
}

.map-error, .icon-box-msg{
	z-index: 75;
	position: absolute;
	display: none;
	margin: 0 auto;
	margin-left: 10px;
	background-color: #303030;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 15px;
}
.icon-box-msg{
	background-color: #2566b5;
	color: #fff;
    box-shadow: 0 0 0.75em #777777;
    -webkit-box-shadow: 0 0 0.75em #777777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media only screen and (max-width : 771px) {
	.icon-box-msg{
		display: none!important;
	}
}
.map-error{
	min-width: 250px;
	max-width: 500px;
	bottom: 10px;
	right: 10px;
}
.map-error .show{
	display: block;
}
.map-error p{
	margin: 10px 20px 0 0;
}
p.map-error-msg{
	margin-top: 15px;
}
.map-error p  > a{
	color: rgba(3,169,244 ,1);
}
.map-error .fa-times{
	position: absolute;
	top: 0px;
	right: 0px;
	padding:15px;
	cursor: pointer;
}
/* Cursor to pointer on map objects*/
#mapdiv_layers image:hover, #mapdiv_layers path:hover {
    cursor:pointer;
}

@media only screen and (max-width : 771px) {
	/* hide zoom buttons */
	.esriSimpleSliderTL {
		display: none;
	}

	.map-settings, .map-location, .map-filter, .map-reset{
	    left: auto; /* Use initial if browser supports it or auto if not */ 
	    left: initial;
	    right: 14px;
	}
	.map-settings {
	    top: 15px;
	}
	.map-filter{
		top: 55px;
	}	
	.map-location{
		top: 95px;
	}
	.map-reset {
		top: 135px;
	}

	.map-settings .dropdown-menu, .map-filter .dropdown-menu{
	    left: auto;
		left: initial;
		right: 0;
		z-index: 998;
	}
	
}

.esriPopup .titlePane, .esriPopup .contentPane, .esriPopup .actionsPane{
	padding: 15px 20px;
}
.esriPopup .actionsPane{
	padding-top: 0;
}
.esriPopup .actionsPane .fa{
	font-size: 12px;
	margin-left: 5px;
}
.esriPopup .titlePane .fa{
	margin-right: 5px;
}


@media(max-width: 480px){
	.esriPopupVisible, .esriPopupWrapper, .esriPopup .sizer, .esriPopup{
		max-width:335px;
	}
}

@media (max-width : 768px) {

	.esriPopup .contentPane{
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.esriPopup .actionsPane{
		padding-bottom: 5px;
	}

	.esriPopupVisible{
		left: 0!important;
		bottom: 10px!important;
		top: auto!important;
		top: initial!important;
		padding-right: 40px;
	}

	.esriPopupVisible, .esriPopupWrapper, .esriPopup .sizer, .esriPopup{
		width: 100%;
	}

	.full-screen-map .esriPopupVisible, .full-screen-map .esriPopupWrapper, .full-screen-map .esriPopup .sizer{
		max-width: 100%;
	}

	.esriPopupWrapper{
		left: 0!important;
		bottom: 0!important;
		top: auto!important;
	    top: initial!important;
		margin: 0 20px;
		position: relative!important;
	}
	.esriPopup .pointer, .esriPopup .outerPointer{
		display: none!important;
	}
}

.map-settings > .esriSimpleSliderDecrementButton, .map-location > .esriSimpleSliderDecrementButton, .map-reset > .esriSimpleSliderDecrementButton, .map-filter > .esriSimpleSliderDecrementButton {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.map-settings .dropdown-header, .map-filter .dropdown-header{
    padding: 3px 10px;
}

.map-settings .dropdown-menu, .map-filter .dropdown-menu{
	box-shadow: 0 0 0.75em #777777;
	-webkit-box-shadow: 0 0 0.75em #777777;
}

.menuSelected, .map-settings .dropdown-menu>li>a:focus, .map-settings .dropdown-menu>li>a:hover {
    background-color: rgba(37, 102, 181, 1);
    color: #fff!important;
}



/*mapping popup*/

.esriPopup{
	font-family: 'Source Sans Pro', sans-serif;
	z-index:49!important;
}

.esriPopup .titleButton.maximize, .esriPopup .titleButton.restore {
	display: none;
}

.esriPopup .titleButton.close, .esriPopup .titleButton.prev, .esriPopup .titleButton.next{
	top: 16px;
}
.esriPopup .titleButton.close {
    right: 12px;
    color: #FFFFFF;
    /* override bootstrap styles on .close conflict class */
    line-height: 20px;
    padding-left: 6px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    float: none;
	text-shadow: none;
	opacity: 1;
}

.esriPopup .titleButton.next {
    right: 34px;
}

.esriPopup .titleButton.prev 
{
 	right: 55px;
}


.esriPopup .titlePane {
    background-color: rgba(37, 102, 181, 1);
    font-size: 15px;
}

.esriPopup .titlePane .title {
	font-family: 'Roboto', serif;
	margin-right: 50px;
}

.esriPopup .contentPane{
	font-size: 14px;
}

.esriPopup p{
	margin-bottom: 0;	
	font-size: 15px;
}

.esriPopup .actionsPane.action {
    margin-right: 2px;
}

.esriPopup .actionsPane{
	text-align: center;
}


.esriPopup .btn, .modal .btn{
	background-color: rgba(32, 84, 147, 1);
   	color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

.esriPopup .btn:hover, .esriPopup .btn:focus, .modal .btn:hover, .modal .btn:focus{
	background-color: rgba(37, 102, 181, 1);
}

.esriPopup .pointer.top, .esriPopup .pointer.topLeft, .esriPopup .pointer.topRight {
	background: rgba(37, 102, 181, 1);
}

.combobox-container .dropdown-menu{
	position: fixed;
	max-width: 150px;
}
.combobox-container .form-control{
	font-size: 16px;
	/*font-size: inherit;*/
}

.combobox-container .dropdown-menu{
	max-height: 300px;
}
@media (max-width: 480px)
{
  .combobox-container .dropdown-menu{
    max-height: 200px;
  }
}
span.contact-name{
	font-weight: 600;
}

/* Terminology page */
.tabbertab > h3{
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;	
}

/* 
	Clear fix for bootstrap columns of different heights in a singe parent row. 
	How to use: Add class "auto-clear" to surrounding row
				Columns must have ALL sizes declared.
*/
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

@media print {
	.incident-social-icons, #btnContacts, .ibox-tools, .incident-articles-cooperators, .incident-articles, .footer-logos{
		display: none!important;
	}

  	.incident-info a[href]:after, .feed-element a[href]:after, .footer-logos {
    	content: none !important;
  	}
	
	.esriPopup, #mapdiv_zoom_slider, .esriSimpleSlider{
		display: none!important;
	}

	/* always show map legend */
	.legend-anchor > ul.dropdown-menu{
		display: block;
	}
	.legend-anchor > span {
		display: none;
	}
	

}