@import url("font-Source_Sans_Pro-base64.css");

/* Override EXTJS */
.x-body {
	font-size: 14px;
	color: #666666;
	/*font-family: tahoma,arial,verdana,sans-serif;*/
	font-family: "Source Sans Pro", sans-serif!important;
}
.x-panel-body, .x-grid-row .x-grid-cell, 
.x-btn-default-toolbar-medium .x-btn-inner, 
.x-btn-default-toolbar-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-small .x-btn-inner,
.x-toolbar, .x-toolbar .x-toolbar-text,
.x-form-item, .x-form-item-label, .x-form-display-field,
.x-column-header, .x-form-field,
.x-window-header-default,
.x-window-header-text-default, .x-grid-group-title,
.x-menu-item-text,
.x-panel-header-text-default, .x-panel-header-default,
.x-grid-rowbody
 {
	font-size: 1.0em;	/* => 14px */
	font-family: "Source Sans Pro", sans-serif!important;
}

.x-column-header-inner, .x-grid-with-row-lines .x-grid-cell-inner {
	line-height: 20px;
}
.x-window-body-default, .x-panel-body-default, 
.x-btn-default-medium .x-btn-inner, .x-toolbar .x-toolbar-text  {
	color: #666666;
}
.x-form-display-field {
	color: #888888;
}
.x-grid-group-title {
	background-image:none!important;
	padding: 0 0 0 4px!important;
	border-bottom: 1px dotted #ccc;
}
/* End of override for EXTJS */

body {
	background-image: url(/icons/sunburst.png);
	
	background-color: #1380AB;
	background-repeat: no-repeat;
	background-position: right top;	
}

.button {
	cursor: pointer;
}
.icon-in-grid {
	width: 18px;
	margin-top: 2px;
}
a.button {
	color: #436976;
	text-decoration: none;
}
.button:hover, li a:hover {
	color: #EB9900 !important;
}

li a {
	color: #436976;
	/*border-bottom: 1px solid #CCCCCC;*/
	text-decoration: none;
}
img.button {
	vertical-align: middle;
}

#chartContainer, #diversityContainer {
	margin-top: 5px;
}

.chartCell {
	background-color: #DFDFDF;
	cursor: pointer;
	height: 20px;
	text-align: center;
	border-right: 2px solid #FFFFFF;
}
.chartCellSelected {
	background-color: #AFAFAF;
}

/* Header area with menus version */
.header_menu {
	float:left;
	padding-top:15px;
	color: #E6E1CF;
}

.portal-globalnav {
	border-bottom:1px solid #CC6600;
	color: #E6E1CF;
	height: 22px;
}
.portal-globalnav li {
	border-right:1px solid #CC6600;
	float:left;
	padding: 0px 1.20em;
	height: 22px;
	letter-spacing: 0.03em;
	cursor: pointer;
}
.portal-globalnav li:hover {
    background-color: #EB9900;
}

.portal-globalnav li.left {
	padding: 0px 1.25em 0px 1.00em;
}
.portal-globalnav li.right {
	border-right:0px solid #CC6600;
}
.portal-globalnav a {
    color: #E6E1CF;
	text-decoration: none;
}

#portal-siteactions {
    background-color: transparent;
    height: auto;
    line-height: normal;
    list-style-image: none;
    list-style-type: none;
    margin: 5px 10px 0;
    padding: 3px 0px;
    white-space: nowrap;
	
    /* SEAMAP3 float: right; */
	
	/* SEAMAP 4 */
    position: absolute;
	right: 10%;
	color: #ddd;
}
#portal-siteactions li {
    display: inline;
	color: #DDDDDD;
}
#portal-header {
    border: medium none;
	/* added later */
	margin-bottom: 10px;
}
#portal-siteactions li a, #portal-siteactions li a:hover {
    background-color: transparent;
    border: medium none;
}
#portal-siteactions li a {
    height: auto;
    margin-right: 0.2em;
    padding: 0.2em;
    text-decoration: none;
    text-transform: none;
	color: #DDDDDD;
}

#portal-siteactions li a:hover {
    background-color: #DB9900;
	color: #FFFFFF;
}

.SeamapNavPanel .x-panel-body {
	color: #666666;
}
.SeamapNavPanel .x-panel-header-default {
	background: none repeat scroll 0 0 transparent;
}
.SeamapNavPanel .x-panel-header-text-default {
	color: #3764A0;
	/*font-size: 16px;*/
	font-size: 1.2em;
}
.SeamapNavPanel .x-panel-header-body {
	/*border-bottom: 2px solid #99BBE8;*/
	border-bottom: 2px solid #d5d5d5;
	padding: 5px 5px 2px 5px;
}
.SeamapNavPanel .x-panel-header-text-container {
	height: 22px;
}
.SeamapNavPanel .x-grid-cell-inner {
	white-space: normal;
}

.InformationPanel {
	width: auto!important;
	height: 100%!important;
}
.InformationPanel, .LegendsPanel {
	color: #666666;
}
.LegendsPanel {
	font-size: 0.9em;
	padding: 10px;
}
hr.separator {
    background-color: #8CACBB;
    border: 0 none;
    color: #8CACBB;
    height: 1px;
    margin: 5px 4px;
}

.layers-panel-separator {
	border: 1px dotted #aaa;
	margin-right: 20px;
	border-bottom: none;
	margin-top: 10px;
}

td.nowrap, th.nowrap {
	white-space: nowrap;
}

/* Download Wizard */
#download_panel_header {
	padding-top: 5px;
}
#div_download_form, #div_download {
	padding: 0px 20px 10px;
}

#div_download th, #div_download_form th {
	/*
	background:#A7C2DF none repeat scroll 0 50%;
	border-bottom:1px solid #8CACBB;
	border-right:1px solid #8CACBB;
	border-top:1px solid #8CACBB;
	*/
	color:#0F457F;
	font-weight:bold;
	padding:3px 5px 3px 8px;
	vertical-align:top;
	white-space: nowrap;
}
#form_download input, #form_download textarea {
	color:#666666;
}
#div_download td, #div_download_form td {
	padding-left: 5px;
}
#download_status {
	height: 140px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 8px 15px 6px;
	border-radius: 4px;
	flex-basis: 50%;
	flex-grow: 1;
	margin-left: 10px;
	transition: all 1.5s;
	font-size: 0.95em;	
}

