@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS Example 8.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.dbtool-nav>li>a:hover, .dbtool-nav>li>a:focus {background: #fff !important; color: #333;}
.dbtool-nav li.active a, .dbtool-nav li.active a:focus, .dbtool-nav li.active a:hover{font-weight: bold; color: #1e72bd;}

.dbtool-nav li.active li a {font-weight: normal; color: #1e72bd; border-right: 0px solid #9cf;}
/*.dbtool-nav li.active li.active a {font-weight: bold;}*/
.dbtool-nav li li a:hover, .dbtool-nav li.active li a:hover {border-right: 0px solid #9cf !important; color: #333;}
a:hover {text-decoration: none;}
.ng-cloak {
  display: none;
}
.tool-details div.wrapper {
	margin-bottom: 70px;
}
#map {
	height: 300px;
} 

#map img {
max-width: none;
}
.container {font-size: 17px;}

#tool-content {background: #fff; color:#013467;}
#searchForm, #speciesDetailsHead, #imageDetailsHead {border-top: 0px solid #124477;}
#searchTerms, #searchTermsBtn, #clearBtn {margin-bottom: 10px;}
#loadButton {margin-bottom: 20px;}
#noTerms, #photoUseTerms {margin-top: 20px;}
.show-results, #speciesDetailsHead .clear-results, a.new-search, .image-details {margin: 10px;}
.tab-content #overview h3 {border: 0;}
.tab-content h3 {color: #31708F;}
.tab-content h3:first-of-type {margin-top: 0;}
.navbar-default {margin-bottom: 0px; border-bottom: 0;}
.img-full {
	margin: 0 auto;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; // Corresponds to the Bold 400 style
  position: relative;
}
.seaphoto {background:#1C4E82; color: #fff; margin: 10px; padding: 10px;}
.navbar-brand .brand-big {font-size: 1.6em !Important;}
.navbar-brand .brand-small {font-size: 1.2em; color: #D9EDF7;}
.sp-img {margin: 15px 0px; float:right;}
#noterms {background: #fff !Important;}
.sp-db-nav {border: 0; background: #fff;}
h1.nav-anchor-style {color: #333; border-bottom: 1px solid #ccc; font-weight: 400; margin-top: 50px;}
.nav-sidebar {margin-top: 10px;}
.footer-block {margin: 15px;}
.btn:focus,.btn:active {
   outline: none !important;
}
#speciesDetails {margin-top: 20px;}
.footer-block-hr {margin-top: 30px;}
.affix {top: 25px;}
.word-wrap {
	overflow-wrap: break-word;
	word-warp: break-word;
}
	
@media screen and (max-width: 767px) {
    .sp-db-nav {background: #f0f0f0;}
	nav.sp-db-nav h1.navbar-text {color: #444; font-size: 20px;}
	.species-list {text-align: center;}
	.page-header {border-bottom: 0;}
	.page-header h1 {font-size: 24px; padding-left: 8px; padding-right: 8px;}
	img.sp-img {display: block; margin: 0 auto; text-align: center; float: none; }
	h1#overview {clear:both; text-align: center;}
	h1.mobile-center {text-align:center !important;}

}