/*****************/
/*    LAYOUT    */
/***************/

@charset "UTF-8";
@font-face{
	font-family:'Notes ESA';
	src:url(/styles/fonts/esa/NotesEsaReg.0108671f1f2f697095af.eot);
	src:url(/styles/fonts/esa/NotesEsaReg.0108671f1f2f697095af.eot?#iefix) format('embedded-opentype'),
		url(/styles/fonts/esa/NotesEsaReg.bc2f4f6ff8eaf48324c4.otf) format("opentype"),
		url(/styles/fonts/esa/notesesareg-webfont.58f0e15378d39b02780a.woff2) format('woff2'),
		url(/styles/fonts/esa/notesesareg-webfont.dc908c98d1cd2fc6b7b0.woff) format('woff');
		font-weight:400;font-style:normal
}
@font-face{
	font-family:'Notes ESA Bold';
	src:url(/styles/fonts/esa/NotesEsaBol.b565a92ebb650adb1bde.eot);
	src:url(/styles/fonts/esa/NotesEsaBol.b565a92ebb650adb1bde.eot?#iefix) format('embedded-opentype'),
		url(/styles/fonts/esa/NotesEsaBol.6f555f45da244dcb80b4.otf) format("opentype"),
		url(/styles/fonts/esa/notesesabol-webfont.224bcdb1ebb913e06ec7.woff2) format('woff2'),
		url(/styles/fonts/esa/notesesabol-webfont.da02f5b068dbb98db3af.woff) format('woff');
		font-weight:700;font-style:normal
}
@font-face{
	font-family:'Notes ESA Italic';
	src:url(/styles/fonts/esa/NotesEsaIta.10fe25f1ea687ad39d39.eot);
	src:url(/styles/fonts/esa/NotesEsaIta.10fe25f1ea687ad39d39.eot?#iefix) format('embedded-opentype'),
		url(/styles/fonts/esa/NotesEsaIta.3d2eaabc689e887398ab.otf) format("opentype");
	font-weight:400;
	font-style:italic
}
@font-face{
	font-family:'Notes ESA Bold Italic';
	src:url(/styles/fonts/esa/NotesEsaBolIta.0de04df42ccb7142fb57.eot);
	src:url(/styles/fonts/esa/NotesEsaBolIta.0de04df42ccb7142fb57.eot?#iefix) format('embedded-opentype'),
		url(/styles/fonts/esa/NotesEsaBolIta.1d690638a2d24a535ac7.otf) format("opentype");
	font-weight:700;
	font-style:italic
}

html, body {
	height: 100%;
	overflow: hidden;
}

.geobrowser-loader-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: white;
    z-index: 1000;
}
.geobrowser-loader-container > div {
    display: block;
    margin: 20% auto 0 auto;
    text-align: center;
}
.geobrowser-loader-container .loaderIcon { font-size: 45px; vertical-align: middle; }
.geobrowser-loader-container .loaderIcon .fa-gear { color: lightgray; }
.geobrowser-loader-container .loaderIcon .fa-globe { color: gray; }
.geobrowser-loader-container .errorIcon { font-size: 45px; vertical-align: middle; }
.geobrowser-loader-container .title {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    font-size: 35px;
}
.geobrowser-loader-container .subTitle { color: #888; }


/* unsupported browser */

.unsupportedBrowser {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000000000000;
	background-color: rgba(0,0,0,0.7);
}
.unsupportedBrowser > div {
    width: 600px;
    min-height: 300px;
    background-color: white;
    margin: auto;
    margin-top: calc(50vh - 180px);
    padding: 20px 30px 10px 30px;
    color: #333;
}

.unsupportedBrowser .warningIcon {
	font-size: 50px;
}


#layoutContainer { height: 100%; }
#layoutContainer .ui-layout-pane { padding: 0px;	border: none; }
#layoutContainer .ui-layout-north {	background: white; }
#layoutContainer .ui-layout-south { padding: 2px 8px; }
#layoutContainer .ui-layout-south>div { display: none; height: 100%; }
#layoutContainer .ui-layout-south>div>div { height: 100%; }
#layoutContainer .ui-layout-west { overflow: hidden; }
#layoutContainer .ui-layout-resizer { background: white; }
#layoutContainer .ui-layout-toggler { border: 1px solid #DDD; background-color: #DDD; }

/* catalog panel toggler */
#catalogPanelToggler {
	z-index: 10000;
	position: absolute;
	top: 40px;
	background: white;
	border-radius: 0px;
	border: none;
	padding: 5px 4px;
	box-shadow: 2px 0px 4px -2px black;
	outline: 0;
}

/* wps panel toggler */
#wpsPanelToggler {
	z-index: 10000;
	position: absolute;
	right: 0px;
	top: 55px;
	background: white;
	border-radius: 0px;
	border: none;
	padding: 5px 2px 5px 4px;
	box-shadow: -2px 0px 4px -2px black;
	outline: 0;
}


/* north top bar */

body.betaTestREF #topBar > .logo:after, body.betaTestDEV #topBar > .logo:after {
    color: #c35150;
    position: absolute;
    transform: rotate(-20deg);
    bottom: -23px;
    right: 20px;
    font-size: 11px;
    font-weight: bold;
    font-family: georgia;
}

body.betaTestREF #topBar > .logo:after {
	content: "REF";
}
body.betaTestDEV #topBar > .logo:after {
	content: "DEV";
}


/* Disable layout but map (used during bounding box) */
#layoutContainer.customSelectBoundingBoxEnabledLayout > :not(.ui-layout-center){
	pointer-events: none;
	filter: brightness(0.4);
}
#layoutContainer.customSelectBoundingBoxEnabledLayout .jqrangeContainer,
#layoutContainer.customSelectBoundingBoxEnabledLayout .smartMapTools > .leaflet-draw,
#layoutContainer.customSelectBoundingBoxEnabledLayout .leaflet-control-container {
	display: none;
}


/* TOPBAR */
#topBar {
	width: 100%;
	height: 45px;
	display: flex;
	overflow-y: hidden;
}
#topBar > div {
	vertical-align: top;
	height: 45px;
	margin-right: 8px;
}
#topBar > .logo {
	margin-left: 10px;
	margin-top: 5px;
}
#topBar > .logo img {
	height: 40px;
}
/* thematic app title */

#thematicAppTitle {
	font-size: 11px;
	color: #656565;
	font-weight: bold;
	margin-top: 2px;
	position: relative;
	width: 160px;
	flex-shrink: 0;
	overlow: hidden;
}
#thematicAppTitle > i {
	position: absolute;
	top: 16px;
	left: 0px;
	color: #aaa;
	font-size: 14px;
}

#thematicAppTitle > div, #thematicAppTitle > a {
	position: absolute;
	display: block;
	top: 2px;
	left: 17px;
	width: 35px;
	height: 35px;
	background-size: cover;
	background-position: 50% 50%;
	margin-right: 5px;
	border: 1px solid lightgray;
	border-radius: 3px;
}

#thematicAppTitle > span {
	position: absolute;
	top: 2px;
	left: 56px;
	display: block;
	height: 35px;
	width: 100px;
	line-height: 12px;
	overflow: hidden;
}

#toolsDiv {
	margin-right: 5px;
	margin-top: 8px;
}
#toolsDiv:empty{
	margin-right: 0px;
}
#toolsDiv a {
	color: #0088cc;
	font-weight: bold;
	border: 1px solid gray;
	border-radius: 0px;
	line-height: 24px;
	padding: 2px 10px;
	font-size: 12px;
}
#toolsDiv a:hover {
	text-decoration: none;
}
#toolsDiv a.disabled {
	background: lightgray;
	color: #555;
	border-color: lightgray;
}



/**************/
/*   LOGIN   */
/************/

#loginDiv, div#loginDiv, ul#loginDiv {
	float: none;
	display: block;
	margin-top: 13px;
	margin-right: 20px;
	height: 25px;
}
#loginDiv>.loginMenu {
	color: gray;
	font-size: 12px;
	white-space: nowrap;
}
#loginDiv>.loginMenu>ul {
	margin: 0px 0px 0px 0px;
}
#loginDiv>.loginMenu > a {
	margin: 0px 5px;
}
#loginDiv>.loginMenu li {
	float: left;
	border-left: 1px solid;
	padding: 0px 14px;
	border: none;
}
#loginDiv>.loginMenu li:first-child { border-left: none; }
#loginDiv>.loginMenu i.fa {
	font-size: 14px;
	margin-top: 3px;
}