#download_status a {
	color: #436976;
	text-decoration: none;
}
#download_status a:hover {
	color: #F08800;
}
#download_status p {
	font-style: italic;
	margin-bottom: 6px;
}

#div_download table, #div_download_form table {
	border-collapse: separate;
	border-spacing: 1px;
	height: 100%;
}

#div_download .dataFormat {
	background-repeat: no-repeat;
	background-position: left center; 
	padding-left: 25px;
}
#div_download .dataFormatRadio {
	padding-right: 5px;
}

.required {
	color: #DD0000;
}
.downloadInstructions {
	width:95%;
	margin: 0px 5px;
	padding: 5px 5px 0 5px !important;
}
/* Button in map toolbar and navigation pane */
/* need to change line-height so that the button text is aligned vertical center. */


.MapTool .x-btn-inner {
	/* When no minimum font size is specified or less than 16px, line-height: 16px shifts
	the button text too high.
	if minimum font size is specified to 16px, line-height should be 16px. 
	Otherwise, the button is placed too low.
	line-height: 16px !important;*/
	/* alternative solution for line-height */
	line-height: normal !important;
	display: inline;
	color: #666666;
}
.MapTool .x-menu-item-text {
	color: #666666;
}

.MapTool span {
	color: #666666;
	/*line-height: 28px;
	padding-left: 5px;*/
}

.on-map-grid .x-column-header-inner .x-column-header-text {
	color: #666666;
	/*line-height: 22px;
	height: 22px;*/
}
.on-map-grid .x-grid-cell-inner {
	color: #666666;
}
.on-map-grid a {
	color: #436976;
	text-decoration: none;
}
.on-map-grid a:hover {
	color: #EB9900;
}

div.MapToolText {
	color: #666666 !important;
	top: 3px !important;
}

.summary-panel {
	color:#666666;
	width: 280px;
	font-size: 1.2em;
}

.summary-panel .summary-body {
	text-align: right;
	padding-right: 4px;
	color: #3c93c5;
}
.summary-panel .summary-option {
	text-align: center;
	width:24px;
	height:24px;
}

#panelUpload-body {
	border-bottom: 1px solid #c5c5c5 !important;
}

table.rectangle_field {
	margin: 3px auto;
}

/* Species Search panel - taxon tree */
#grid_taxa_tree_header {
	border-right: 0 none;
	border-left: 0 none;
	border-top: 1px solid #c5c5c5 !important;
	border-bottom: 1px solid #c5c5c5 !important;
	background-color: #c5c5c5;
	background-image: -moz-linear-gradient(top,#f9f9f9,#e3e4e6);
	padding-top: 4px;
	padding-bottom: 5px;
}

#grid_taxa_tree_header .x-panel-header-text {
	color: #666!important;
	font-weight: normal!important;
}

#grid_taxa_tree .x-grid-view {
	padding-top: 2px;
	padding-left: 3px;	
}

/* Metadata in the info panel */
#frame_description {
	font-size:14px;	/* Default is 1em (14px). Make it smaller so that the info fits wee in the SERDP. */
}
div.description {
	margin-top:5px;
	padding:5px 5px 5px 10px;
	border: 1px solid #8CACBB;
}

div.description .citation {
	padding-left:1em;
	padding-bottom:1em;
	text-indent:-1em;
}
.metadata-main {
	padding: 10px 0px;
}

.standalone .metadata-main {
	padding: 30px 60px 50px 60px !important;
	margin-top: 30px;
	background-color: rgba(250, 250, 250, 0.9);
	font-size: 1.1em;
} 
.metadata-main h1 {
	font-family: sans-serif;
	font-size: 1.1em;
	padding: 0.0em 0 0.3em 0.5em;
	border-bottom: 1px solid #8CACBB;
	margin-bottom: 10px;
}

.metadata-main h2 {
	padding-top: 10px;
}
.metadata-main h3 {
	padding: 1em 0 0.3em 0.3em;
	font-family: sans-serif;
}
.metadata-main p {
	margin: 0.3em 0 0.8em;
	/*font-family: sans-serif;*/
}

.downloadInstructions .title {
	font-size: 1.1em;
	font-weight: bold;
}

.metadata-main ol {
	margin-left: 20px;
}
.metadata-main ol li {
	list-style: decimal outside none;
	margin: 0.2em 0 0.2em 1em;
	font-family: sans-serif;
}
.metadata-main ul {
	margin-left: 20px;
}
.metadata-main ul li, .list-of-included ul li {
	list-style: none outside url("../icons/bullet.gif");
	margin: 0.2em 0 0.2em 1em;
}

.list-of-included ul li {
	margin: 0.1em 0 0.1em 1em!important;
}

.metadata-main a {
	color: #436976;
	text-decoration: none;
}
.metadata-main a:hover {
	color: #F08800;
}

img.info_pic {
	padding: 0 10px 15px 0;
	/*max-width: 280px;*/	/* Since multiple logos are now allowed, max-width is calculated by script. */
	max-height: 150px;
	vertical-align: middle;
}

img.species_pic {
	max-width: 200px;
}

.listing {
	border-top: 1px solid #8CACBB;
	border-bottom: 1px solid #8CACBB;
	border-left: 1px solid #8CACBB;
	border-spacing: 0;
	margin: 10px 0px;
}

.listing th {
	background:#DEE7EC none repeat scroll 0%;
	border-right: 1px solid #8CACBB;
	border-bottom: 1px solid #8CACBB;
	font-weight:normal;
	padding: 1px 4px 1px 4px;
}

.listing td {
	padding: 3px 10px;
	border-right: 1px solid #8CACBB;
}
.listing td.td_count {
	text-align: right;
}