/**********************/
/*   CONTEXTS MENU   */
/********************/
#contextsMenu {
	flex-grow: 1;
	position: relative;
}
#contextsMenu > ul {
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	text-align: right;
	white-space: nowrap;
	
	overflow-x: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#contextsMenu > ul::-webkit-scrollbar{
	display: none;
}
#contextsMenu .nav-pills>li { display: inline-block; float: none; }
#contextsMenu li.specialContext > a { background-color: #327C04; }
#contextsMenu li.specialContext > a:hover { background-color: rgba(50, 124, 4, 0.8); }
/* bootstrap 3 */
#contextsMenu > ul > li > a {
	padding: 8px 12px;
	line-height: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 0px;
}
#contextsMenu .arrow {
	position: absolute;
	top: 8px;
	width: 30px;
	background-color: rgba(0,0,0,0.5);
	height: 30px;
	z-index: 10000000000000;
	color: white;
	padding: 2px 6px;
	font-size: 20px;
	display: none;
	cursor: pointer;
	opacity: 0.8;
}
#contextsMenu .arrow:hover {
	opacity: 1;
}
#contextsMenu .arrow.arrow-left {
	left: 0px;
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0) 100%);
}
#contextsMenu .arrow.arrow-right {
	right: 0px;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 30%);
	text-align: right;
}

/* bs3 dropdown menu */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* bootstrap dropdown left-aligned */
.dropdown-menu.dropdown-menu-left {
    left: auto;
    right: 0px;
}


.dropdown-submenu.submenu-left > .dropdown-menu {
	right: 100%;
	left: inherit;
}

.modal {
	overflow-y: auto; /* modal scroll bug */
}
.modal .modal-header.ui-draggable-handle {
	cursor: move;
}



/* east layout label */
#layoutContainer .wpsServiceLabel {
	white-space: nowrap;
	text-align: center;
	margin: 0px 0px 0px -63px;
	padding: 0px 0px 0px 0px;
	font-size: 19px;
	
	-webkit-transform: rotate(-90deg); /* safari */
	-moz-transform: rotate(-90deg); /* firefox */
	-ms-transform: rotate(-90deg); /* ie */
	-o-transform: rotate(-90deg); /* opera */
	transform: rotate(-90deg); /* others */
	
	-webkit-transform-origin: right bottom 0px; /* safari */
	-moz-transform-origin: right bottom 0px; /* firefox */
	-ms-transform-origin: right bottom 0px; /* ie */
	-o-transform-origin: right bottom 0px; /* opera */
	transform-origin: right bottom 0px; /* others */
}
#layoutContainer .wpsServiceLabel:hover { cursor: pointer; }

/* west panel */





/**********************/
/*  INTERACTION PANEL */
/**********************/

#catalogPanel .catalogPanel-header {
	position: absolute;
	display: block;
	top: 0px;
	height: 70px;
	width: 100%;
	z-index: 100000000000;
	background: white;
}
#catalogPanel .catalogPanel-header>a {
	height: 27px;
	width: 27px;
	display: inline-block;
	text-align: center;
	background: #ddd;
	line-height: 30px;
	margin-top: 10px;
	margin-left: 3px;
}
#catalogPanel .catalogPanel-header>a.selected {
	background: #1e87cc;
	color: white;
}
#catalogPanel .catalogPanel-header-title {
	height: 30px;
	color: #fff;
	background: #1e87cc;
	line-height: 32px;
	font-size: 16px;
	padding-left: 10px;
	position: relative;
}
#catalogPanel .catalogPanel-header-title .wmsGlobalLoader {
	font-size: 15px;
	display: none;
	position: absolute;
	right: 10px;
	top: 7px;
}
#catalogPanel .catalogPanel-header-title .goBack {
	color: white;
	font-size: 32px;
	vertical-align: bottom;
}

#catalogPanel .catalogPanelContent {
	position: absolute;
	top: 75px;
	bottom: 0px;
	width: 100%;
}
#catalogPanel .catalogPanelContent > div {
	height: 100%;
	padding: 0px 6px;
}
/*#catalogPanel .catalogPanelContent > div > div:first-child{
	margin-top: 40px;
}*/

/***********************/
/*   GEOBROWSER MAP   */
/*********************/

/* map & container */
#geobrowserMap {
	position: relative;
	height: 100%;
}
#geobrowserMap > .geobrowser-map {
	height: 100%;
}
#geobrowserMap > .osn-innerShadow {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	box-shadow: inset 0 0 10px #555;
	-moz-box-shadow: inset 0 0 10px #555;
	pointer-events: none;
}

/* loaders  */
#geobrowserMap > .osn-loader {
	position: absolute;
	z-index: 10000;
	left: 50%;
	top: 55px;
	
	background-color: white;
	padding: 5px 10px;
	border-radius: 5px;
	opacity: 0.8;

	font-size: 12px;
	font-weight: bolder;
	color: #888;
	display: none;
	text-align: center;
}
#geobrowserMap > .osn-loader > i {
	font-size: 30px;
	line-height: 30px;
}

#geobrowserMap > .osn-subLoader {
	position: absolute;
	top: 17px;
	color: #555;
	right: 58px;
	font-size: 11px;
}

#geobrowserMap > .osn-subLoader>span {
	background-color: white;
	border: 2px solid white;
	border-radius: 7px;
	box-shadow: 1px 1px 1px #888888;
	margin-left: 5px;
	padding: 1px 2px;
}

/* range slider */
#geobrowserMap > .jqrangeContainer {
	position: absolute;
	z-index: 999;
	bottom: 20px;
	left: 80px;
	right: 80px;
}
.ui-rangeSlider-label {
    z-index: 1000;
}
.chronogramContainer {
    position: absolute;
    left: 16px;
    right: 16px;
    height: 40px;
    /* pointer-events: none; */
    bottom: 20px;
}
#geobrowserMap > .jqrangeContainer > .ui-rangeSlider-container { z-index: 10; }
#geobrowserMap > .jqrangeContainer .chronogramZoomBtn {
	position: absolute;
	top: 17px;
	left: 50%;
	height: 20px;
	width: 116px;
	margin-left: -62px;
	border-radius: 0px 0px 6px 6px;
	color: black;
	background: #c5c5d0;
	text-align: center;
	z-index: 0;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s linear;
}
#geobrowserMap > .jqrangeContainer:hover .chronogramZoomBtn.enabled {
	visibility:visible;
	opacity:1;
}

/* search on map move control */
.searchOnMapMove i {
	font-size: 18px;
	padding: 4px;
	width: 19px;
	text-align: center;
}
.searchOnMapMove.enabled i {
	background: #D7F0FF;
	border-radius: 4px;
}

/* geobrowser alerts */
#geobrowserMap .geobrowserAlerts {
    position: absolute;
    z-index: 10;
    right: 50px;
    top: 10px;
}
#geobrowserMap .geobrowserAlerts > div {
	display: inline-block;
	min-height: 37px;
	margin-right: 5px;
	vertical-align: bottom;
}

/* wms alert */
#geobrowserMap .wmsAlert {
	padding: 2px 5px;
	color: #808080;
	background-color: #f5f5f5;
	border-color: #f5f5f5;
}
#geobrowserMap .wmsAlert a, #geobrowserMap .wmsAlert a:hover {
	color: #808080; text-decoration: none;
}
.wmsAlert-modal .legend {
	font-size: 12px;
    background: #ddd;
    width: 352px;
    padding: 10px 10px 1px 10px;
    color: #555;
    border-radius: 5px;
}
.wmsAlert-modal .legend > p { line-height: 15px; }

.leaflet-control.geobrowser-legend {
	margin-bottom: 60px;
	position: relative;
}
.leaflet-control.geobrowser-legend>a {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
	background: white;
	color: black;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 100px;
	font-size: 10px;
	line-height: 16px;
}
.leaflet-control.geobrowser-legend>a.removeLegend {
	right: 23px;
	line-height: 15px;
}
.leaflet-control.geobrowser-legend:hover>a {display: block; }
.leaflet-control.geobrowser-legend>img {
    max-width: 350px !important;
    max-height: 300px;
	border-radius: 7px;
	box-shadow: -1px 1px 5px 0px grey;
	background-color: rgba(255,255,255,0.7);
}



/***********************/
/*   LEAFLET CUSTOM   */
/*********************/

/* all leaflet controls */
.leaflet-control-container { z-index: 10; }
.leaflet-bottom.leaflet-left { z-index: 20000; }

/* overlay fix  */
.leaflet-overlay-pane > svg { z-index: 10000; }
/* google layer fix */
.leaflet-google-layer { z-index: 0; }

/* leaflet control container with flex behaviour */
/* with this we can have a lot of controls on the left */
#flexControlContainer {
	position: absolute;
	left: 5px;
	top: 83px;
	display: flex;
	flex-direction: column;
	width: 118px;
	flex-wrap: wrap;
	bottom: 76px;
	align-content: flex-start;
	z-index: 10000;
}
#geobrowserMap .leaflet-sbs-range { z-index: 10001; }
#flexControlContainer:empty { display: none; }
#flexControlContainer > .leaflet-control {
	width: 26px;
	margin: 5px;
}
#flexControlContainer.smartMapTools > div:not(.leaflet-control-zoom) {
	transition: opacity 0.5s;
	opacity: 0;
}
#flexControlContainer.smartMapTools:hover > div {
	opacity: 1;
}

/* leaflet popup */

.leaflet-popup-content {
	width: 400px !important;
	max-height: 300px;
	overflow: auto;
}
.leaflet-popup-content h5 {
	word-break: break-all;
}

@keyframes fade { from { opacity: 0.5; } }
@keyframes sonar-effect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px red, 0 0 10px 5px red, 0 0 0 5px red;
	}
	100% {
		box-shadow: 0 0 0 2px red, 0 0 10px 5px red, 0 0 0 5px red;
		transform: scale(2);
		opacity: 0;
	}
}
.leaflet-marker-icon.blinking {
}
.leaflet-marker-icon.blinking:before {
	content: '';
    display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 10px 5px red;
}
.leaflet-marker-icon.blinking-sonar:before {
	content: '';
    display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	animation: sonar-effect 1s ease-in-out .1s infinite;
}

.leaflet-not-clickable {
	pointer-events: none;
}


/*************************/
/*   LEAFLET CONTROLS   */
/***********************/

/* layers control */
.leaflet-control-layers.leaflet-control>form {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;

	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}

/* styles control */
.stylesControls {
	display: table;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 300px;
	height: 300px;
	background: white;
	z-index: 1000;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
	border-radius: 5px;
	padding: 40px 5px 5px 5px;
}
.stylesControls>.close{ position: absolute; top: 5px; right: 10px; }
.stylesControls>.layerName { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; }
.stylesControls-form {
	display: table-cell;
	height: 30px;
	padding: 5px;
}

.stylesControls-form label { display: inline-block; margin: 0px; line-height: 12px; font-size: 12px; }
.stylesControls-form label > input[type="radio"]{ vertical-align: baseline; }
.stylesControls-form > .opacitySlider { margin: 5px 10px 10px 5px; }
.stylesControl-colorPicker {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid black;
    border-radius: 3px;
    width: 12px;
    height: 12px;
}

.stylesControls-preview {
	background: url(https://composingdigitaldiyarchive.files.wordpress.com/2013/09/screen-shot-2013-09-16-at-9-44-39-pm.png?w=487);
	background-repeat: no-repeat;
	text-align: center;
	display: table-cell;
	width: 130px;
	height: 100px;
}
.stylesControls-preview>svg {
	width: 100px;
	height: 100px;
	display: block;
	margin: auto;
}
.leaflet-control-layers-overlays label .stylesButtonContainer {
	margin-left: 5px;
	display: inline-block;
	min-width: 20px;
}
.leaflet-control-layers-overlays label .stylesButton {
	display: inline-block;
	margin-left: 2px;
	visibility: hidden;
}
.leaflet-control-layers-overlays label:hover .stylesButton {
	visibility: visible;
}
.leaflet-control-layers-overlays .opacitySlider {
	margin: 5px 10px 10px 20px;
}

/* geobrowser layer info (or legend) */
.geobrowser-layerInfo {
    position: absolute;
	top: 60%;
    left: 80%;
    background: white;
    border-radius: 5px;
    padding: 3px;
	box-shadow: 1px 3px 8px #444;
	z-index: 1000;
}
.geobrowser-layerInfo > .geobrowser-layerInfo-title{
	padding: 2px 5px;
	cursor: move;
	background: lightgray;
}
.geobrowser-layerInfo .geobrowser-layerInfo-closeBtn {
    float: right;
    color: gray;
}


/* credits control */
.creditsControl.leaflet-control {
    background: rgba(255,255,255,0.8);
    border-radius: 4px 0px 0px 0px;
    margin: 0px;
    font-size: 11px;
    padding-left: 3px;
}
.creditsControl.leaflet-control>span {
    margin-left: 2px;
    padding-right: 3px;
}
.creditsControl.leaflet-control>span:not(:last-child) {
    border-right: 1px solid gray;
}

/* scale control */
.leaflet-control-scale.leaflet-control {
	margin: 0px 0px;
}

/* measure control */
.leaflet-control-draw-measure { background-image: url(../img/measure-control.png); }

/* leaflet coordinates */
.leaflet-control-coordinates.leaflet-control{
	background-color: #D8D8D8;
	background-color: rgba(255,255,255,0.8);
    border-radius: 0px 4px 0px 0px;
    margin: 0px;
    font-size: 11px;
	cursor: pointer;
}
.leaflet-control-coordinates .uiElement {
	background-color: transparent;
	margin-left: 4px;
	margin-right: 4px;
}
.leaflet-control-coordinates .uiHidden { display: none; }
.leaflet-control-coordinates .uiElement.label {
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	padding: 0;
	display: inline;
}

/* leaflet context menu */
.leaflet-contextmenu a.leaflet-contextmenu-item { cursor: pointer; }
.leaflet-contextmenu a.leaflet-contextmenu-item > small{ color: gray; }
.leaflet-contextmenu a.leaflet-contextmenu-item:hover, .leaflet-contextmenu a.leaflet-contextmenu-item:hover>small {
	background-color: #0081c2;
	color: #ffffff;
}



/**********************/
/*   SEARCH FILTER   */
/********************/



.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
	height: 26px;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


.searchFilter {
	position: relative;
	max-width: 230px;
}
.searchFilter input.form-control {
/*	padding-right: 18px;*/
/*	height: 24px;*/
/*	z-index: 10;*/
}
.searchFilter .input-group-addon {
/*	height: 10px;*/
/*	padding: 2px 6px;*/
	color: gray;
}

.searchFilter a.removeFilter {
	display: inline-block;
	position: absolute;
	font-size: 13px;
	color: #bbb !important;
	z-index: 10;
	margin-left: -16px;
	margin-top: 3px;
}
.searchFilter a.infoIcon {
	font-size: 14px;
	line-height: 14px;
	background-color: white;
	display: inline-block;
	border-radius: 0px 10px 10px 0px;
	border: 2px solid white;
	margin: 3px 0px 0px 0px;
	padding: 0px 1px 0px 0px;
	position: absolute;
}
.searchFilter a.infoIcon:hover { opacity: 0.8; }


.searchFilter.searchFilter-mini {  }
.searchFilter.searchFilter-mini input {
	height: 19px;
	font-size: 10px;
}
.searchFilter.searchFilter-mini .input-group-addon {
	height: 16px;
	font-size: 10px;
	padding-top: 0px;
}
.searchFilter.searchFilter-mini a.removeFilter { margin-top: 1px; }

.searchFilter .authorDropdown {
	position: absolute;
	left: 28px;
	top: -7px;
}
.searchFilter .authorDropdown > .btn {
	visibility: hidden;
	pointer-events: none;
	z-index: 0;
}
.searchFilter .authorDropdown > .dropdown-menu {
	padding: 0px 0px 0px 0px;
	border-radius: 0px 0px 3px 3px;
}

/********************/
/*   INFO FILTER   */
/******************/

#geobrowserMap .filterControl.leaflet-control {
	margin-top: 7px;
	margin-left: 7px;
	height: 26px;
}
#geobrowserMap .filterControl-searchFilterContainer{
	display: inline-block;
}

#infoFilters { display: inline-block; margin-left: 15px; }
#infoFilters>.infoFilter {
	margin-left: 10px;
	margin-top: -6px;
	vertical-align: top;
	display: inline-block;
	position: relative;
}

#infoFilters>.infoFilter>span>* {
	color: white;
	text-decoration: none;
}
#infoFilters>.infoFilter>span>a { opacity: 0; width: 10px; display: inline-block; text-align: center;}
#infoFilters>.infoFilter:hover>span>a { opacity: 1; }
#infoFilters>.infoFilter>span>a.locked { opacity: 1; }

#infoFilters>.infoFilter>ul {
	position: absolute;
    top: 17px;
    left: 0px;
    width: auto;
    padding: 5px 5px 5px 10px;
    border-radius: 0px 3px 3px 3px;
    list-style: none;
    display: none;
}
#infoFilters>.infoFilter:hover>ul { display: block; }
#infoFilters>.infoFilter:hover>span { border-radius: 3px 3px 0px 0px; }
#infoFilters>.infoFilter>ul:empty { display: none; }
#infoFilters>.infoFilter>ul>li>a { color: #ddd; white-space: nowrap; }
#infoFilters>.infoFilter>ul>li>a:hover { text-decoration: none; }
#infoFilters>.infoFilter>ul>li>a>i { visibility: hidden; }
#infoFilters>.infoFilter>ul>li:hover>a>i { visibility: visible; }