tr.odd {
	background-color: #F1F5FA;
}
tr.even {
	background-color: #FFFFFF;
}
td.right {
	text-align: right;
}

/* Summary */
.summary_box {
	padding-left: 19px;
	min-width: 20em;
	/*max-width: 290px;*/
	max-width: 350px;	/* status section may be wide for species like humpback and loggerhead. */
}
.summary_box a {
	color: #cfcfcf;
}
.summary_box table {
	background-color:#3F527F;
	color:#CFCFCF;
	width: 100%;
}
.summary_box td {
	padding: 2px 5px 2px 10px;
	color: #CFCFCF;
	font-size: 95%;
}


/* Query results */
.query_results {
	/*width: 95%;*/
	width: 100%; /* Changed on 2017-02-21 after testing the identify results for transect density zd_1458 */
}

.query_results div.layer_name {
	background: none repeat scroll 0 50% #DEE7EC;
	/*border-bottom: 1px solid #8CACBB;
	border-top: 1px solid #8CACBB;*/
	padding: 2px 5px 3px 10px;
	cursor: pointer;
	font-weight: bold;
}
.query_results table.main {
	width: auto;
	margin-left: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #8CACBB;
}
.query_results tr {
	border-bottom: 1px solid #8CACBB;
}
.metadata-Site tr {
	border-bottom: none !important;
}
.query_results th {
	vertical-align: top;
	/*background-color: #DEE7EC;*/
	padding: 2px 5px;
}
.query_results td {
	vertical-align: top;
	padding: 2px 5px;
	
}
.query_results li {
	list-style-image: url(../icons/bullet.gif);
}

.x-tree-noicon .x-tree-icon-parent {
	visibility: hidden;
	width: 3px;
}

/* Popup */
div.popup {
	color:#666666; 
	padding: 8px 4px; 
	width:260px; 
	height: 100px;
}

.popup-title {
	text-decoration: underline;
	margin-bottom: 4px;
	font-weight: bold;
}

/* rowBody */
div.zones-row-body {
	padding: 3px 0px 5px 30px;
}

.rowbody-collapsed {
	display:none;
}

.rowbody-table {
	margin-left: 10px;
	border-collapse: separate;
	border-spacing: 2px;
}

.rowbody-table th {
	background: none repeat scroll 0 0 #DEE7EC;
	padding: 3px 5px;
}
.rowbody-table td {
	padding: 3px 5px;
}

.div_legend {
	width: 15px;
	height: 15px;
	margin-top:2px;
}

/* Zones window */
.config-window-body {
	color: #666666;
}
.config-window-body .header {
	/*border-bottom: 2px solid #99BBE8;*/
	border-bottom: 2px solid #d5d5d5;
	padding: 5px 5px 2px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #666;
}

.thumb-wrap {
	float: left;
	margin: 4px 0 4px 4px;
	padding: 5px;
}

/* Assume this is for PhotoID Thumbnail view, commented out on 2019-06-26
.thumb-wrap td {
	font-size:0.9em;
}
*/

/* Upload window and Regions window */
#upload_shapefile button, #upload_shapefile span, #upload_kml button, #upload_kml span, #panel_region_center span {
	height: 20px;
	color: #666666;
}
/* Series thumbnails */
div.thumbnail {
	background: none repeat scroll 0 0 #EEEEEE;
	padding: 3px;
	text-align: center;
	margin-bottom: 4px;
}
div.thumbnailL {
	width: 380px;
	height: 285px;
}
div.thumbnailS {
	width: 172px;
	height: 122px;
}
div.thumbnailD, div.thumbnailDFrame {
	/*width: 650px;*/
	/* override div.thumbnail */
	background:none repeat scroll 0 0 #FFFFFF;	
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: middle;
}
div.thumbnailDFrame {
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding: 5px 8px;
	margin-left: 5px;
	min-width: 400px;
}
.thumbnail.thumbnailDFrame td {
	padding: 1px 5px;
	text-align: left;
}

.x-item-over .thumbnailDFrame, .x-item-over .thumbnailS, .x-item-over .thumbnailL {
	/*background: #AFD2FF none repeat scroll 0 0;*/
	border: 1px solid #74A4E3;
}

.x-item-selected .thumbnailDFrame, .x-item-selected .thumbnailS, .x-item-selected .thumbnailL {
	/*background: none repeat scroll 0 0 #8DB2E3;*/
	border: 1px solid #74A4E3;
}

.thumbnailL img {
	border: 1px solid white;
	width: 374px;
	max-width: 374px;
	max-height:281px;
}
.thumbnailS img {
	border: 1px solid white;
	width: 164px;
	max-width: 164px;
	max-height:115px;
}
.thumbnailD img {
	border: 1px solid white;
	width: 164px;
	max-width: 164px;
	max-height:115px;
}

/* used in Animal thumbnail view */ 
.x-item-selected .thumbnail {
	background: none repeat scroll 0 0 #DFE8F6;
}

/* Online help */
.help {
	color: #666666;
}
.help h2 {
	border-bottom: 1px solid #8CACBB;
	padding: 0.2em 0 0.3em 0.3em;
	margin-bottom: 1em;
}
.help h3 {
	margin-top: 1em;
	padding: 0.2em 0 0.2em 1em;
}
.help p {
	margin-left: 1em;	
	margin-bottom: 1em;
	margin-right: 1em;
}

.help a {
	border-bottom: 1px solid #f0bb77;
	color: #444;
	text-decoration: none;	
}
.help a:hover {
	color:#f08800;
}

.help ol li {
	list-style: decimal outside none;
	margin: 0.5em 0 0 2.5em;
}

.help ul {
	margin: 10px; 5px;
}

.help ul li {
	list-style-image: url("../icons/bullet.gif");
	margin: 0.5em 0 0 2.5em;
}
.help ul.inTable li {
	list-style-image: url("../icons/bullet.gif");
	margin: 0.5em 0 0 1.0em;
}
.help li {
	margin-left: 2em;
}