/*************************/
/*   GEOCODING WIDGET   */
/***********************/
#geobrowserMap .geobrowser-geocoding { height: 30px; }
#geobrowserMap .geobrowser-geocoding form, #geobrowserMap .geobrowser-geocoding input { margin-bottom: 0px; }
#geobrowserMap .geobrowser-geocoding ul {
	left: 33px;
	max-height: 150px;
    max-width: 500px;
    overflow: scroll;
}
#geobrowserMap .geobrowser-geocoding > .loader {
    position: absolute;
    right: 18px;
    top: 19px;
    color: gray;
    display: none;
}
#geobrowserMap .geocodingIcon {
	background-image: url(../img/geocodingIcon.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
}


/******************************/
/*   OPENSEARCH GEO VIEWER   */
/****************************/

/* opensearch form */
#searchPanel {
	background: rgba(255,255,255,0.85);
	border-right: 1px solid #DDD;
	height: 100%;
}

#searchPanel .searchPanelContent,
#searchPanel .searchPanelContent > div,
#searchPanel .osn-searchForm .osfi-formContainer { height: 100%; }

#searchPanel .osn-searchForm .osfi-form {
	height: 100%;
	overflow: scroll;
	padding-left: 15px;
}
#searchPanel .osn-searchForm .osfi-form-field { margin-bottom: 0px; }
#searchPanel .osn-searchForm .osfi-form-fieldOptions { width: 156px; }

#searchPanel .bottomSpacer { height: 55px; }
#searchPanel .osfi-searchButton {
	position: absolute;
	bottom: 0px;
	height: 40px !important;
	width: 100%;
	background: #DDD;
	color: #666;
	text-align: center;
	line-height: 39px;
}
#searchPanel .osn-searchForm .osfi-form .control-group { margin-bottom: 8px; }
#searchPanel .osn-searchForm .osfi-form label { font-size: 12px; margin: 0px 0px 0px 2px; color: #777; }
#searchPanel .osn-searchForm .osfi-form label.error {
	font-size: 11px;
	line-height: 14px;
	font-weight: initial;
	color: #a94442;
}
#searchPanel .osn-searchForm .osfi-form label.error:empty {
    display: none;
}


/* results panel */
.osn-results {
	height: 100%;
	font-size: 12px;
}

/* results loadMask */
.osn-results > .osn-result-mask {
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.osn-results > .osn-result-mask>div {
	top: 50%;
	position: absolute;
	margin-right: 100px;
	text-align: center;
	width: 100%;
}
.osn-results > .osn-result-mask>div>div {
	width: 100px;
	background: #eee;
	border-radius: 4px;
	margin: auto;
	margin-top: -12px;
	padding: 4px;
	font-size: 12px;
}

/* results table header */
.osn-results-tableHeader {
}
.osn-results-tableHeader-item { display: inline-block; }

/* results table footer */
.osn-results-tableFooter{ text-align: center; margin: 10px 0px; }
.osn-results-tableFooter > div { display: inline-block; vertical-align: middle; }
.osn-results-tableFooter .pagination { margin: 5px 0px; }
.osn-results-tableFooter .pagination > ul { white-space: nowrap; }
.osn-results-tableFooter .pagination > ul > li { display: inline-block; }
.osn-results-tableFooter > .osn-results-totalResults { margin-right: 10px; color: #666; }


/* results table header: share results btn */
.osn-results-tableHeader .shareSearchResult-container { width: 23px; margin-right: 5px; }

/* results table header: title */
.osn-results-tableHeader > .osn-results-title {
	padding: 5px;
	font-size: 12px;
	line-height: 14px;
}
.osn-results-tableHeader > .osn-results-title > p {
	background: gray;
	color: white;
	padding: 3px 5px;
	text-indent: -7px;
	padding-left: 19px;
	margin-bottom: 5px;
}



/* results table header: header menu (for data package) */
.osn-results-tableHeader > .osn-results-tableHeader-item.menu {
    width: 80px;
    white-space: nowrap;
}

/* results table header: select unselect */
/*.osn-results-tableHeader > .osn-results-tableHeader-menu {	width: 40px; }*/

/* results table header: color picker */
.osn-results-tableHeader > .osn-colorPickerContainer{
	width: 20px;
	text-align: center;
}
.osn-results-tableHeader > .osn-colorPickerContainer > .osn-colorPicker {
	display: inline-block;
	vertical-align: middle;
	
	border: 1px solid black;
	border-radius: 3px;
	width: 12px;
	height: 12px;
}

.osn-results-tableContainer .closeCompare { text-align: center; }
.osn-results-tableContainer .closeCompare > button { font-size: 14px; padding: 4px 8px; margin-top: 10px; }


/* results table container */

/* results table */
.osn-results-tableContainer .jt-tbody>.jt-tr {
	margin: 5px 0px 5px 5px;
	display: block;
	padding: 5px 7px;
/*	background-color: white;*/
	min-height: 14px;
	line-height: 13px;
	
	border-left: 6px solid lightgray;
	border-bottom: 1px solid lightgray;
	position: relative;
}

.osn-results-tableContainer .jt-tbody>.jt-tr:hover { background-color: #ddd; }
.osn-results-tableContainer .jt-tbody>.jt-tr.ui-selected { background: #ADD8E6; }
.osn-results-tableContainer .jt-tbody>.jt-tr.ui-selecting { background: #CBE0E7; }

/* results table: rows */
.osn-results-tableContainer .osn-results-row > .jt-td { display: table; width: 100% }
.osn-results-tableContainer .osn-results-row > .jt-td > span { display: table-cell;}
.osn-results-tableContainer .osn-results-row > .jt-td > span.compareIcon { padding-right: 2px; color: red; width: 10px; }
.osn-results-tableContainer .osn-results-row .iconColumn { width: 19px; text-align: left; }
.osn-results-tableContainer .osn-results-row .iconColumn > i {
    font-size: 15px;
    line-height: 0px;
    vertical-align: middle;
}
.osn-results-tableContainer .osn-results-row .iconColumn > i.fa-object-ungroup { font-size: 14px; width: 22px; }
.osn-results-tableContainer .osn-results-row .iconColumn > i.featureHasResultsLinks { color: red; }
.osn-results-tableContainer .osn-results-row.isHighlight .iconColumn > i { color: red; }

.osn-results-tableContainer .osn-results-row.hiddenWmsLayer .iconColumn {
	opacity: 0.4;
	cursor: pointer;
}
.osn-results-tableContainer .osn-results-row.loadingWmsLayer .iconColumn>i {
	-webkit-animation: fa-spin 1s infinite linear;
	animation: fa-spin 1s infinite linear;
	opacity: 0.9;
}

/* font awesome improvement */
i.fa.faImg:before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    margin-top: -2px;
}
.fa.polyline:before {
	background-image: url('/scripts/geobrowser/img/icons/polyline.png');
}
.fa.multipolyline:before {
	background-image: url('/scripts/geobrowser/img/icons/multipolyline.png');
}
.fa.multimarker:before {
	background-image: url('/scripts/geobrowser/img/icons/multimarker.png');
}

.osn-results-tableContainer .osn-results-row > .jt-td > span.textColumn  { width: auto; white-space: pre-line; }
.osn-results-tableContainer .hiddenLayer span.textColumn { text-decoration: line-through; }
.osn-results-tableContainer .osn-results-row .showHideBtn > .showIcon { display: none; }
.osn-results-tableContainer .osn-results-row .showHideBtn > .hideIcon { display: inline; }
.osn-results-tableContainer .hiddenLayer .showHideBtn > .showIcon { display: inline; }
.osn-results-tableContainer .hiddenLayer .showHideBtn > .hideIcon { display: none; }

/* .osn-results-tableContainer .osn-results-row > .jt-td > span.textColumn.invisibleFeature { text-decoration: line-through; } */
.osn-results-tableContainer .osn-results-row > .jt-td > span.buttonsColumn  {
	/* buttons as hover object */
	display: block;
	position: absolute;
	right: 0px;
	top: 3px; /* 22px; */
	z-index: 10;
	height: 0px;
}
.osn-results-tableContainer .osn-results-row .btn-group.tools {
	display: none;
	background: #dddddd;
	height: 19px;
	padding-left: 5px;
}
.osn-results-tableContainer .osn-results-row.ui-selected .btn-group.tools {
    background: #ADD8E6;
}
.osn-results-tableContainer .osn-results-row:hover .btn-group.tools{
	display: inline-block;
}
.osn-results-tableContainer .osn-results-row .btn-group.tools > .btn-xs { height: 11px; line-height: 10px; padding: 2px 3px; }
/* allow title to have very long word */
.osn-results-tableContainer .osn-results-row > .jt-td > span.textColumn>div {
    word-break: break-all;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

/* for features having job name */
.osn-results-tableContainer .osn-results-row > .jt-td > span.textColumn.shortTitles>* {
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.osn-results-tableContainer .osn-results-row > .jt-td > span.textColumn>.jobName {
    font-size: 10px;
    margin-top: 3px;
    display: inline-block;
}

/* table drag feature */
.osn-results-tableContainer.ui-state-disabled {
	opacity: inherit;
	filter: inherit;
	background-image: inherit;
}
.osn-results-table .ui-selected, .osn-results-table .ui-selected .jt-td { background: #ADD8E6 !important; }
.osn-results-table .ui-draggable, .draggable-object.ui-draggable { cursor: move; }
.osn-results-table .ui-selecting, .osn-results-table .ui-selecting .jt-td { background: #ADD8E6 !important; }
.osn-dragHelper > i {
	background: red;
	border-radius: 5px 0px 0px 5px;
	position: absolute;
	left: 0px;
	padding: 3px 6px;
}
.osn-dragHelper {
	background: black;
	color: #eee;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #555;
	text-align: right;
	padding-right: 10px;
	padding-left: 33px;
	z-index: 10000000000;
}

/* opensearch info tip */
.osn-osInfoPan {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	margin-left: 10px;
}
.osn-osInfoPan>.osn-osInfoPanContent {
	background: white;
	padding: 2px 17px;
	border-radius: 0px 0px 50px 50px;
	vertical-align: top;
}
.osn-osInfoPan>.osn-osInfoPanContent:hover {
	cursor: pointer;
}
.osn-osInfoPan>.osn-osInfoPanContent:empty {
	display: none;
}


/*****************************/
/*    CORRELATION SEARCH    */
/***************************/
.osn-results.correlationSearch {
	margin-left: 25px;
	margin-right: 25px;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	margin-top: -5px;
}



/*****************************/
/*   ADD FEATURES BUTTONS   */
/***************************/

.addFeaturesButtons { display: inline-block; }
.addAllFeaturesBtn, .addSelectedFeaturesBtn { position: relative; }
.addAllFeaturesBtn > span, .addSelectedFeaturesBtn > span {
	position: absolute;
	top: -6px;
	right: 0px;
	font-weight: bold;
}

/************************/
/*   FEATURES BASKET   */
/**********************/
#featuresBasketPanel .featureBasketItem { position: relative; }
#featuresBasketPanel .featureBasketItem > .removeItem {
	display: none;
	color: #555;
	font-size: 12px;
	float: right;
}
#featuresBasketPanel .featureBasketItem > .removeItem:hover { color: black; }
#featuresBasketPanel .jt-tr:hover .featureBasketItem > .removeItem {
	display: block;
}
/* drop message */
/*#featuresBasket > .dropMessage {
	background: rgba(255, 225, 192, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	z-index: 1000;
	border-radius: 5px;
	display: none;
	color: gray;
	text-align: center;
	padding-top: 40px;
	font-size: 29px;
	font-weight: bolder;
	line-height: 33px;
}
#featuresBasket > .dropMessage > p > small { display: block; font-size: 50%; }
#featuresBasket.dropActive > .dropMessage{ display: block; }
#featuresBasket.dropHover > .dropMessage{
	display: block;
	background: rgba(255, 225, 192, 0.7);
	color: black;
}*/

/* droppable on featuresbasket btn */
.catalogPanel-header.ui-droppable .showFeaturesBasketPanelBtn {
	transition: transform 0.5s, opacity 0.5s;
}
.catalogPanel-header.ui-droppable.dropActive .showFeaturesBasketPanelBtn {
	transform: scale(1.4);
}
.catalogPanel-header.ui-droppable.dropHover .showFeaturesBasketPanelBtn {
	opacity: 0.7;
}



/*********************/
/*   DATA PACKAGE   */
/*******************/

#dataPackagesPanel {
	display: none;
	height: 100%;
}
#dataPackagesPanel>.dataPackages {
	height: 100%;
}
#dataPackagesPanel>.dataPackages > .dataPackagesHeader {
	min-height: 32px;
	font-size: 10px;
}
#dataPackagesPanel>.dataPackages > .dataPackagesTable {
	height: 100%;
	overflow-y: scroll;
	padding-right: 12px;
}
#dataPackagesPanel>.dataPackages .dataPackageItem {
	background-color: #ddd;
	margin-bottom: 6px;
	position: relative;
}
#dataPackagesPanel>.dataPackages .dataPackageItem > div {
  padding: 3px 6px;
}

#dataPackagesPanel>.dataPackages .dataPackageItem .removeItem {
	display: none;
	color: #555;
	font-size: 12px;
	float: right;
}
#dataPackagesPanel>.dataPackages .dataPackageItem:hover .removeItem { display: block; }
#dataPackagesPanel>.dataPackages .dataPackageOptions { margin-left: 10px; }
#dataPackagesPanel>.dataPackages .dataPackageOptions > .pipe:first-child { display: none; }
#dataPackagesPanel>.dataPackages .dataPackageOptions > a {
	font-size: 11px;
	color: #555;
}
#dataPackagesPanel>.dataPackages .copyableInput {
	vertical-align: top;	
}
#dataPackagesPanel>.dataPackages .selectDataPackage { color: #333333; }
#dataPackagesPanel>.dataPackages .shareButton>i { font-size: 12px; }
.shareButton.shareDataPackage {
	font-size: 10px;
	margin-right: 5px;
}

#dataPackagesPanel .dataPackages .flex-panel-footer {
	text-align: center;
	font-size: 12px;
}
#dataPackagesPanel .dataPackages-totalResults {
	margin-right: 10px;
	color: #666;
	display: inline-block;
	vertical-align: middle;
}
#dataPackagesPanel .dataPackages-pagination {
	text-align: center;
	display: inline-block;
    vertical-align: middle;
}
#dataPackagesPanel .dataPackages-pagination > .pagination {
	margin: 5px 0px;
}
#dataPackagesPanel .showDropdown li>a {
	font-size: 12px;
	line-height: 15px;
}

/*****************************/
/*  GEOBROWSER PREFERENCES  */
/***************************/
#geobrowserPreferencesPanel {
	padding-left: 20px;
}


/*************************/
/*  FEATURE DESCRIPTOR  */
/***********************/

.featurePopupContent {
	max-height: inherit;
	height: 100%;
	width: 100%;
	outline: none;
}
.featureDetailsContent, .featureDetailsContent > .featureDescriptor { height: 100% }
.featureDescriptor { font-size: 12px; }
.featureDescriptor table { font-size: 12px; margin-bottom: 10px; }