.help dt {
	margin: 0.5em 1em;
	font-weight: bold;
}
.help dd {
	margin: 0.5em 2em;
}

.help strong {
	font-weight: bold;
}

.help em {
	font-style: italic;
}

.help li a {
	color: #436976;
	border-bottom: 1px solid #CCCCCC;
	text-decoration: none;
}
.help a:hover, .help li a:hover {
	color: #EB9900;
}

/* Legends */
.div_legend_frame {
	float: left;
	padding: 5px;
	margin: 3px;
	border: 1px solid #99BBE8;
	border-radius: 4px;
}
.div_legend_frame tr {
	display: inline-block !important;
}

.div_legend_frame td {
	padding: 2px;
}

#legend_points_classes tr td:nth-child(2) {
	width: 150px;
}

.div_legend_frame .classes {
	display: inline-block;	
}

.zoom_icon {
	background-image: url(../icons/icon_zoomin_v2.png) !important;
	background-size: 20px;
}
.full_extent_icon {
	background-image: url(../icons/icon_full_extent.png) !important;
	background-size: 20px;
}
.identify_icon {
	background-image: url(../icons/icon_identify.png) !important;
	background-size: 20px;
}
.update_icon {
	background-image: url(../icons/icon_update.png) !important;
}
.select_zone_icon {
	background-image: url(../icons/icon_roi_feature.png) !important;
}
.icon_draw_RECTANGLE {
	background-image: url(../icons/icon_roi_regular.png) !important;
}
.icon_draw_POLYGON {
	background-image: url(../icons/icon_roi_polygon.png) !important;
}
.icon_draw_CIRCLE {
	background-image: url(../icons/icon_roi_ellipse.png) !important;
}
.remove_polygon_icon {
	background-image: url(../icons/icon_roi_clear.png) !important;
}
.marker_red_icon {
	background-image: url(../icons/marker_red.png) !important;
}
.csv_icon {
	background-image: url(../icons/icon_csv_18x18.gif) !important;
}
.esri_icon {
	background-image: url(../icons/logo_esri_small_18x20.gif) !important;
}
.ge_icon {
	background-image: url(../icons/googleearth_18x18.png) !important;
}
.fullscreenIcon { 
	background-image:url(../icons/icon_fullscreen_v2.png); 
	background-size: 16px;
	margin-top: 1px;
	margin-left: 3px;
}
.fullscreenExitIcon { 
	background-image:url(../icons/icon_fullscreen_exit_v2.png); 
	background-size: 16px;
	margin-top: 1px;
	margin-left: 3px;
}
.icon_save {
	/*background-image: url(../icons/icon_save.png) !important;*/
	background-image: url(../icons/icon_download_blue_filled.png) !important;
	background-size: 18px;
	width: 25px !important;
}
.icon_add {
	background-image: url(../icons/icon_add.png) !important;
}
.icon_legend {
	background-image: url(../icons/icon_legend.png) !important;
}
.icon_resources {
	/*background-image: url(../icons/Categories-multimedia-icon.png) !important;
	background-size: 20px;*/
	background-image: url(../icons/icon_multimedia_v2.png) !important;
	background-size: 26px;
}

/* v4 */
.closeCurtainIcon { 
	background-image:url(../icons/icon_close.png); 
	background-size:16px;
	margin-top:1px;
	transform: rotate(90deg);
	margin-left: -5px;
}

/***** SWOT *****/
.swotNavGrid .x-grid-group-body table {
	padding-left: 15px;
}

.swotNavGrid .x-grid-cell-inner {
	border-width: 0px;
}

.swot-options {
	justify-content: space-around;
}

.swot-options input {
	margin-right: 5px;
}

.legend_swot_nesting_class {
	float: left;
}
.legend_swot_nesting_class:nth-child(7n+2) {
	clear: left;
}

#divFilteringSwotSites .header {
	font-weight: bold;
}
#divFilteringSwotSites li {
	display: inline-block;
	margin-left: 5px;
}
#divFilteringSwotSites ul.count-type li {
	min-width: 75px;
}
#divFilteringSwotSites ul.colony-size li {
	min-width: 110px;
}

.swot_summary .td-count {
	text-align: right;
}
.swot_summary .th-species {
	width: 6.5em;
	text-align: center;
}
/***** SERDP *****/
.icon_lookfor {
	background-image: url(../icons/icon_classify.png) !important;
}

/* Added in 2018 */
.animation-buttons td {
	padding: 0 1px;
}

.animation-buttons .button {
	width: 22px;
}

/* Added in 2018 for Slideshow feature */
#slideshow-frame .previous, #slideshow-frame .next {
	bottom: 0px; 
	margin: auto; 
	top: 0px; 
	width: 24px; 
	position: absolute; 
	height: 24px; 
	z-index: 20001;
}

#slideshow-frame .info-panel {
	margin: auto; 
	bottom: 0; 
	position: absolute; 
	left: 0px; right: 0px; 
	border-radius: 6px; 
	border: 1px solid #99bce8; 
	z-index: 20002; 
	padding: 6px 10px; 
	background-color: #333333; 
	opacity: 0.9; 
	color: #cccccc; 
	/*height: 84px;*/
	height: 102px;
}

#slideshow-view td {
	color: #cccccc;
}

#slideshowInfoPanel {
	font-size:small;
}
#slideshowInfoPanel .link {
	text-align: right;
	position: absolute;
	width: 97%;
}

#slideshowInfoPanel .link a {
	color: #cccccc;	
}

#slideshowInfoPanel .credit {
	text-align: right;
	bottom: 0;
	position: absolute;
	width: 96%;
	margin-bottom: 5px;
}
#slideshowInfoPanel .event-date {
	position: absolute;
	text-align: left;
	bottom: 0;
	margin-bottom: 5px;
}

.slideshow-button {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	border-radius: 6px;
	width: 6em;
	display: inline-block;
	cursor: pointer;
	background-color: #444444;
	text-align: center;
}