/* bootstrap color reset */
.featureDescriptor a.btn-primary,
.featureDescriptor a.btn-info,
.featureDescriptor a.btn-success,
.featureDescriptor a.btn-warning,
.featureDescriptor a.btn-danger,
.featureDescriptor a.btn-inverse
	{ color: #ffffff; }

.featureDescriptor h1 {
	color: rgb(147, 85, 36);
	border-bottom: 1px solid gray;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 12px;
	line-height: 16px;
	vertical-align: top;
	word-break: break-all;
}
.featureDescriptor h1.withWrap{ white-space: normal; }
.featureDescriptor h1.withLegend{
	min-height: 100px;
	background-position: 50%;
	background-size: cover;
	color: white;
	padding: 3px;
}
.featureDescriptor h1.withLegend > a {
	color: #ddd;
}

.featureDescriptor .filterButtons .tooltip {
	position: absolute;
	z-index: 100000000001;
}

.featureDescriptor .legend {
	height: auto;
	max-height: 500px;
	display: block;
	margin: auto;
}

/* table (from feature.properties.summary ) */
.featureDescriptor .summary table thead { display: none; }
.featureDescriptor .summary table tr > td { display: block; }
.featureDescriptor .summary table tr > td:nth-child(1){
	font-weight: bold;
	color: #00318c;
	line-height: 12px;
	margin-bottom: 4px;
}
.featureDescriptor .summary table tr > td:nth-child(2){
	word-break: break-all;
	border-bottom: 1px solid lightgray;
	margin-bottom: 6px;
	padding-bottom: 6px;
	margin-left: 12px;
}
.featureDescriptor .summary table tr > td:nth-child(2)>strong {
	font-weight: normal; /* fix this for <strong> tags */
}
.featureDescriptor .filters {
	padding: 10px;
	background: lightgray;
	line-height: 30px;
}
.featureDescriptor .filters .dropdown-menu > li>a { font-size: 12px; line-height: 12px; }

/* trick for img in td with colspan-2 */
.featureDescriptor .summary table tr > td:nth-child(1)[colspan="2"] { text-align: left; }
.featureDescriptor .summary table tr > td:nth-child(1)[colspan="2"] img { width: 100%; padding-top: 10px; height: auto; }
.featureDescriptor .summary .colorSquare {
	float: right;
	width: 50px;
	height: 50px;
	border: 1px solid black;
}

/* disable color map better */
.featureDescriptor .titilerFilters .colorMapSelect[disabled] {
    color: rgba(0,0,0,0);
    opacity: 0.7;
}

/* rgb channels */
.featureDescriptor .titilerFilters .form-group.form-inline{
	white-space: nowrap;
	text-align: center;
	overflow: visible;
}
.featureDescriptor .rgbChannel {
	display: inline-block;
	width: 32%;
}
.featureDescriptor .rgbChannel > span {
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}
.featureDescriptor .rgbChannel > span.labelRGB { display: none; }
/* .featureDescriptor .rescaleRGBgroup:not(.sameMinMaxEnabled) .labelRGB { display: none; } */

.featureDescriptor .rescaleRGBgroup .rgbChannel { width: 30%; }
.featureDescriptor .rescaleRGBgroup.sameMinMaxEnabled span.labelRed,
.featureDescriptor .rescaleRGBgroup.sameMinMaxEnabled .rgbChannel.channelGreen,
.featureDescriptor .rescaleRGBgroup.sameMinMaxEnabled .rgbChannel.channelBlue {
	display: none; 
}
.featureDescriptor .rescaleRGBgroup.sameMinMaxEnabled .labelRGB { display: block; }

.featureDescriptor .rgbChannel > select, .featureDescriptor .rgbChannel > input {
	width: 100%;
	padding: 2px 5px;
	height: 24px;
	border-radius: 0px;
}
.minMaxText {
	display: inline-block;
	width: 17px;
	height: 44px;
}
.featureDescriptor .minMaxText > div {
	height: 24px;
	font-size: 10px;
	color: #555;
}
.featureDescriptor .tab-content {
	border: 1px solid lightgray;
	border-top: none;
	border-radius: 0px 0px 3px 3px;
	padding: 8px;
	margin-bottom: 10px;
}
.featureDescriptor .draggableAsset {
	float: right;
	font-size: 10px;
	background: #1e87cc;
}
.featureDescriptor .draggableAsset:empty { display: none;}

.featureDescriptor .changeImageOverlay:focus{ outline: none; }


/*************************/
/*  FEATURE POPUP  */
/***********************/
.featurePopup {
	position: absolute;
	min-width: 400px;
	max-height: 400px;
	left: 50px;
	z-index: 10000;
	max-width: 540px;
}
.featurePopup .leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}


/********************************/
/*   PERMISSIONS MODAL PANEL   */
/******************************/
#permissionsModal .sectionContainer  {
	border: 1px solid rgb(215, 215, 215);
	border-radius: 5px;
	padding: 5px 10px;
	/* background-color: #DDD; */
	margin-bottom: 12px;
}

#permissionsModal .sectionContainer.sectionChecked  {
	background-color: #AED0DA;
	border: 1px solid #AED0DA;
}

#permissionsModal form  { margin: 0px; }
#permissionsModal .input-append>input { width: 200px; }
#permissionsModal .input-append>input.sharePublicInput { width: 174px; }

#permissionsModal .shareUrl>div:first-child { border-right: 1px solid #ddd; }
#permissionsModal .socialButtons { display: inline-block; vertical-align: top; }
#permissionsModal .socialButtons li { display: inline; }
#permissionsModal .select2-container { width: 100%; }
#permissionsModal .selectLabel {
    display: inline-block;
    width: 130px;
    text-align: right;
}
#permissionsModal .restrictedListTable { margin-top: 20px; margin-bottom: 0px; }
#permissionsModal .modal-footer>span { float: left; }

/*****************/
/*     MISC     */
/***************/


/* flex panels */

.flex-panel {
	display: flex;
	flex-direction: column;
}
.flex-panel-header, .flex-panel-footer {
	flex-shrink: 0;
}
.flex-panel-content {
	height: 100%;
	overflow: scroll;
}

/* break all */
.break-all { word-break: break-all; }

/* mini tabs */
ul.miniTabs { position: absolute; width: 100%; font-size: 11px; }
ul.miniTabs>li>a { line-height: 2px; padding: 8px; }
.miniTabsPane { position: absolute; width: 100%; top: 22px; bottom: 0px; height: auto !important; }

/* disable skype click-to-call */
span[class^='skype_pnh_container'], span[class^='skype_c2c_container'] { display:none !important; }
span[class^='skype_pnh_print_container'], span[class^='skype_c2c_print_container'] { display:inline !important; }

/* disabled link */
a.disabledLink { color: gray; }
a.disabledLink:hover {
	color: gray;
	cursor: default;
	text-decoration: none;
}

/* for text overflow */
.textOverflow:hover {
	text-overflow: inherit;
	overflow: inherit;
}
.textOverflow {
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

/* collapsible panels */

.panel-collapsible > .panel-header {
	cursor: pointer;
}
.panel-collapsible .panel-body {
	box-sizing: content-box;
}
.panel-collapsible.panel-closed > .panel-body { display: none; }
.panel-collapsible > .panel-header > i.fa:last-child {
	float: right;
}

/* expandable text */
.expandableText {
	margin-top: 10px;
}
.expandableText > a.text-error {
	color: inherit;
}
.expandableText > :nth-child(2) {
	display: none;
	text-indent: 10px;
}


/* no focus effect */
.nofocus:focus{
	border-color: #ccc !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
/* linkable text */
.linkable:hover { cursor: pointer; opacity: 0.8; }

/* progress bar improvements */
.progress.active { position: relative; }
.progress > .bar-text {
	width: 100%;
	position: absolute;
	text-align: center;
	color: black;
	font-size: 90%;
	font-weight: bold;
}

/* pagination misc */
.pagination.pagination-nomargin,.pagination.pagination-nomargin>.pagination{
	margin: 0px 0px 0px 0px;
} 
.pagination li.disabled>a, .pagination li.disabled>a:hover { background-color: #ffffff; }

.pagination-xs > li > a,
.pagination-xs > li > span {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 1.5;
}
.pagination-xs > li:first-child > a,
.pagination-xs > li:first-child > span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.pagination-xs > li:last-child > a,
.pagination-xs > li:last-child > span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}



/* clear both */
.clearBoth {
	clear: both;
}

/* white scrollbox */
.scrollbox {
	overflow: auto;

	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}

/* leaflet-bootstrap conflict fixies */
.leaflet-control-layers label {
	font-size: 12px;
	font-weight: bold;
	margin: 4px;
	line-height: normal;
}
.leaflet-control-layers form { margin: 0px }
.leaflet-control-layers input {	vertical-align: initial; }
.leaflet-control-layers label > span { vertical-align: middle; }


/* bootstrap dropdown with scroll */
.dropdown-menu.scrollableDropdown {
	max-height: 450px;
	overflow-x: hidden;
	overflow-y: auto;
	background: /* Shadow covers */ linear-gradient(white 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), white 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
}

/* modal with scroll on body */
.modal-scroll .modal-body {
	max-height: 70vh;
	overflow: scroll;
}
@media (min-width: 900px){ /* more large */
	.modal-scroll .modal-dialog {
		width: 800px;
	}
}

/* select2 */
#layoutContainer .select2-selection--multiple {
	min-height: 26px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#layoutContainer .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #ccc;
}
#layoutContainer .select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 8px;
	width: 9px;
	text-align: center;
	font-size: 22px;
	color: #AAA;
	background: white;
    margin: 0px;
}

/* junk (to test) */
/*
#geobrowserMap .topBar {
	position: absolute;
	background: white; 
	z-index: 1;
	padding: 5px 10px;
	right: 0px;
	left: 0px;
	top: 0px;
}

#geobrowserMap .topBar > a {
	float: left;
	height: 20px;
	background: white;
	padding-left: 10px;
	height: 40px;
}
*/
/*
@import url('app.css');
//@import url('layout.css');
//@import url('opensearchGeoViewer.css');
//@import url('featuresBasket.css');
//@import url('dataPackages.css');
@import url('wpsPanel.css');
//@import url('contextsMenu.css');
@import url('processesIcons.css');
//@import url('featurePopup.css');
//@import url('featureDescriptor.css');
//@import url('filterControl.css');
//@import url('correlationSearch.css');
//@import url('permissions.css');
*/

/* STORE UPLOAD DROPZONE */

#storeUploadModal .dropzone {
    border: 2px dashed gray;
    padding: 15px;
    background-color: #eee;
	margin-top: 10px;
	margin-bottom: 15px;
}

#storeUploadModal .dropzone.dz-drag-hover {
	background-color: #ddd;
}

#storeUploadModal .dz-details {
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    position: relative;
	display: inline-block;
    width: 400px;
}
#storeUploadModal .dz-size {
    float: right;
    margin-right: 10px;
}

#storeUploadModal .dz-default.dz-message { text-align: center; margin: 5px; }

#storeUploadModal .dz-image,
#storeUploadModal .dz-progress,
#storeUploadModal .dz-success-mark,
#storeUploadModal .dz-error-message,
#storeUploadModal .dz-error-mark {
	display: none;
}
#storeUploadModal .dz-remove {
    float: right;
    font-size: 10px;
}

#storeUploadModal progress{
    width: 100%;
}


/* VNC QGIS */
#vncModal .logo {
	width: 90px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
	margin-right: 10px;
}
#vncModal .logo.qgisLogo { background-image: url('/scripts/geobrowser/img/qgis-snap-orfeo.png'); }
#vncModal .logo.jupyterLogo { background-image: url('/scripts/geobrowser/img/jupyterLogo.png'); }

/**********************/
/*   ADVANCED TOOLS   */
/**********************/

#advancedToolsDiv {
	margin-top: 50px;
	margin-left: 66px;
	/* height: 140px; */
	border-top: 2px solid #ddd;
	padding-top: 5px;
	display: none;
}
#advancedToolsDiv .panel {
	background: #eee;
    /* padding: 5px; */
    border-radius: 5px;
}
#advancedToolsDiv .panel>h4 {
    font-size: 12px;
    line-height: 12px;
    display: block;
    background-color: gray;
    padding: 5px;
    color: white;
    border-radius: 5px 5px 0px 0px;
	margin-bottom: 2px;
}
#advancedToolsDiv .panel>div { padding: 5px; }

#advancedToolsDiv form { margin: 0px 20px 0px 0px; display: inline-block; }
#advancedToolsDiv input, #advancedToolsDiv textarea {
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 12px;
    display: inline-block;
}
#advancedToolsDiv .wktColorPicker{
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-right: 7px;
}
#advancedToolsDiv .wktColorPicker>input{
	width: 100px;
}
#advancedToolsDiv .wktColorPicker>span>i{
	border: 1px solid black;
	vertical-align: baseline;
}
#advancedToolsDiv .addWktBtn { vertical-align: top; }

#advancedToolsDiv .osrow {
    white-space: nowrap;
    overflow-x: scroll;
    font-size: 12px;
    height: 25px;
    /* background: #bbb; */
    margin-bottom: 1px;
    line-height: 15px;
}
#geobrowserMap.tilesBordersEnabled .leaflet-tile {
    box-sizing: border-box;
    border-top: 1px solid black;
    border-left: 1px solid black;
}

/**********************/
/*   PARAMETERS DOCS   */
/**********************/
.parametersDocs > div {
	margin-bottom: 20px;
}


/* COMPARE LAYERS */
.compareLayersDialog .connectedSortable > li {
    list-style: none;
    border: 1px solid;
    margin: 5px;
    font-size: 10px;
    line-height: 12px;
    padding: 2px;
}


/*   WMS STYLES SELECTOR  */

.catalogPanelContent .panel-collapsible {
	margin-bottom: 15px;
}
.catalogPanelContent .panel-collapsible > .panel-header {
	width: fit-content;
	min-width: 126px;
	padding: 1px 5px;
	font-size: 16px;
	background-color: #1e87cc;
	color: white;
	white-space: nowrap;
}

.catalogPanelContent .panel-collapsible > .panel-header > i.fa:last-child {
	font-size: 12px;
	line-height: 24px;
	margin-left: 4px;
}
.catalogPanelContent .panel-collapsible .panel-body{
	border: 1px solid gray;
}


.wmsStylesSelectorList {
	margin-bottom: 10px;
	/* border: 1px solid #ddd; */
	padding: 5px;
}

.wmsStyleItem {
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 1px solid #ddd;
	font-weight: bold;
	background-image: url(/scripts/geobrowser/img/mapStyle.png);
	position: relative;
	box-sizing: border-box;
	font-size: 10px;
	word-break: break-all;
}
.wmsStyleItem.wmsStyleItemSelected { border: 1px solid #000; }
.wmsStyleItem:not(.wmsStyleItemSelected):hover {
	border-color: #999;
	opacity: 0.8;
	cursor: pointer;
}
.wmsStyleItem-bg {
	height: 100%
}


.wmsStyleItem.wmsStyleItem-default { background: url(/scripts/geobrowser/img/mapStyle-default.png); }
/*
.wmsStyleItem:not(.wmsStyleItem-default):after {
	content: "";
	display: block;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: normal;
	font-size: 80%;
	padding: 0px 3px;
	border-bottom-right-radius: 3px;
}
.wmsStyleItem.wmsStyleItemGlobal:after { content: "global"; }
.wmsStyleItem.wmsStyleItemWs:after { content: "workspace"; }
.wmsStyleItem.wmsStyleItemLayer:after { content: "layer"; }
*/

.wmsStyleItem>span {
	position: absolute;
	line-height: 12px;
	background: rgba(255,255,255,0.8);
	padding: 0px 2px;
	left: -1px;
	bottom: -1px;
}


/* WMS FILTERS */
.wmsFilters .wmsFiltersList {
	margin-left: 10px;	
}

.egmsSettingsForm {
	margin-bottom: 20px;
}


#carouselWizard .item {
    height: 400px;
}

#carouselWizard .carousel-caption > h3:empty { display: none; }
#carouselWizard .carousel-caption > h3 {
	background: rgba(0,0,0,0.5);
	padding: 12px 0px;
}

@media screen and (min-width: 768px){
	#carouselWizard .carousel-caption {
		right: 30%;
		left: 30%;
	}
}

#carouselWizard .carouselArrows {
	position: absolute;
	bottom: 6px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
}
#carouselWizard .carouselArrows > a { color: white; font-size: 20px; }


/* TITILER (tmp) */
.titilerAssets ul {
    list-style: none;
}
.titilerAssets li {
    border-bottom: 1px solid lightgray;
    display: block;
    width: 300px;
    margin-left: auto;
    padding-left: 10px;
    border-left: 1px solid lightgray;
    background: #eee;
}

.titilerAssets li:hover {
    background-color: lightgray;
}

.titilerAssets .noSingleBandAssetMessage {
	margin-left: 33px;
    line-height: 13px;
    text-indent: -6px;
}

/* TITILER CUSTOM SELECT BOUNDING BOX AND CROP DIALOG */
.geobrowser-map.customSelectBoundingBoxEnabled :not(.customSelectBoundingBoxMessage), .geobrowser-map.customSelectBoundingBoxEnabled .leaflet-clickable {
    cursor: crosshair;
}
.customSelectBoundingBoxMessage > a.closeBtn, .customSelectBoundingBoxMessage > a.closeBtn > i {
	cursor: pointer !important; color: white; font-weight: bold;
}
.customSelectBoundingBoxMessage > a.closeBtn:hover { opacity: 0.7; }
.leaflet-not-clickable {
	pointer-events: none;
}


.quickViewDialog table { width: 100%; }
.quickViewDialog .submitButtons { text-align: right; }
.quickViewDialog .form-group {
	position: relative;
}
.quickViewDialog .form-group label.error {
    position: absolute;
    top: 36px;
    left: 0px;
    font-size: 10px;
    display: block;
    background: black;
    line-height: 10px;
    padding: 5px 6px;
    color: white;
    border-radius: 3px;
	z-index: 10000;
}
.quickViewDialog input[name="boundingBox"] {
	/* display: none; */
	width: 330px !important;
}
.quickViewDialog input[name="width"], .quickViewDialog input[name="height"]{
	width: 64px;
}
.quickViewDialog select {
	width: 90px;
}
/* .quickViewDialog li.active>a.tabBtn, .quickViewDialog li.active>a.tabBtn:focus, .quickViewDialog li.active>a.tabBtn:hover{
	background: #47a375;
	border-color: #47a375;
	color: white;
} */
.quickViewDialog .tabBtn {
    padding: 6px 15px;
    margin-top: 15px;
}
.quickViewDialog .tab-pane {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    border-radius: 0px 0px 4px 4px;
}
.quickViewDialog .btn.active:focus, .quickViewDialog .btn:active:focus, .quickViewDialog .btn:focus {
    outline: none;
    outline-offset: -2px;
}

/* ADVANCED VIEW */
.advancedViewElement {
	display: none;
}

.advancedViewEnabled .advancedViewElement  {
	display: initial;
}