.slideshow-button a.button {
	color: #cccccc;
}

div.slideshow-thumbnail {
	background: #222222 none repeat scroll 0 0;
	margin-bottom: 3px;
	padding: 3px;
	text-align: center;
}

.x-item-selected .slideshow-thumbnail {
	border: 1px solid #aaaaaa;
}
.x-item-over .slideshow-thumbnail {
	border: 1px solid #8db2e3;
}

.slideshowOptions-contributors, .slideshowOptions-res-types {
	font-size: 0.9em;
	margin-left: 10px;
	max-height:140px;
	overflow: auto;
}
/*
.slideshow-thumbnail-thumbnail_5x3 img {
	width: 164px;
	max-width: 164px;
	max-height:115px;
}
*/

#permission_required {
	padding: 5px 15px 0px 0px;
	height: 60px;
	overflow: auto;
	margin-bottom: 5px;
	margin-right: 20px;
	/*border: 1px solid #8CACBB;*/
	border: 1px solid #ccc;
	border-radius: 4px;	
	font-size: 0.9em;
}


/* SEAMAP 4 */
.information-panel-animation {
	transition: all 2s;
}
.panel-toggle-animation {
	transition: left 2s ease, opacity 2s ease, width 2s ease;
}

.icon-tray {
	position:absolute; 
	width:133px; 
	left: 16px; 
	right: auto; 
	top: 45px;
	z-index: 28000;	/* divCoverBlank z-index = 29000 / MapInfoPanel => z-index = 19000 */
	color: #444444;
	pointer-events: none;
	transition: all 2s ease;
}

.icon-tray div {
	height: 30px;
}

.icon-tray-icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 24px;
	width: 34px;
	margin: -2px 0 0 -12px;
	background-position: 4px 4px;
	border: 1px solid rgb(153, 188, 232);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 1);
	height: 34px !important;
	float: left;
	cursor: pointer;
	pointer-events: all;
	
}

.icon-tray-menu {
	border-radius: 4px;
	margin-bottom: 6px;
}

.icon-tray-label {
	display: inline-block;
	width: 100px;
	overflow: hidden;
	vertical-align: bottom;
	margin: 0;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	transition: all 2s ease;
	border: 1px solid rgb(153, 188, 232);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	float: left;
	margin-left: -12px;
	pointer-events: all;
}

.icon-tray-icon-toolbar {
	background-image: url(/icons/icon_toolbar_gray.png); 
	background-size:20px; 
	background-position:6px 6px; 
}
.icon-tray-icon-mammals {
	background-image: url(/icons/icon_whale.png);
	background-size: 165px;
	background-position: 1px -21px;
	transform: rotate(35deg);
}
.icon-tray-icon-datasets {
	background-image: url(/icons/icon_thumbnail_gray.png); 
	background-size:22px; 
	background-position: 5px 5px;
}

.icon-tray-icon-charts {
	background-image: url(/icons/icon_histogram_v2_1_thick.png); 
	background-size: 20px;
	background-position: 6px 6px;
}
.icon-tray-icon-multimedia {
	background-image: url(/icons/icon_multimedia_v2.png); 
	background-size: 30px;
	background-position: 0px 0px;
}

.icon-tray-icon-legends {
	background-image: url(/icons/icon_legend_v21.png); 
	background-size: 22px;
	background-position: 5px 5px;
}

.icon-tray-icon-summary {
	background-image: url(/icons/icon_globe_gray.png);
}
.icon-tray-icon-information {
	background-image: url(/icons/icon_information.png);
}

.icon-tray-icon-layers {
	background-image: url(/icons/icon_checkboxes_gray.png); 
	background-size:18px; 
	background-position: 7px 7px;
}
.icon-tray-icon-options {
	background-image: url(/icons/icon_options_gear_gray.png); 
	background-size:25px; 
	background-position: 4px 4px;
}

.icon-tray-icon-download {
	background-image: url(/icons/icon_download_blue_filled.png); 
	background-size:24px; 
	background-position: 4px 4px;
}

.icon-export-disabled {
	opacity: 0.5;
	cursor: default !important;
}

#div_protected_status, #div_data_types, #div_display_options, #div_swot_filtering {
	margin: 8px;
}

.filtering-panel-label {
	border-bottom: 1px solid #c5c5c5;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 2px;
}

.summary-options-label {
	margin: 2px 0px 4px;
	text-decoration: underline;
}

.filtering-panel-frame, .display-options-sub-frame {
	display: flex;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	padding: 3px 4px;
	flex-direction: column;
}

.filtering-panel-frame {
	margin: 6px 2px;
	font-size: 0.95em;
}
.filtering-panel-frame input {
	margin-right: 3px;
}
.filtering-panel-frame input.not-first {
	margin-left: 4px;
}

.display-options-sub-frame {
	margin-bottom: 4px;
}
#div_count_type, #div_grid_resolution, #div_color_by {
	font-size: 0.95em;
}

#div_grid_resolution img {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px;
}

#div_grid_resolution img.selected {
	background-color: #cdddf3;
}

#div_display_options table tr {
	height: 20px;
}

.filtering-panel-icon-back {
	width: 18px;
	vertical-align: bottom;
}

.summary-option img.icon-filter {
	width: 16px;
	margin-top: -3px;
}
.summary-option img.icon-search {
	width: 26px;
}

#grp_count_type, #grp_grid_resolution {
	/*border: 1px solid rgb(153, 188, 232);*/
	border: 1px solid #c5c5c5;
	border-radius: 4px;
}

#div_color_by button, #div_count_type button {
	border-radius: 4px;
	min-width: 70px;
	font-size: 0.9em;
	border: 1px solid #d0d0d0;
	background-color: #eeeeee;
	color: rgb(60, 59, 59);
	margin: 3px 1px;
}

#div_color_by button {
	height: 3em;
}
#div_count_type button {
	height: 2.5em;
}
#div_color_by button:hover, #div_count_type button:hover {
	border-color: rgb(153, 188, 232);
	/*background-color: #e0e0e0;*/
	color: #EB9900;
}

button.selected {
	background-color: #d0d0d0!important;
}
#div_data_window_header, #div_charts_window_header, 
#div_dataset_search_header, #div_species_search_header,
#div_contributor_search_header, #div_manage_regions_panel_header,
#div_upload_region_panel_header, #div_info_window_header {
	display: flex;
	align-items: center;
	justify-content: space-between;	
}

.panel-title {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #c5c5c5;
}

.data_window_header {
	display: flex;
	height: 30px;
	align-items: center;
	justify-content: flex-start;
	padding-left: 10px;
	font-size: 1em;	
}

.data_window_header div {
	padding: 3px 1px 1px;
	margin: 0 5px;
}
.data_window_header div.selected {
	border-bottom: 2px solid #d5d5d5;
}
.data_window_header .panel-tab {
	cursor: default;
}
div.panel-close {
	margin-right: 10px;
}

div.panel-close .icon {
	width: 16px;
	height: 15px;
	cursor: pointer;
}

div.panel-close .icon:first-child {
	margin-right: 5px;
}

.data_window_header div:#EB9900 {
	color: #EB9900;
}

/*
#div_resolution, #div_count_type {
	padding: 0 10px;
}
*/

.link-group {
	/*border: 1px solid rgb(153, 188, 232);*/
	background: rgba(250,250,250,0.7);
	border-radius: 4px;
	height: 22px;
}

.cover-hidden {
	/*max-height: 0!important;*/
	/*max-height: 20px!important;*/
	overflow: hidden;
	border: 2px solid gold;
	border-radius: 4px;
	opacity: 0;
}

/* SEAMAP4 */
.grid-row-icon-info {
	width: 18px;
	height: 18px;
	margin-left: 0px;
	margin-top: 1px;
	margin-right: 2px;
}
.grid-row-icon-datasets {
	width: 16px;
	height: auto;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
}
.grid-row-icon-trash {
	width: 20px;
	height: 20px;
}
.grid-row-icon-zoomin {
	width: 20px;
	height: auto;
	margin-top: 1px;
	margin-left: 0px;
}

#panel_region_center .x-panel-header-default, #upload_shapefile .x-panel-header-default {
	border-bottom-color: #d5d5d5 !important;
	border-top-color: #d5d5d5 !important;
}

#panelUpload .x-accordion-hd-last-collapsed, #panelUpload.x-accordion-hd-sibling-expanded {
	border-bottom-color: #d5d5d5 !important;
	border-top-color: #d5d5d5 !important;
}

/* Override EXTJS for SEAMAP4 */
.x-border-layout-ct, .x-accordion-hd {
	border-color: #d5d5d5 !important;
}
.x-accordion-hd {
	background-color: #f5f5f5!important;
}
.x-panel .x-grid-body, .x-panel-body-default {
	border-color: #c5c5c5!important;
}
.x-grid-header-ct {
	border: 1px solid #c5c5c5!important;
}
.x-form-empty-field {
	color: #888888;
	font-style: italic;
	font-size: 0.95em;
}
.x-form-field, .x-form-item, .x-boundlist-item {
	color: #666666;
	border-radius: 4px;
}

.x-toolbar-default {
	background-color: #f5f5f5;
	/*background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e7e7e7' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");*/
	background-image: none;
	border-radius: 2px;
	border-color: #eee;
}

.layer_title {
	font-weight: bold;
	margin-bottom: 3px;
}

/* Partner pages */
.partner-frame h2, .partner-frame h3 {
    color: #666666;
    font-family: sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 0.3em;
    padding: 0.2em 0 0.2em 0em;
} 

.partner-frame h2 {
    border-bottom: 0 solid #8CACBB;
	
}
.partner-frame h3 {
	border-bottom: 3px double #8CACBB;
	margin-bottom: 1em!important;
	margin-top: 1em!important;
}

.partner-frame .summary-table {
	border: 1px solid #8CACBB;
	border-radius: 4px;
	padding: 10px;
}

#downloadPanelButtons .button, .quick-download .button {
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	background-color: #eee;
	margin: 4px 15px 1px;
}
.quick-download .button {
	width: 185px;
	padding: 8px;
	text-align: center;
}

.quick-download div.selected {
	border: 1px solid #aaa;
	background-color: #ccc;	
}

#downloadPanelButtons .button:hover {
	background-colot: #dae5f3l
}

.x-tool-seamaphelp {
	background-image: url(/icons/icon_information.png) !important;
	width: 16px !important;
	height: 16px !important;
	background-size: 16px;
}
.x-tool-seamapclose {
	background-image: url(/icons/icon_close_popup.gif) !important;
	width: 16px !important;
	height: 16px !important;
	background-size: 16px;
}

span.tip-asterisk {
	font-weight: bold;
	color: #04408c;
}

div.collabo-logos {
	position: absolute;
	top: 7px;
	left: 80px;
	width: auto;
	height: 36px;
}

div.collabo-logos img {
	height: 100%;
	margin-right: 5px;
	max-width: 200px;
}

.status-info-icon { /* species_info.php - species summary box (blue background) */
	display: inline-block;
	background-color: white;
	border-radius: 50%;
	padding: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
}

.status-info-icon img {
	width:12px; 
	vertical-align:middle; 
	margin-left:0;
	margin-bottom: 5px;
}

/* SEAMAP4 D3 charts */
.axis {
	font-family: "Source Sans Pro", sans-serif!important;
	font-size: 11px;
	fill: #444;
}

.fill {
	fill: #F2F4F6;
}