/* HISTOGRAM */

.histogramContainer {
	height: 250px;
	position: relative;
}
.histogramContainer:empty {
	display: none;
}
.histogramContainer > svg, .histogramContainer .errorMessage {
	background-color: white;
	width: 288px;
	height: 240px;
	border: 1px solid #eee;
}
.histogramContainer > .rangeTooltip {
	position: absolute;
	display: none;
	top: 10px;
	right: 5px;
	color: #444;
	font-size: 11px;
	opacity: 1;
}
.histogramContainer .brush > path {
	cursor: ew-resize;
}

.histogramContainer .band.band-0 {
	stroke: red;
}
.histogramContainer .band.band-1 {
	stroke: green;
}
.histogramContainer .band.band-2 {
	stroke: blue;
}
.histogramContainer .band.band-single {
	stroke: steelblue;
}
.histogramContainer .tick {
	color: #333;
}

/* histogram error message */
.histogramContainer .errorMessage > div {
	position: absolute;
	width: 100%;
	font-size: 14px;
	top: 40%;
	text-align: center;
}
.histogramContainer .errorMessage { display: none; }
.histogramContainer.error .errorMessage { display: block; }
.histogramContainer.error > *:not(.errorMessage) { display: none;}

.histogramContainer .histogramButtons {
	position: absolute;
	top: 5px;
	left: 5px;
}
.histogramContainer .histogramButtons > button {
	padding: 0px 5px;
	height: 16px;
	line-height: 8px;
}
.histogramContainer .histogramButtons > button > i {
	font-size: 10px;
}
.histogramContainer .guideLine {
	display: none;
	stroke: #666;
	stroke-width: 0.8px;
}
.histogramContainer .valueTooltip {
	position: absolute;
	display: none;
	background: rgba(221, 221, 221, 0.8);
	padding: 2px 4px;
	border: 1px solid lightgray;
	border-radius: 6px;
	color: #555;
}
.histogramContainer .valueTooltip .textSingle{ color: steelblue; }
.histogramContainer .valueTooltip .textRed{ color: red; }
.histogramContainer .valueTooltip .textGreen{ color: green; }
.histogramContainer .valueTooltip .textBlue{ color: blue; }

.histogramContainer .histogramLines {
	display: none;
}
.histogramContainer .histogramLines > path {
	fill: none;
	stroke: #ff4f00;
	stroke-width: 2px;
}
.histogramContainer .histogramLines > line {
	fill: none;
	stroke: #666;
	stroke-width: 0.8px;
}

/* red-cyan feature */
.histogramContainer.histogram-redCyan .band.band-1 {
	stroke: #00d0d0;
}
.histogramContainer.histogram-redCyan .band.band-2 {
	display: none;
}

/* GIS FUNCTIONS */
#gisFunctionsPanel .flex-panel-footer {
	padding-bottom: 5px;
}
#gisFunctionsPanel > .gisFunctions {
	margin-left: 40px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
	height: 100%;
	font-size: 12px;
}
#gisFunctionsPanel > .leaflet-draw.leaflet-control {
    position: absolute;
    left: 10px;
    top: 5px;
}

#gisFunctionsPanel > .vectorsList {
	margin-left: 30px;
}

#gisFunctionsPanel .geoJSON {
	width: 100%;
	height: 300px;
}

/*.osn-results-tableContainer .osn-results-row > .jt-td > span.buttonsColumn*/

#gisFunctionsPanel .gisFunctions-detailsPanel, #gisFunctionsPanel .gisFunctions-batchPanel {
	display: none;
    background: white;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: auto;
	padding: 0px 10px 10px 10px;
}

#gisFunctionsPanel .gisFunctions-detailsPanel .leaflet-draw-section {
    width: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
#gisFunctionsPanel .gisFunctions-detailsPanel .leaflet-draw-section > div {margin: 0px;}
#gisFunctionsPanel .gisFunctions-detailsPanel .leaflet-draw-section ul>li>a{
	height: 27px;
	display: inline-block;
}
#gisFunctionsPanel .gisFunctions-detailsPanel .leaflet-disabled {display: none;}

#gisFunctionsPanel dt {
    font-weight: bold;
    color: #00318c;
    line-height: 12px;
    margin-bottom: 4px;
}
#gisFunctionsPanel dd {
    word-break: break-all;
    border-bottom: 1px solid lightgray;
    margin-bottom: 6px;
    padding-bottom: 6px;
    margin-left: 12px;
}

#gisFunctionsPanel .editDetailsForm, 
#gisFunctionsPanel .addLabelForm, 
#gisFunctionsPanel .addAttributeForm {
	display: none;
}

#gisFunctionsPanel .labelsList {
	font-size: 14px;
}

#gisFunctionsPanel .goBackBtn {
	background: white;
	display: block;
	position: fixed;
	padding: 4px;
	z-index: 1000;
}

.gisFunction-customBar > a{
	background-image: none;
}


/* DROPZONE */
.geobrowser-dropzone.dropzone {
    border: 2px dashed gray;
    padding: 15px;
    background-color: #eee;
	margin-top: 10px;
	margin-bottom: 15px;
}

.geobrowser-dropzone.dropzone.dz-drag-hover {
	background-color: #ddd;
}

.geobrowser-dropzone .dz-details {
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    position: relative;
	display: inline-block;
    width: 400px;
}
.geobrowser-dropzone .dz-size {
    float: right;
    margin-right: 10px;
}
.geobrowser-dropzone .dz-size {
    float: right;
    margin-right: 10px;
}

.geobrowser-dropzone .dz-default.dz-message {
	text-align: center; margin: 5px;
	display: inline-block;
}


.geobrowser-dropzone .dz-image,
.geobrowser-dropzone .dz-progress,
.geobrowser-dropzone .dz-success-mark,
.geobrowser-dropzone .dz-error-message,
.geobrowser-dropzone .dz-error-mark {
	display: none;
}
.geobrowser-dropzone .dz-remove {
    float: right;
    font-size: 10px;
}

.geobrowser-dropzone progress{
    width: 100%;
}

.geobrowser-dropzone .dropzoneText {
    position: fixed;
    z-index: 1000;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    background: rgba(255,255,255,0.5);
    display: none;
    pointer-events: none;
}

.geobrowser-dropzone label.error {

}

.gisFunctions-layerTooltip {
	position: absolute;
    background: white;
    padding: 0px 5px;
	z-index: 10000;
}

.gisFunctions-layerTooltip:empty{
	display: none;
}


/* COLOR FORMULA DIALOG */
.colorFormulaDialog .modal-dialog { width: 535px; }
.colorFormulaDialog .modal-header { cursor: move; }
.colorFormulaDialog .fieldLabel {
	font-size: 16px;
	margin-left: 50px;
	font-weight: bold;
	margin-top: 12px;
}
.colorFormulaDialog .sliderContainer{
	margin-bottom: 4px;
}
.colorFormulaDialog .sliderContainer .sliderLabel {
	display: inline-block;
	width: 45px;
	text-align: right;	
}
.colorFormulaDialog .sliderContainer .sliderLabel > .label > i { display: none; }
.colorFormulaDialog .sliderContainer .sliderLabel > .label:hover > i { display: inline; }
.colorFormulaDialog input[type="range"]{
    display: inline-block;
    vertical-align: middle;
}
.colorFormulaDialog .sliderGamma, .colorFormulaDialog .sliderSaturation {
	width: 300px;
}
.colorFormulaDialog .sliderSigmoidalContrast {
	width: 180px;
}
.colorFormulaDialog .sliderSigmoidalBias {
	width: 86px;
}
.colorFormulaDialog .sliderSigmoidalContrastLabel {
	display: inline-block; width: 180px; text-align: center;
}
.colorFormulaDialog .sliderSigmoidalBiasLabel {
	display: inline-block; width: 86px; text-align: center;
}
.colorFormulaDialog .sigmoidalLabels {
    margin-top: -5px;
}
.colorFormulaDialog .sliderValue {
    font-size: 10px;
    width: 25px;
    display: inline-block;
}
.colorFormulaDialog :not(.rgbEnabled) > .rgbChannel { display: none; }
.colorFormulaDialog :not(.rgbEnabled) > .singleChannel { display: block; }
.colorFormulaDialog .rgbEnabled > .rgbChannel { display: block; }
.colorFormulaDialog .rgbEnabled > .singleChannel { display: none; }
.colorFormulaDialog .resultColorFormula {
	margin-left: 49px;
	font-size: 11px;
	text-wrap: wrap;
	word-break: break-word;
	max-width: 447px;
}


/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch > .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch > .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch > input:checked + .slider {
	background-color: #2196F3;
}
.switch > input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.switch > input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}