/* bar fill per ds_type */
/*g.ds_type.ptobs {*/
rect.ptobs {
	fill: steelblue;	/* #4682B4 */
}
rect.pttag {
	/*fill: firebrick;*/	/* #B22222 */
	fill: darkred;	/* #B22222 */
}
rect.pthab {
	fill: yellow;		/* #FFFF00 */
}
rect.ptphoto {
	fill: green;		/* #008000 */
}
rect.ptacs_gs {
	fill: orange;		/* #FFA500 */
}
rect.ptacs_pa {
	fill: olive;		/* #808000 */
}
rect.ptacs_calls {
	fill: mediumOrchid;	/* #BA55D3 */
}
rect.selected {
	fill: crimson!important;
	stroke-width: 0.5px;
	stroke: aliceblue; /* #F0F8FF */
}
div.ptobs {
	background-color: steelblue;
}
div.legend-ds_type, div.legend-oceano {
	width: 12px;
	margin: 3px 4px 2px 0;
	height: 12px;
}
div.pttag {
	/*background-color: firebrick;*/
	background-color: darkred;
}
div.pthab {
	background-color: yellow;
}
div.ptphoto {
	background-color: green;
}
div.ptacs_gs {
	background-color: orange;
}
div.ptacs_pa {
	background-color: olive;
}
div.ptacs_calls {
	background-color: mediumOrchid;	/* #BA55D3 */
}

.y path, .y-second path, .x path, .y line, .y-second line, .x line {
	fill: none;
	stroke: #444;
	stroke-width: 1.0px;
}

.line-y1_value {
	border: 1px solid #ff3c00;
	stroke: #ff3c00;
}
.line-y2_value {
	border: 1px solid #d30af0;
	stroke: #d30af0;
}
.line-y3_value {
	border: 1px solid #ffd700;
	stroke: #ffd700;
}
.line-y4_value {
	border: 1px solid #14ff00;
	stroke: #14ff00;
}
.line-y5_value {
	border: 1px solid #00abff;
	stroke: #00abff;
}
.histogram-sst {
	fill: #f0a50a;
}
.histogram-ssh {
	fill: #f0550a;
}
.histogram-chl {
	fill: #8FBC8F;
}
.histogram-salinity {
	fill: #14ff00;
}
.histogram-bath {
	fill: #0abaf0;
}

/* Dist - each species as a series */
.point-y1_value {
	fill: #ff3c00;
}
.point-y2_value {
	fill: #d30af0;
}
.point-y3_value {
	fill: #ffd700;
}
.point-y4_value {
	fill: #14ff00;
}
.point-y5_value {
	fill: #00abff;
}

.line-second-axis, .line-series {
	fill: none;
	stroke-width: 1.5px;
}
.line-animal_hours, .line-animal_km, .line-effort_hours, .line-effort_km {
	stroke: #ccc;
	border: 1px solid #ccc;
}
.line-sst {
	stroke: #ff6200;
	border: 1px solid #ff6200;
}
.point-sst {
	fill: #ff6200;
}
.line-sal {
	stroke: #720af0;
	border: 1px solid #720af0;
}
.point-sal {
	fill: #720af0;
}
.line-ssh {
	stroke: #f0550a;
	border: 1px solid #f0550a;
}
.point-ssh {
	fill: #f0550a;
}
.line-chl {
	stroke: #a8f00a;
	border: 1px solid #a8f00a;
}
.point-chl {
	fill: #a8f00a;
}
.line-bath {
	stroke: #0abaf0;
	border: 1px solid #0abaf0;
}
.point-bath {
	fill: #0abaf0;
}
.line-effort_hours {
	stroke: #ccc;	
}
.point-effort_hours {
	fill: #ccc;
}
.line-effort_km {
	stroke: #ddd;	
}
.point-effort_km {
	fill: #ddd;	
}
.line-animal_hours {
	stroke: #aaa;	
}
.point-animal_hours {
	fill: #aaa;	
}
.line-animal_km {
	stroke: #bbb;	
}
.point-animal_km {
	fill: #bbb;	
}

.point-second-axis {
	/*fill: #f0a50a;*/
}
.line-diversity {
	fill: none;
	stroke-width: 1.5px;
	margin-top: 5px;
}
.line-diversity.y1_value {
	stroke: #008000;
	border: 1px solid #008000;
}
.point-diversity1 {
	fill: #008000;
}
.line-diversity.y2_value {
	stroke: #c20024;
	border: 1px solid #c20024;
}
.point-diversity2 {
	fill: #c20024;
}
.line-diversity.y3_value {
	stroke: #2044ba;
	border: 1px solid #2044ba;
}
.point-diversity3 {
	fill: #2044ba;
}
.point-diversity4 {
	fill: #f0a50a;
}
.line-diversity.y4_value {
	stroke: #f0a50a;
	border: 1px solid #f0a50a;
}
.point-diversity5, .point-diversity.y5_value {
	fill: #00abff;
}
.line-diversity.y5_value, .line-diversity5 {
	stroke: #00abff;
	border: 1px solid #00abff;
}
.paging-button {
	cursor: pointer;
}

.paging-button rect {
	/*fill: #ccc;*/
	fill: #fff;
	stroke: #d5d5d5;
	stroke-width: 1px;	
}

.chart-tooltip {
	position: fixed;
	display: none;
	background-color: rgb(238, 238, 238);
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	padding: 5px 10px;
	z-index: 100;
}

#chartTooltip-dist .title, #chartTooltip-taxon_chart .title {
	font-weight: bold;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 4px;
	padding-left: 2px;
}

#chartTooltip-dist .value, #chartTooltip-taxon_chart .value {
	margin-left: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}

#div_range_chartOnMap {
	width: 178px;
	margin: 6px;
	font-size: 0.95em;
}

#div_range_chartOnMap .range-selection, #div_range_chartOnMap .legend {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px 6px;
}

/*
.series-legend .legend-mark, .oceano-legend .legend-mark {
	margin-right: 5px;
}
.series-legend .legend-mark hr, .oceano-legend .legend-mark hr {
	width: 15px;
}
*/

.series-legend-nav {
	display: flex;
	flex-direction: row!important;
	justify-content: space-between!important;
	border: none!important;
	font-size: 0.9em;
}
#div_range_chartOnMap .selection {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 1px;
}

.tbtext_time_range {
	margin-left: 8px;
}

.diagonal-stripe-path {
	stroke: #ccc;
	stroke-width: 1px;
}

.paging-button-fill-end-dist {
	fill: url(#diagonal-stripe-dist)!important;
}
.paging-button-fill-end-histogram {
	fill: url(#diagonal-stripe-oceano_histogram)!important;
}
.paging-button-fill-end-taxon {
	fill: url(#diagonal-stripe-taxon_chart)!important;
}

.selection-none-tips {
	font-size: 0.9em;
	font-style: italic;
	margin: 4px;
}

.x-taxon {
	font-size:10px;
}

#div_range_taxonChartOnMap ::placeholder {
	font-size: 0.9em;
	font-style: italic;
}

#div_diversity table.listing {
	margin: 6px 0px;
}

#div_diversity .listing td {
	padding: 1px 4px;
	line-height: 1.1em;
}

#div_range_taxonChartOnMap input {
	width: 6em;
	padding: 1px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #ccc;
}

#div_range_taxonChartOnMap img.button {
	width: 16px;
	margin-left: 4px;
}

/* Animation copied from https://loading.io/css/
It is CC0 and free to use.
*/
.lds-spinner-frame {
	/* this class is added by EF */
	width: 70px;
	height: 70px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: 50%;
	margin-top: -35px;
}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  /* background: #cef; original color */
  background: #18a4e4;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.gridLine line {
	stroke: #ddd;
	stroke-width: .5px;
}

.chart-title {
	font-size: 12px;
	font-weight: bold;
	fill: #666;
}

#div_range_taxonChartOnMap {
	text-align: center;
	margin: 4px 6px;
	font-size: 0.95em;
}

#divCoverBlank {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	width:100%; 
	height:100%; 
	background-color:#1380AB; 
	z-index: 29000; 
	position: absolute; 
	top: 0; left: 0; opacity: 1;
}

#zonesList input[type="checkbox"] {
	margin-right: 6px;
}

/* For zd_427 */
input[name="esas_summary_species"] {
	margin-right: 6px;
}

#esasSummarySubPanel input[type="text"], #esasEffortSubPanel input[type="text"] {
	text-align: right;
	padding-right: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

#esasEffortSubPanel input[type="radio"], #esasEffortSubPanel input[type="checkbox"] {
	margin-right: 6px;
}

table.oceano {
	margin-top: 4px;
}
.oceano tr.header {
	background-color: #EEE;
}

.oceano td.numeric {
	text-align: right;
}
.oceano tr.header th {
	font-weight: bold;
}

#div_time_range_options, #div_zones_list {
	font-size: 0.95em;
}

#div_time_range_options .env-layer-info table {
	margin-left:5px;
}

#div_time_range_options .env-layer-info td {
	padding-right: 4px;
}

.icon-filter-frame {
	border: 1px solid #ccc !important;
	border-radius: 4px;
	padding: 1px 2px !important;	
}

.icon-filter-frame-highlighted {
	background-color: #eee;
}

#tab_information.layout1 {
	display: flex !important;
}
#Info_Tab_Information.layout1 {
	display: block !important;
	flex: 1 1 80%;
}
#Info_Tab_Legends.layout1 {
	display: block !important;
	flex: 1 1 20%;
	margin-left: 6px;
}

#iconLayout1, #iconLayout0 {
	width: 16px;
	height: 15px;
	vertical-align: baseline;
	padding: 0 0 1px;
}

#iconLayout1.selected {
	border-bottom: 2px solid #d5d5d5;
}

.info-window-header-Legends.stay-on {
	border-bottom: 2px solid #d5d5d5 !important;
}

.oceano-source-label {
	text-transform: uppercase;
	width: 3em;
}
.oceano-source-radio {
	margin-right: 4px;
}

.oceano-options-frame {
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 4px;	
	margin-top: 6px;
}

.oceano-options-source-box {
	display:flex; 
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
}

.oceano-options-frame .oceano-options-source-box:last-child {
	margin-bottom: 0;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.contact td {
	padding: 1px 8px;
}

td.new-dataset-download {
	vertical-align: top;
	padding-top: 2px;
	padding-left: 4px;
}
td.new-dataset-download img {
	width: 18px;
}

.list-of-included {
	opacity: 0;
	width: 0;
	height: 0;
	transition: height 2s , opacity 2s;
	overflow: hidden;
	border: none;
	border-radius: 4px;
	font-size: 0.95em;
}

.list-of-included-show {
	opacity: 1 !important;
	height: 150px !important;
	width: auto !important;
	padding: 10px 15px 6px !important;
	border: 1px solid #ccc !important;
}

.download-form-notes-show {
	opacity: 1!important;
}

.checkbox-borders-label {
	margin-left: 15px;
}
.branching-taxa {
	font-size:0.9em;
	margin-right:5px;
}
.branching-taxa table {
	margin-right: 0;
	margin-left: auto;
}

.branching-taxa td, .branching-taxa th {
	padding: 0 6px;
}

#welcomeV4 {
	position:absolute; 
	top: -150px; /* After loaded, top will be 40px */
	right: 30px; 
	z-index: 20000;
	height: auto;
	transition: top 2s ease;
}

.provider_url {
	color: #666!important;
}

.provider_url:hover {
	color: #F08800!important;
}

#h3_resolution {
	width: 22px;
	border-radius: 4px;
	border-width: 1px;
	text-align: center;
	padding: 1px 2px;
}

.identify-obis-taxa {
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}

.rangemap_legend img {
	width: 15px;
	margin-left: 6px;
	vertical-align: middle;
}


.logout-button {
	background: none;
	border: none;
	cursor: pointer;
	color: #ddd;
	font-family: "Source Sans Pro", sans-serif !important;
	font-size: 1em;
	line-height: 14px;
	letter-spacing: 1.4px;
	padding: 0;
}

.logout-button:hover {
	color: #EB9900;
}

ul.changelog {
	margin-left: 20px;
}

ul.changelog li {
	list-style: disc outside;
}

.query-popup-oceano-title {
	font-weight: bold;
}