/**
 * Syntool webapp
 *
 * Copyright (c) 2014-2018 OceanDataLab
 *
 * Version: develop - a49efe93
 * Build date: 2018-10-17
 */

/*
	jQuery Mobile Icon Pack
	andy matthews
	@commadelimited
*/

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon,
.ui-icon-searchfield:after {
	background: #666666;
	background:  rgba(0,0,0,.4);
	background-image: url('../images/icons-18-white-pack.png');
	background-repeat: no-repeat;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
	background: #ffffff;
	background: rgba(255,255,255,.3);
	background-image: url('../images/icons-18-black-pack.png');
	background-repeat: no-repeat;
}

/* restore default loading image */
.ui-icon-loading {
    background: url('../images/ajax-loader.gif');
    background-size: 46px 46px;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (min--moz-device-pixel-ratio: 1.3),
		only screen and (min-device-pixel-ratio: 1.3),
		only screen and (min-resolution: 1.3dppx) {

	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info2, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page,
	.ui-icon-question , .ui-icon-foursquare , .ui-icon-twitter , .ui-icon-facebook , .ui-icon-dollar , .ui-icon-euro,
	.ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-bell , .ui-icon-mappin , .ui-icon-direction,
	.ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music,
	.ui-icon-rss , .ui-icon-wifi , .ui-icon-phone , .ui-icon-power , .ui-icon-lock , .ui-icon-flag , .ui-icon-calendar,
	.ui-icon-lightning , .ui-icon-drink , .ui-icon-android , .ui-icon-edit, .ui-icon-link {
		background-image: url('../images/icons-36-white-pack.png');
		-moz-background-size: 774px 54px;
		-o-background-size: 774px 54px;
		-webkit-background-size: 774px 54px;
		background-size: 774px 54px;
	}
	.ui-icon-alt {
		background-image: url('../images/icons-36-black-pack.png');
	}
}

/* first row */
.ui-icon-plus { background-position: -0 -0; }
.ui-icon-minus { background-position: -36px -0; }
.ui-icon-delete { background-position: -72px -0; }
.ui-icon-arrow-r { background-position: -108px -0; }
.ui-icon-arrow-l { background-position: -144px -0; }
.ui-icon-arrow-u { background-position: -180px -0; }
.ui-icon-arrow-d { background-position: -216px -0; }
.ui-icon-check { background-position: -252px -0; }
.ui-icon-gear { background-position: -288px -0; }
.ui-icon-refresh { background-position: -324px -0; }
.ui-icon-forward { background-position: -360px -0; }
.ui-icon-back { background-position: -396px -0; }
.ui-icon-grid { background-position: -432px -0; }
.ui-icon-star { background-position: -468px -0; }
.ui-icon-alert { background-position: -504px -0; }
.ui-icon-info2 { background-position: -540px -0; }
.ui-icon-home { background-position: -576px -0; }
.ui-icon-search,.ui-icon-searchfield:after { background-position: -612px -0; }
.ui-icon-checkbox-off { background-position: -684px -0; }
.ui-icon-checkbox-on { background-position: -648px -0; }
.ui-icon-radio-off { background-position: -756px -0; }
.ui-icon-radio-on { background-position: -718px -0; }

/* begin icon pack definitions */
/* second row */
.ui-icon-email { background-position: -0 -18px; }
.ui-icon-page { background-position: -36px -18px; }
.ui-icon-question { background-position: -72px -18px; }
.ui-icon-foursquare { background-position: -108px -18px; }
.ui-icon-twitter { background-position: -144px -18px; }
.ui-icon-facebook { background-position: -180px -18px; }
.ui-icon-dollar { background-position: -216px -18px; }
.ui-icon-euro { background-position: -252px -18px; }
.ui-icon-pound { background-position: -288px -18px; }
.ui-icon-apple { background-position: -324px -18px; }
.ui-icon-chat { background-position: -360px -18px; }
.ui-icon-trash { background-position: -396px -18px; }
.ui-icon-bell { background-position: -432px -18px; }
.ui-icon-mappin { background-position: -468px -18px;}
.ui-icon-direction { background-position: -504px -18px; }
.ui-icon-heart { background-position: -540px -18px; }
.ui-icon-wrench { background-position: -576px -18px; }
.ui-icon-play { background-position: -612px -18px; }
.ui-icon-pause { background-position: -648px -18px; }
.ui-icon-stop { background-position: -684px -18px; }
.ui-icon-person { background-position: -720px -18px; }
.ui-icon-music { background-position: -756px -18px; }

/* third row */
.ui-icon-rss { background-position: -0 -36px; }
.ui-icon-wifi { background-position: -36px -36px; }
.ui-icon-phone { background-position: -72px -36px; }
.ui-icon-power { background-position: -108px -36px; }
.ui-icon-lock { background-position: -144px -36px; }
.ui-icon-flag { background-position: -180px -36px; }
.ui-icon-calendar { background-position: -216px -36px; }
.ui-icon-lightning { background-position: -252px -36px; }
.ui-icon-drink { background-position: -288px -36px; }
.ui-icon-android { background-position: -324px -36px; }
.ui-icon-edit    { background-position: -360px -36px; }
.ui-icon-link    { background-position: -396px -36px; }
.ui-icon-youtube { background-position: -432px -36px; }
.ui-icon-menu    { background-position: -468px -36px; }
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.CurrentDateMapContol {
    position: absolute;
    right: 10px;
    bottom: 180px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 black;
    pointer-events: none;
    z-index: 1000;
}

.olControlAttribution {
    font-size: 10px;
    bottom: 5px;
    right: 5px;
}
.olControlMousePosition {
    top: 0;
    bottom: auto;
}
.olControlEditingToolbar {
    top: 60px;
    right: 10px;
}
.olControlEditingToolbar div {
    float: none;
    display: inline-block;
}

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive,
.olControlEditingToolbar .olControlDrawFeaturePointItemActive,
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive,
.olControlEditingToolbar .olControlDrawFeaturePathItemActive,
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive,
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive,
.olControlEditingToolbar .olControlDrawFeatureCircleItemInactive,
.olControlEditingToolbar .olControlDrawFeatureCircleItemActive,
.olControlEditingToolbar .olControlDrawFeatureTextItemInactive,
.olControlEditingToolbar .olControlDrawFeatureTextItemActive,
.olControlEditingToolbar .olControlDrawFeatureArrowItemInactive,
.olControlEditingToolbar .olControlDrawFeatureArrowItemActive,
.olControlEditingToolbar .olControlDrawFeatureMushroomItemInactive,
.olControlEditingToolbar .olControlDrawFeatureMushroomItemActive {
    background-image: url("../images/editing_tool_bar.png");
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: 0 0;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: 0 -22px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -24px 0;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -24px -22px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
    background-position: -48px 0;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -48px -22px;
}
.olControlEditingToolbar .olControlDrawFeatureCircleItemInactive {
    background-position: -72px 0;
}
.olControlEditingToolbar .olControlDrawFeatureCircleItemActive {
    background-position: -72px -22px;
}
.olControlEditingToolbar .olControlDrawFeatureArrowItemInactive {
    background-position: -96px 0;
}
.olControlEditingToolbar .olControlDrawFeatureArrowItemActive {
    background-position: -96px -22px;
}
.olControlEditingToolbar .olControlDrawFeatureMushroomItemInactive {
    background-position: -120px 0;
}
.olControlEditingToolbar .olControlDrawFeatureMushroomItemActive {
    background-position: -120px -22px;
}
.olControlEditingToolbar .olControlDrawFeatureTextItemInactive {
    background-position: -144px 0;
}
.olControlEditingToolbar .olControlDrawFeatureTextItemActive {
    background-position: -144px -22px;
}

.olControlScaleLine {
    display: block;
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 220px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 1px 0 black;
}
.olControlScaleLineTop, .olControlScaleLineBottom {
    border-color: white;
    border-style: ridge;
}
.olControlScaleLineTop {
    border-top: none;
}
.olControlScaleLineBottom {
    border-bottom: none;
}

.ODLOLAxesControl {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
}

.ODLOLAxesControlLabel {
    position: absolute;
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 0 black;
    padding-left: 3px;
    font-size: 11px;
}

.ODLOLAxesControlTick,
.ODLOLAxesControlLine {
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 1px;
    border-color: white black black white;
}

.ODLOLAxesControlTick.-left,
.ODLOLAxesControlTick.-right {
    width: 40px;
    border-left: none;
    border-right: none;
}

.ODLOLAxesControlTick.-top,
.ODLOLAxesControlTick.-bottom {
    height: 25px;
    border-top: none;
    border-bottom: none;
}

.ODLOLAxesControlTick.-bottom .ODLOLAxesControlLabel {
    bottom: 0;
}

.ODLOLAxesControlTick.-right .ODLOLAxesControlLabel {
    right: 0;
}

.ODLOLAxesControlLine {
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 0.4);
}

.ODLOLAxesControlLine.-horizontal {
    width: 100%;
    border-left: none;
    border-right: none;
}

.ODLOLAxesControlLine.-vertical {
    height: 100%;
    border-top: none;
    border-bottom: none;
}

.ODLOLTooltipControl {
    pointer-events: none;
    opacity: 0.7;
    background: white;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
}

.ODLOLTooltipControl > table {
    border-collapse: collapse;
}

.ODLOLTooltipControl > table > thead {
    border-bottom: 1px solid #333;
}

.ODLOLTooltipControlEntry + .ODLOLTooltipControlEntry {
    border-top: solid 1px #DADADA;
    margin-top: 5px;
    padding-top: 5px;
}

.ODLOLTooltipControlUnits {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
}

.ODLOLTooltipControlModulusValue,
.ODLOLTooltipControlAngleValue,
.ODLOLTooltipControlProductName {
    font-weight: normal;
}

.olTileImage {
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: pixelated;                 /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}
.olLayerGrid .olTileImage,
.syntool-tile-interpolation .olTileImage {
    image-rendering: auto;
    -ms-interpolation-mode: bicubic; /* IE8+ */
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

@font-face {
  font-family: 'MyFont';
  src: url('../fonts/mywebfont.woff2') format('woff2'),
       url('../fonts/mywebfont.woff') format('woff'),
       url('../fonts/mywebfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.mf {
  display: inline-block;
  font: normal normal normal 14px/1 MyFont;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mf-copy:before {
  content: "\f000";
}
.mf-paste:before {
  content: "\f001";
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.t {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.t-C:before {
    content: "C";
}
.t-i:before {
    content: "i";
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.ui-icon.ui-icon- {
    background-image: none;
}
.ui-icon.fa,
.ui-icon.mf,
.ui-icon.t {
    font-size: 1.5em;
    line-height: 1.3;
}
.ui-icon.fa:before,
.ui-icon.mf:before,
.ui-icon.t:before {
    display: block;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#bottomSidebar {
    width: 100%;
    z-index: 1600;
    /*height: 247px;*/
    bottom: -110px;
}
#bottomSidebar .lid {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 34px;
    display: inline-block;
    box-sizing: border-box;
    transform: translateX(-50%);
    margin: 0;
    border: 1px solid black;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px 5px;
    background: rgba(17, 17, 17, 0.6);
    color: #e1e1e1;
    font-size: 20px;
    font-weight: bold;
    text-shadow: none;
    text-align: center;
    z-index: 1400;

    cursor: default;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#bottomSidebar .lid:hover {
    color: #fff;
}
#bottomSidebar .lid:before {
    content: '▼';
}
#bottomSidebar.hidden .lid:before {
    content: '▲';
}

#statusBar {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;

    height: 34px;
    width: 100%;
    border: 1px solid #333;
    /*background: #111;*/
    background: rgba(17,17,17,0.4);
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;

    background-image:     linear-gradient(rgba(60,60,60,0.4), rgba(17,17,17,0.4));
    background-image: -ms-linear-gradient(rgba(60,60,60,0.4), rgba(17,17,17,0.4));
}
#statusBar .timelineControl-container {
    flex: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-left: 3px;

    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#statusBar .timelineControl-container > * {
    flex: none;
}
#statusBar .timelineControl-container #timelineRangeGroup {
    padding: 0;
    border-width: 0;
}
#statusBar .timelineControl-container #timelineRangeGroup .ui-btn {
    margin: 0;
}
#statusBar .timelineControl-container .ui-select .ui-btn {
    width: 76px;
    text-align: right;
}
#statusBar .timelineControl-container .ui-controlgroup-controls {
    width: 100%;
}
#statusBar .timelineControl-container .ui-select,
#statusBar .timelineControl-container .ui-btn {
    margin-left: 1px;
    margin-right: 1px;
}

.timelineControl-container .ui-btn.ui-focus {
    box-shadow: none;
}
#statusBar #timelineRangeGroup {
    display: inline-block;
    margin: 1px;
}
#statusBar #timelineSpanGroup {
    display: inline-block;
    margin: 1px;
    position: absolute;
    top: 32px;
    left: 330px;
}
#timelineDatasets,
#timelineDatasetsDisplayed {
    display: inline-block;
    margin: 1px;
    line-height: 30px;
    font-size: 11px;
    vertical-align: top;
}
#timelineDatasets .warning-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}
#statusBar #selectedDataset,
#statusBar #timeline-time {
    flex: auto;

    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 1.5em;
}
#statusBar #timeline-time {
    display: none;
    pointer-events: none;
}
#statusBar #selectedDataset:empty {
    display: none;
}
#statusBar #selectedDataset:empty + #timeline-time {
    display: block;
}
#statusBar #coordinates {
    flex: none;

    font-size: 0.8em;
    text-align: right;
    margin: 0 5px;
}

/* Extend timeline */
#timeline-coverage {
    padding-bottom: 1px;
    padding-top: 3px;
    color: #fff;
    font-size: 12px;
    background: rgba(17,17,17,0.4);
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#timeline-coverage ul {
    position: relative;
    margin: 0 0 3px 0;
    width: 100%;
    display: flex;
    padding: 0;
}
#timeline-coverage .current {
    position: absolute;
    bottom: 0;
    height: 18px;
    border: thin solid #fff;
    background-color: rgba(255,255,255, .1);
    border-radius: 4px;
    pointer-events: none;
    transition: left .25s;
}
#timeline-coverage .timespan {
    position: absolute;
    bottom: 0;
    height: 18px;
    background-color: rgba(255,255,255, .3);
    transition: left .25s, width .25s;
    pointer-events: none;
}

#timeline-coverage ul li {
    flex: 1;
    display: inline-block;
    padding: 2px 0;
    color: hsl(0, 0%, 34%);
    font-weight: bold;
    text-align: center;
    text-shadow:  1px  0px 0 rgba(0,0,0,0.5),
                  0px  1px 0 rgba(0,0,0,0.5),
                 -1px  0px 0 rgba(0,0,0,0.5),
                  0px -1px 0 rgba(0,0,0,0.5);
    overflow: hidden;
}
#timeline-coverage span {
    width: 100%;
    height: 100%;
    display: block;
    color: inherit;
    text-decoration: none;
    text-shadow: inherit;
    cursor: pointer;
}
#timeline-coverage .has-some {
    color: #fff;
    text-shadow:  1px  0px 0 rgba(0,0,0,0.7),
                  0px  1px 0 rgba(0,0,0,0.7),
                 -1px  0px 0 rgba(0,0,0,0.7),
                  0px -1px 0 rgba(0,0,0,0.7);
}
#timeline-coverage .has-every {
    color: #D2D208;
    text-shadow:  1px  0px 0 rgba(255,255,255,0.5),
                  0px  1px 0 rgba(255,255,255,0.5),
                 -1px  0px 0 rgba(255,255,255,0.5),
                  0px -1px 0 rgba(255,255,255,0.5);
}
#timeline-coverage .has-coloc {
    color: #D20508;
    text-shadow:  1px  0px 0 rgba(255,255,255,0.5),
                  0px  1px 0 rgba(255,255,255,0.5),
                 -1px  0px 0 rgba(255,255,255,0.5),
                  0px -1px 0 rgba(255,255,255,0.5);
}

#timeline-container {
    height: 110px;
    width: 100%;
        -ms-user-select: none;
       -moz-user-select: none;
    -webkit-user-select: none;
            user-select: none;
}
.syntool-timeline {
    height: 100%;
    font-family: Trebuchet MS,Helvetica,Arial,sans serif;
    font-size: 8pt;
}
.syntool-timeline .timeline-band {
    overflow: hidden;
}
.syntool-timeline .timeline-date-label {
    color: black;
    border-color: #000;
    text-shadow:  1px  0px 0 rgba(255,255,255,0.5),
                  0px  1px 0 rgba(255,255,255,0.5),
                 -1px  0px 0 rgba(255,255,255,0.5),
                  0px -1px 0 rgba(255,255,255,0.5);
}
.syntool-timeline .timeline-event-icon {
    background: linear-gradient(135deg, white, #58A0DC);
    border-radius: 50%;
    border: 1px solid black;
    box-sizing: border-box;
    z-index: 2;
}
.syntool-timeline .timeline-event-tape.not-in-map {
    background-color: #333;
    cursor: default;
}
.syntool-timeline .timeline-event-icon.not-in-map {
    background: linear-gradient(135deg, white, #333);
    cursor: default;
}
.syntool-timeline .timeline-event-tape.is-selected {
    background-color: #ee9900;
}
.syntool-timeline .timeline-event-icon.is-selected {
    background: linear-gradient(135deg, white, #ee9900);
}
#timeline-cursor {
    width: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 110px;
    opacity: 0.5;
    background-color: #5797C7;
    border: 0;
    pointer-events: none;
    z-index: 1000;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#js-notification-center {
    position: relative;
    margin: 0 auto;
    width: 720px;
    z-index: 1100;
}
#js-notification-center .notification-message {
    display: flex;
    margin-top: 5px;
    width: 100%;
    box-shadow: 0 0 5px black;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 0.3em grey, 0 0 0.3em grey, 0 0 0.3em grey;
    color: white;
    overflow: hidden;
    box-sizing: border-box;
}
#js-notification-center .notification-message:before {
    content: '';
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
#js-notification-center .notification-message kbd {
    vertical-align: bottom;
    border-color: #DDD;
}
#js-notification-center .notification-message > span {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    white-space: pre-wrap;
}
#js-notification-center .notification-message > button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 5px;
    padding: 0;
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #FFFF00;
    cursor: pointer;
    white-space: nowrap;
}
#js-notification-center .notification-message > button:before {
    content: '[';
}
#js-notification-center .notification-message > button:after {
    content: ']';
}
#js-notification-center .notification-message {
    opacity: .8;
}
#js-notification-center .notification-message:hover {
    opacity: 1;
}
#js-notification-center .notification-message.-info {
    background: #339933; /* hsl(120, 50%, 40%) */
}
#js-notification-center .notification-message.-warning {
    background: #cc8800; /* hsl(40, 100%, 40%) */
}
#js-notification-center .notification-message.-error {
    background: #993333; /* hsl(0, 50%, 40%) */
}
@media screen and (max-width: 720px) {
    #js-notification-center {
        width: 100%;
    }
    #js-notification-center .notification-message {
        border-radius: 0;
    }
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#leftSidebar {
    width: 220px;
    bottom: 141px;
    /*height: 500px;*/
    top: 55px;
    left: -220px;
}
#leftSidebar .lid {
    position: absolute;
    top: 50%;
    left: 220px;

    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    width: 100px;
    height: auto;
    border: 1px solid black;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 7px 5px 5px;
    background: rgba(17, 17, 17, 0.6);
    color: #e1e1e1;
    font-weight: bold;
    text-shadow: none;
    text-align: center;
    transform-origin: 0 0;
    transform: rotate(90deg) translateX(-50%) translateY(-100%);

    cursor: default;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#leftSidebar .lid:hover {
    color: #fff;
}
#leftSidebar .lid .fa:before {
    content: "\f175"; /* .fa-long-arrow-down */
}
#leftSidebar.hidden .lid .fa:before {
    content: "\f176"; /* .fa-long-arrow-up */
}
#leftSidebar .lid .fa {
    float: left;
}
#leftSidebar .lid .fa + .fa {
    float: right;
}
#products-zoom-indicator {
    display: none;
    transform-origin: 0 0;
    transform: rotate(-90deg) translateX(-50%) translateY(-50%);
}

.ProductsList {
    display: flex;
    flex-flow: column nowrap;

    padding: 10px;
    margin: 0;
    width: 220px;
    height: 100%;
    box-sizing: border-box;

    float: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: rgba(17, 17, 17, 0.6);

    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    transition: background-color .3s ease-in-out;
}
.ProductsList.is-editing {
    background-color: rgba(0, 0, 0, 0.8);
}
.ProductsList-Header {
    flex: none;
    position: relative;
    margin: 4px 0;
}
.ProductsList-HeaderTitle {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
}
.ProductsList-HeaderButton--cancel,
.ProductsList-HeaderButton--reset,
.ProductsList-HeaderButton--edit,
.ProductsList-HeaderButton--done {
    position: absolute;
    top: -4px;
    margin: 0;

    transition: opacity .3s ease-in-out;
}
.ProductsList-HeaderButton--cancel,
.ProductsList-HeaderButton--reset {
    left: 0;
}
.ProductsList-HeaderButton--edit,
.ProductsList-HeaderButton--done {
    right: 0;
}
.ProductsList-HeaderButton--reset,
.ProductsList-HeaderButton--edit,
.ProductsList.is-editing .ProductsList-HeaderButton--cancel,
.ProductsList.is-editing .ProductsList-HeaderButton--done {
    opacity: 1;
    pointer-events: all;
}
.ProductsList-HeaderButton--cancel,
.ProductsList-HeaderButton--done,
.ProductsList.is-editing .ProductsList-HeaderButton--reset,
.ProductsList.is-editing .ProductsList-HeaderButton--edit {
    opacity: 0;
    pointer-events: none;
}
.ProductsList-Tooltip {
    flex: 0 0 0px;
    font-style: italic;
    font-size: x-small;
    text-align: center;
    text-shadow: none;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out, flex .3s ease-in-out;
}
.ProductsList.is-editing .ProductsList-Tooltip {
    flex-basis: 1.1em;
    opacity: 1;
}
.ProductsList-Products {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* specificity hack */
fieldset.ProductsList-Products {
    margin: 0;
    margin-top: .5em;
    padding-right: 3px;
}
.ProductsList-Group {
    flex: none;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border-radius: inherit;
    margin-bottom: 10px;
    overflow: hidden;
}
.ProductsList-Group:last-child {
    margin-bottom: 0;
}
.ProductsList-Group.is-expanded .ProductsList-GroupHeader:before {
   color: #DADADA;
   content: '▾';
   float: right;
}
.ProductsList-Group.is-reduced .ProductsList-GroupHeader:before {
   color: #DADADA;
   content: '▸';
   float: right;
}
.ProductsList-GroupHeader {
    padding: 0.35em 11px 0.25em;

    border: 1px solid #353b4e;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;

    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-overflow: ellipsis;

    background: #353b4e;
    line-height: 1;
}
.ProductsList-Product {
    flex: none;
}
.ProductsList-GroupHeader,
.ProductsList-Product {
    position: relative;
}
.ProductsList-Product.is-hidden,
.ProductsList-Product.is-hidden-by-group {
    display: none;
}
.ProductsList-Product:first-child .ProductsList-ProductLabel {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.ProductsList-Product:last-child .ProductsList-ProductLabel {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ProductsList-Product .ui-checkbox.ui-disabled {
    opacity: 0.4;
}
.ProductsList-ProductLabel.-no-icon .ui-btn-inner.ui-btn-inner {
    padding-left: 11px;
}
/* specificity hack */
.ProductsList-ProductLabel.-no-icon .ui-icon.ui-icon {
    display: none;
}
.ProductsList.is-editing .ProductsList-Checkbox:checked + .ProductsList-ProductLabel
/* .ui-btn-active */ {
    /* border: 1px solid #2373a5; */
    background: #5393c5;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 0 #3373a5;
    text-decoration: none;
    background-image: linear-gradient(#5393c5,#6facd5);
    font-family: Helvetica,Arial,sans-serif;
}
.ProductsList-Group.is-hidden {
  display: none;
}

.ProductsList-ProductButtons {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    border: none;
    padding: 0;
    opacity: 0;
    z-index: 2;
    transition: opacity 100ms ease-in-out;
    pointer-events: none;
}
.ProductsList-ProductButtons:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 20px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    pointer-events: none;
}
.ProductsList-Product.has-info:hover .ProductsList-ProductButtons,
.ProductsList-Product.-zoom-in:hover .ProductsList-ProductButtons,
.ProductsList-Product.-zoom-out:hover .ProductsList-ProductButtons {
    opacity: 1;
    pointer-events: all;
}

.ProductsList-Product.-zoom-in:after,
.ProductsList-Product.-zoom-out:after {
    /* .fa */
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f070'; /* .fa-eye-slash */
    content: '\f002'; /* .fa-search */

    /* place on the right of the product row */
    position: absolute;
    right: 0;

    /* center vertically */
    display: flex;
    align-items: center;

    padding: 0 1px;
    background: hsl(32, 100%, 60%);
    font-size: 9px;
    text-shadow: none;
    box-sizing: border-box;
    z-index: 1;
}
.ProductsList-Product.-zoom-in:after {
    top: 0;
    bottom: 6px;
}
.ProductsList-Product.-zoom-out:after {
    top: 6px;
    bottom: 0;
}
.ProductsList-Product.-zoom-in:before,
.ProductsList-Product.-zoom-out:before {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid red;
    border-left-color: transparent;
    border-right-color: transparent;
    content: '';
    z-index: 2;
}
.ProductsList-Product.-zoom-in:before {
    bottom: 1px;
    border-bottom: none;
}
.ProductsList-Product.-zoom-out:before {
    top: 1px;
    border-top: none;
}

.ProductsList-ProductButton {
    flex: none;
    display: none;
    width: 20px;
    height: 100%;
    border: none;
    padding: 0;
    cursor: pointer;
}
.ProductsList-ProductButton:hover {
    font-weight: bold;
}

.ProductsList-Product.has-info .ProductsList-ProductButton--info,
.ProductsList-Product.-zoom-in .ProductsList-ProductButton--zoom-in,
.ProductsList-Product.-zoom-out .ProductsList-ProductButton--zoom-out {
    display: block;
}

.ProductsList-ProductButton--info {
    background: hsl(210, 70%, 60%);
    color: #000;
}
.ProductsList-ProductButton--info:hover {
    color: #eee;
}

.ProductsList-ProductButton--zoom-in {
    background: hsl(32, 100%, 60%);
    color: #000;
}
.ProductsList-ProductButton--zoom-in:hover {
    color: #eee;
}

.ProductsList-ProductButton--zoom-out {
    background: hsl(32, 100%, 60%);
    color: #000;
}
.ProductsList-ProductButton--zoom-out:hover {
    color: #eee;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#rightSidebar {
    top: 100px;
    right: -220px;
}
#rightSidebar .lid {
    position: absolute;
    top: 50%;
    right: 100%;
    height: 34px;
    display: inline-block;
    box-sizing: border-box;
    transform: translateY(-50%);
    margin: 0;
    border: 1px solid black;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0 7px;
    background: rgba(17, 17, 17, 0.6);
    color: #e1e1e1;
    line-height: 34px;
    font-weight: bold;
    text-shadow: none;
    text-align: center;

    cursor: default;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#rightSidebar .lid:hover {
    color: #fff;
}
#rightSidebar .lid:before {
    content: '▲';
    display: block;
    transform: rotate(90deg);
}
#rightSidebar.hidden .lid:before {
    content: '▼';
}

.SelectionInfo {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-sizing: border-box;
    width: 220px;
    padding: 10px;
    background-color: rgba(17, 17, 17, 0.6);
}
.SelectionInfo-Title {
    margin: 0 0 .5em 0;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.FeaturesInfoView {
    /* font-size: 0.8em; */
    /* border: solid 1px; */
    /* border-radius: 3px; */
    /* padding: 3px; */
    /* background-color: rgba(170, 170, 170, 0.4); */
    font-size: 12.5px;
}
.FeaturesInfoView:not(:last-child) {
    margin-bottom: 5px;
}
.FeaturesInfoView-FeatureTitle.FeaturesInfoView-FeatureTitle {
    /* margin: 4px; */
    padding: .2em 5px;
    font-weight: bold;
    /* text-align: center; */
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.FeaturesInfoView-Metadata.FeaturesInfoView-Metadata {
    padding: .2em 5px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.FeaturesInfoView-MetadataLabel {
    font-weight: bold;
    text-transform: capitalize;
}
.FeaturesInfoView-MetadataLabel:after {
    content: ': ';
}
.FeaturesInfoView-Metadata.FeaturesInfoView-Metadata.FeaturesInfoView-Metadata a {
    padding: 0;
    color: #406485;
    font-size: 12.5px;
    font-weight: bold;
    text-decoration: underline !important;
}
.FeaturesInfoView-Metadata .ui-li-thumb {
    max-height: none;
    max-width: none;
}
.FeaturesInfoView-Metadata .ui-li-static.ui-li-has-thumb {
    min-height: 175px;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.ShapesInfoView {
    margin-top: 10px;
}
.ShapesInfoView *:last-child {
    margin-bottom: 0;
}
.ShapesInfoView .ui-field-contain {
    border-width: 0;
    padding: 0;
    margin: 5px 0;
}
.ShapesInfoView .ui-field-contain > label {
    display: inline-block;
    width: 60px;
    margin: 0;
}
.ShapesInfoView .ui-field-contain > label, .ShapesInfoView em {
    color: white;
    text-shadow: none;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
}
.ShapesInfoView .ui-field-contain > label + * {
    display: inline-block;
    margin: 0;
    width: 140px;
    vertical-align: middle;
}
.ShapesInfoView .ui-field-contain > label + *.ui-disabled {
    opacity: 0.7;
}
.ShapesInfoView .ui-field-contain div.ui-input-text {
    box-sizing: border-box;
}
.ShapesInfoView .ui-field-contain div.ui-input-text.-warning {
    background-color: #fc9;
    box-shadow: inset 0 1px 4px rgba(255, 127, 0, 0.2);
}
.ShapesInfoView .ui-field-contain div.ui-input-text.-error {
    background-color: #f99;
    box-shadow: inset 0 1px 4px rgba(255, 0, 0, 0.2);
}
.ShapesInfoView .ui-field-contain div.ui-input-text.ui-disabled input {
    color: black;
}
.ShapesInfoView .ui-field-contain .ui-controlgroup-controls {
    width: 100% !important;
}
.ShapesInfoView .ui-btn-inner {
    font-size: 12px !important;
}
.ShapesInfoView #feature-container-type .ui-btn-inner {
    padding-left: 10px;
    padding-right: 10px;
}

.ShapesInfoView .ui-field-contain {
    display: none;
}
.ShapesInfoView:not(.is-multi-readonly) #feature-container-start,
.ShapesInfoView:not(.is-multi-readonly) #feature-container-end,
.ShapesInfoView[data-shape-type] #feature-container-text,
.ShapesInfoView[data-shape-type='WKT'] #feature-container-author,
.ShapesInfoView[data-shape-type='ARROW'] #feature-container-size,
.ShapesInfoView[data-shape-type='LINE'] #feature-container-arrow,
.ShapesInfoView[data-shape-type='ELLIPSE'] #feature-container-arrow,
.ShapesInfoView.has-arrow #feature-container-type,
.ShapesInfoView.has-arrow #feature-container-flipped,
.ShapesInfoView.has-arrow #feature-container-ratio,
.ShapesInfoView.has-arrow #feature-container-density,
.ShapesInfoView.has-arrow #feature-container-offset,
.ShapesInfoView.has-arrow #feature-container-size {
    display: block;
}
.ShapesInfoView em,
.ShapesInfoView em + .ui-btn + .ui-btn {
    display: none;
}
.ShapesInfoView.is-local em,
.ShapesInfoView.is-local em + .ui-btn + .ui-btn {
    display: block;
}
.ShapesInfoView.is-readonly em + .ui-btn {
    display: none;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.ui-popup label {
    font-size: 12px;
}
.ui-popup-screen {
    display: none;
}
.ui-popup-container {
    z-index: 2100;
    pointer-events: none;
}
.ui-popup-container:not([id^="site-tour-step"]) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ui-popup-hidden {
    display: none;
}
.ui-popup-container > * {
    pointer-events: all;
}

.ui-popup {
    width: 400px;
    max-width: 100vw;
    box-sizing: border-box;
}
.ui-popup > .ui-content {
    max-height: 600px;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}
@media screen and (max-width: 400px) {
    .ui-popup > .ui-btn-right {
        top: 5px;
        right: 5px;
    }
}

#feedback-dialog-content {
    padding: 10px;
}
#feedback-dialog-content a {
  font-size: 12px;
  line-height: 13px;
  vertical-align: middle;
}


#pagination-help-popup {
    transition: top .5s linear;
}
#popupConfirm [data-role="content"] {
    padding: 10px 15px 0px 15px;
}

.GenericDialog.-no-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.GenericDialog.-no-header .GenericDialog-Header {
    display: none;
}
.GenericDialog.-no-content .GenericDialog-Content {
    display: none;
}
.GenericDialog.-no-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.GenericDialog.-no-footer .GenericDialog-Footer {
    display: none;
}
.GenericDialog[data-id='processing'] {
    width: 800px;
}
@media screen and (max-width: 800px) {
    .GenericDialog[data-id='processing'] > .ui-btn-right {
        top: 5px;
        right: 5px;
    }
}
.GenericDialog[data-id='processing'] .GenericDialog-Content {
    padding: 10px 20px;
}
.GenericDialog[data-id='processing'] .GenericDialog-Footer,
.GenericDialog[data-id='dataset'] .GenericDialog-Footer,
.GenericDialog[data-id='product-info'] .GenericDialog-Footer {
    min-height: 15px;
}
.GenericDialog[data-id='processing'] .GenericDialog-Content .download-link {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Prevent the .GenericDialog-Header from making the .GenericDialog bigger
 * than the .GenericDialog-Content requires by:
 *   * making the .GenericDialog-Header absolutly positioned
 *   * and adding a padding to the top of the .GenericDialog
 */
.GenericDialog[data-id='dataset'] {
    width: auto;
    min-width: 100px;
    padding-top: 42px; /* Height of the .GenericDialog-Header */
}
.GenericDialog[data-id='dataset'] .GenericDialog-Header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.GenericDialog[data-id='dataset'] .GenericDialog-Title {
    margin: 0.6em 0.8em 0.8em;
}
.GenericDialog[data-id='dataset'] .GenericDialog-Content {
    overflow: auto;
}
.GenericDialog[data-id='dataset'] .GenericDialog-Image {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.GenericDialog[data-id='dataset'] .GenericDialog-Content .spectrum-plot {
    width: 400px;
    height: 400px;
    max-width: 100%;
    max-height: 100%;
}

.GenericDialog[data-id='product-info'] .GenericDialog-Title {
    margin: 0;
    padding: .5em 1em;
    white-space: normal;
    box-sizing: border-box;
}
.GenericDialog[data-id='product-info'] .GenericDialog-Content {
    height: 400px;
    padding: 10px;
    overflow: auto;
    box-sizing: border-box;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.spectrum-plot {
    position: relative;
    display: flex;
}
.spectrum-plot .units,
.spectrum-plot .details {
    position: absolute;
    padding: 6px;
    background-color: rgba(200, 200, 200, 0.2);
    text-align: center;
    text-shadow: rgba(255,255,255,0.8) 0px 3px 3px;
    font-weight: 700;
}
.spectrum-plot .units {
    left: 10px;
    top: 10px;
}
.spectrum-plot .details {
    left: 10px;
    right: 10px;
    bottom: 0;
}
.spectrum-plot .plot {
    flex: auto;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#hotspots-dialog {
    width: 580px;
}
@media screen and (max-width: 580px) {
    #hotspots-dialog > .ui-btn-right {
        top: 5px;
        right: 5px;
    }
}
#hotspots-dialog-content {
    display: flex;
    flex-flow: column;
    overflow: hidden;
}
#create-hotspot-form {
    flex: none;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}
#create-hotspot-form + div {
    flex: auto;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
#create-hotspot-form div.ui-input-text {
    margin: 0 0 0 5px;
}
#create-hotspot-form .ui-btn {
    margin-left: 5px;
}
#create-hotspot-form label[for="name"] + div {
    flex: auto;
}

#hotspots-fieldset {
    margin-top: 0;
}
#hotspots-fieldset li:not([data-role]) {
    padding: 0;
    overflow: hidden;
}
#hotspots-fieldset [data-role="content"] {
    position: relative;
    height: 24px;
}
#hotspots-fieldset [data-role="button"] {
    margin: 0;
    height: 100%;
    position: absolute;
    right: 0;
}
#hotspots-fieldset .syntool-hotspot {
    left: 0;
}
#hotspots-fieldset [data-role="button"] + [data-role="button"] {
    right: 24px;
}
#hotspots-fieldset [data-role="button"] + [data-role="button"] + [data-role="button"] {
    right: 48px;
}
#hotspots-fieldset [data-role="button"] + [data-role="button"] + [data-role="button"] + [data-role="button"] {
    right: 72px;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.syntool-field {
    flex: none;
    margin: 10px;
    display: flex;
    flex-direction: column;
    padding: 5px 8px;
    border: 1px solid #777777;
    border-radius: 10px;
    background-color: white;
    box-shadow: 2px 2px 1px #999999;
    overflow: hidden;
}
.syntool-field .topLine,
.syntool-field .middleLine,
.syntool-field .bottomLine {
    display: flex;
    align-items: center;
}
.syntool-field .topLine {
    margin-bottom: 3px;
}

.syntool-field .title {
    flex: auto;
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.syntool-field .orderUp,
.syntool-field .orderDown {
    margin-left: 3px;
}
.syntool-field .orderUp a,
.syntool-field .orderDown a {
    margin: 0;
}
.syntool-field:first-child .orderUp a,
.syntool-field:last-child .orderDown a {
    cursor: default !important;
    pointer-events: none;
    opacity: 0.3;
}

.syntool-field .filter-label {
    font-size: .9em;
    margin: 0;
}
.syntool-field .filter-checkbox {
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.syntool-field .filter-checkbox + .ui-input-text {
    flex: auto;
}
.syntool-field .filter-checkbox:not(:checked) + .ui-input-text {
    background-color: lightgray;
}
.syntool-field .filter-checkbox + .ui-input-text.has-changes {
    border: 1px solid rgb(255,127,0);
}
.syntool-field .filter-checkbox + .ui-input-text.has-changes.ui-focus {
    box-shadow: 0 0 12px rgb(255,127,0);
}
.syntool-field .filter-text {
    text-shadow: none;
}

.syntool-field .colorbar {
    align-self: center;
}

.syntool-field .opacity-text {
    font-size: 0.9em;
}
.syntool-field .opacity-text-container {
    flex: 0 1 auto;
    max-width: 70px;
    min-width: 40px;
}
.syntool-field .opacity-text-container .ui-input-text {
    margin: 0;
}
.syntool-field .opacity-text-container input {
    text-align: center;
}
.zindex-container {
    flex: auto;
    width: 0;
    visibility: hidden;
}

@media screen and (max-width: 400px) {
    .syntool-field {
        margin: 5px 0;
        border-left-style: none;
        border-right-style: none;
        border-radius: 0;
        box-shadow: 0 2px 1px #999999;
    }
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.ajax-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 40000;
    opacity: 0;
    transition: opacity 0.4s linear 0.4s;
}
.ajax-progress-bar:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 100px);
    height: 100%;
    background: repeating-linear-gradient(
        -90deg,
        transparent 0,
        rgba(255, 255, 255, .7) 35px,
        transparent 70px,
        transparent 100px
    );
    background-position: 0 0;
    animation: ajax-progress-bar-pluses-move .3s linear infinite;
}
.ajax-progress-bar.is-loading {
    opacity: 1;
    transition: none;
}
.ajax-progress-bar .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0px;
    border-bottom-right-radius: 4px;
    background: #77b6ff;
    box-shadow: 0 0 10px 4px rgba(119,182,255,0.7);
    overflow: hidden;
}
.ajax-progress-bar.is-loading .progress {
    transition: width 0.4s ease 0s;
}

@keyframes ajax-progress-bar-pluses-move {
  0%   { background-position-x: 0; }
  100% { background-position-x: -100px; }
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#help-dialog {
    width: 600px;
}
@media screen and (max-width: 600px) {
    #help-dialog > .ui-btn-right {
        top: 5px;
        right: 5px;
    }
}
#help-dialog-content {
    padding: 10px;
    font-size: 12px;
}
#help-dialog-content tr>:first-child {
    text-align: right;
}
#help-dialog-content tr>:nth-child(2) {
    text-align: left;
}
#help-dialog-content tr + tr th {
    height: 2.2em;
    vertical-align: bottom;
}
#help-dialog-content tr td:first-child {
    white-space: nowrap;
    height: 1.7em;
}
#help-dialog-content .mouse {
    font-size: 0.6em;
}

kbd {
    border: 1px solid #b3b3b3;
    border-bottom-width: 2px;
    border-radius: 3px;
    padding: 1px 5px;
}
kbd[title] {
    cursor: help;
}
.mouse {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1.5em;
    height: 1.45em;
    border: 1px solid #a6a6a6;
    border-radius: 0.7em;
    padding: 0;
    padding-top: 0.8em;
    background: #fff;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
}
.mouse[title] {
    cursor: help;
}
.mouse:before,
.mouse:after {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 35%;
    border-bottom: 1px solid #ccc;
    content: "";
}
.mouse:before {
    left: 0;
    border-right: 1px solid #ccc;
    border-top-left-radius: 0.4em;
}
.mouse:after {
    right: 0;
    width: calc(50% - 1px);
    border-top-right-radius: 0.4em;
}
.mouse.-left:before{
    background-color: #999;
}
.mouse.-right:after {
    background-color: #999;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#splashscreen {
    height: 100%;
    width: 100%;
    visibility: visible;
    display: block;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    background: #111;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 1px black;
    background-image: linear-gradient( #3C3C3C,#111 );
}
#splashscreen.small {
    /**
     * images/loading.gif is 128px x 128 px
     * so 170px = 128px + spacing of 42px
     */
    height: 170px;
    width: 170px;

    /**
     * center vertically and horizantally
     * https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
     * Chris Coyier
     * See https://css-tricks.com/license/
     */
    top: 50%;
    left: 50%;
    margin-top: -85px;  /* height / 2 = 170px / 2 = 85px */
    margin-left: -85px; /* width  / 2 = 170px / 2 = 85px */

    border-radius: 10px;
}
#splashscreen #loadingImage {
    position: relative;
    top: calc(50% - 64px);
    left: calc(50% - 64px);
    width: 128px;
    height: 128px;

    border-radius: 50%;
    background: #888 url("data:image/png;base64,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") 0 0/256px repeat;
    animation: rotate 4s linear infinite;
    box-shadow: 0 0 0 1px #000, inset 5px 0 20px 6px #000, inset 0 0 0 1px #000;
}
#splashscreen #loadingImage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    border-radius: inherit;
    background: radial-gradient(circle at 40px 40px, rgba(255,255,255,.2), rgba(0,0,0,.2));
    box-shadow: inset -20px 6px 20px 3px rgba(0,0,0,.8);
}
@keyframes rotate {
    0% {background-position: 0 0;}
    50% {background-position: 256px -5px;}
    100% {background-position: 512px 0;}
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
#site-tour-dialog {
    width: 800px;
}
#site-tour-dialog-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 100px);
}
@media screen and (min-height: 660px) {
    #site-tour-dialog-content {
        max-height: 560px;
    }
}
@media screen and (min-height: 800px) {
    #site-tour-dialog-popup {
        top: calc(50% - 3vh);
    }
    #site-tour-dialog-content {
        max-height: 76vh;
    }
}
@media screen and (max-width: 800px) {
    #site-tour-dialog > .ui-btn-right {
        top: 5px;
        right: 5px;
    }
}
@media screen and (min-width: 1150px) {
    #site-tour-dialog {
        width: 1100px;
        max-width: 70vw;
    }
}

#site-tour-dialog-content .supported-browsers-notice {
    text-align: center;
}
.supported-browsers-notice .badge {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
}
.supported-browsers-notice .badge .logo {
    height: 100%;
}
.supported-browsers-notice .badge .label,
.supported-browsers-notice .badge .version {
    /* font-family: DejaVu Sans,Verdana,Geneva,sans-serif; */
    font-family: monospace;
    font-size: 12px;
    font-weight: normal;
    color: black;
    border: 1px solid #000;
    vertical-align: top;
    padding: 0 2px;
}
.supported-browsers-notice .badge .label {
    text-transform: uppercase;
}
.supported-browsers-notice .badge .version {
    margin-left: -1px;
    background-color: #DADADA;
}
#site-tour-dialog-content .how-to-image-container {
    display: flex;
    flex: auto;
    min-height: 200px;
    padding: 6px 0;
    text-align: center;
    overflow: auto;
}
#site-tour-dialog-content .how-to-image-container > img {
    flex: none;
    display: block;
    max-width: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    margin: 0 auto;
}
#site-tour-dialog-content .cookie-notice {
    margin-top: 6px;
    padding: 3px 6px;
    background: #DDB;
    font-size: small;
    text-align: center;
}

#site-tour-dialog-content,
#site-tour-step-content {
    padding: 10px;
}

#site-tour-step1-popup,
#site-tour-step2-popup {
    transition: top .5s linear;
}

.dialog-arrow-top {
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -15px;
    border-bottom: 15px solid #f1f1f1;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.dialog-arrow-bottom {
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -15px;
    border-top: 15px solid #f1f1f1;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.dialog-arrow-left {
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -15px;
    border-right: 15px solid #f1f1f1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.dialog-arrow-right {
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -15px;
    border-left: 15px solid #f1f1f1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.seashot-overlay {
   display: none;
}
.seashot-overlay {
  position: absolute;
  top: 8px;
  right: 40px;
  margin: 0;
  line-height: 0.3;
  z-index: 100010;
}
.seashot-overlay .js-cancel {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100010;
}
.seashot-overlay .horizantal:before,
.seashot-overlay .horizantal:after,
.seashot-overlay .vertical:before,
.seashot-overlay .vertical:after {
  content: "";
  position: fixed;
  background-color: #000;
  opacity: 0.8;
  transition: opacity 0.4s linear 0.4s;
  cursor: not-allowed;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 100000;
}
.seashot-overlay .horizantal:before {
  top: 0;
  left: 0;
  right: 0;
  height: calc(50% - 400px);
}
.seashot-overlay .horizantal:after {
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(50% - 400px);
}
.seashot-overlay .vertical:before {
  top: calc(50% - 400px);
  left: 0;
  bottom: calc(50% - 400px);
  width: calc(50% - 400px);
}
.seashot-overlay .vertical:after {
  top: calc(50% - 400px);
  right: 0;
  bottom: calc(50% - 400px);
  width: calc(50% - 400px);
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.TitleBar {
  height: 54px;
  background: rgba(17, 17, 17, 0.4);
  background-image: linear-gradient(rgba(60, 60, 60, 0.4), rgba(17, 17, 17, 0.4));
  background-image: -ms-linear-gradient(rgba(60, 60, 60, 0.4), rgba(17, 17, 17, 0.4));
  overflow: hidden;
  box-sizing: border-box;
  z-index: 2000;
}
.TitleBar-Wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 8px 0 0;
  align-items: center;
  box-sizing: border-box;
}
.TitleBar.-open {
  height: auto;
}

.TitleBar-Spacer {
  flex: 1;
}
.TitleBar-Spacer.-x2 {
  flex: 2;
}

.TitleBar-Title {
  flex: none;
  margin-left: 8px;
  height: 52px;
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 1.1em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: 0 0 0.3em gray, 0 0 0.3em gray, 0 0 0.3em gray;
}

.TitleBar-Group {
  height: 52px;
  display: flex;
  align-items: center;
}
.TitleBar-Group:not(:last-child) {
  margin-right: 20px;
}
fieldset.TitleBar-Group.TitleBar-Group {
  margin-top: 0;
  margin-bottom: 0;
}
fieldset.TitleBar-Group > .ui-controlgroup-controls {
  height: 100%;
  display: flex;
  align-items: center;
}

.TitleBar-Button {
  flex: none;
  margin: 0;
}
.TitleBar-Button + .TitleBar-Button {
  margin-left: 5px;
}
.TitleBar-Button [data-role='button'] {
  margin: 0;
}
div.TitleBar-Button[data-role='button']:not([data-iconpos='notext']),
div.TitleBar-Button [data-role='button']:not([data-iconpos='notext']) {
  width: 100px;
}
fieldset.TitleBar-Group .TitleBar-Button[data-iconpos='notext'] .ui-btn-inner,
fieldset.TitleBar-Group .TitleBar-Button [data-iconpos='notext'] .ui-btn-inner {
  padding-left: 5px;
  padding-right: 5px;
}
.TitleBar-Button .ui-icon.fa,
.TitleBar-Button .ui-icon.mf {
  line-height: 1.5;
}
.TitleBar-Button .ui-icon.fa-camera,
.TitleBar-Button .ui-icon.mf-copy,
.TitleBar-Button .ui-icon.mf-paste {
  font-size: 1.3em;
}
.TitleBar-Button .ui-icon.mf-copy {
  padding-left: 0.1em;
}

#buttonToggleMenu {
  display: block;
  position: absolute;
  left: auto;
  right: 8px;
  top: 27px; /* 54px / 2 */
  transform: translateY(-50%);

  /* Technique from https://www.sitepoint.com/responsive-css-patterns-without-media-queries/#truncatinglist */
  /* SitePoint’s code archives and code examples are licensed under the MIT license:
   *
   * Copyright © 2017 SitePoint
   *
   * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
   *
   * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
   *
   * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 
   */
  height: calc((54px - 100%) * -1000);
  max-height: 24px;

  overflow: hidden;
}

.TitleBar.-open #buttonToggleMenu .ui-icon {
  background-color: hsla(0, 0%, 70%, 0.4);
}
@media screen and (max-width: 500px) {
  .TitleBar-Spacer {
    display: none;
  }
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.ui-btn-up-f {
    border: 1px solid       #f43e3e /*{f-bup-border}*/;
    background:             #fa5b4c /*{f-bup-background-color}*/;
    font-weight: bold;
    color:                  #fff /*{f-bup-color}*/;
    text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 0 /*{f-bup-shadow-radius}*/    #666 /*{f-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffb0a8 /*{f-bup-background-start}*/), to( #ff6557 /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffb0a8 /*{f-bup-background-start}*/, #ff6557 /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #ffb0a8 /*{f-bup-background-start}*/, #ff6557 /*{f-bup-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #ffb0a8 /*{f-bup-background-start}*/, #ff6557 /*{f-bup-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #ffb0a8 /*{f-bup-background-start}*/, #ff6557 /*{f-bup-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #ffb0a8 /*{f-bup-background-start}*/, #ff6557 /*{f-bup-background-end}*/);
}
.ui-btn-up-f:visited,
.ui-btn-up-f a.ui-link-inherit {
    color:                  #fff /*{f-bup-color}*/;
}
.ui-btn-hover-f {
    border: 1px solid       #f13b3b /*{f-bhover-border}*/;
    background:             #fb7b6f /*{f-bhover-background-color}*/;
    font-weight: bold;
    color:                  #fff /*{f-bhover-color}*/;
    text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 0 /*{f-bhover-shadow-radius}*/   #666 /*{f-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ffc0b8 /*{f-bhover-background-start}*/), to( #fb5f51 /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #ffc0b8 /*{f-bhover-background-start}*/, #fb5f51 /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #ffc0b8 /*{f-bhover-background-start}*/, #fb5f51 /*{f-bhover-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #ffc0b8 /*{f-bhover-background-start}*/, #fb5f51 /*{f-bhover-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #ffc0b8 /*{f-bhover-background-start}*/, #fb5f51 /*{f-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #ffc0b8 /*{f-bhover-background-start}*/, #fb5f51 /*{f-bhover-background-end}*/);
}
.ui-btn-hover-f:visited,
.ui-btn-hover-f:hover,
.ui-btn-hover-f a.ui-link-inherit {
    color:                  #fff /*{f-bhover-color}*/;
}
.ui-btn-down-f {
    border: 1px solid       #f13b3b /*{f-bdown-border}*/;
    background:             #fcaea6 /*{f-bdown-background-color}*/;
    font-weight: bold;
    color:                  #fff /*{f-bdown-color}*/;
    text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 0 /*{f-bdown-shadow-radius}*/  #666 /*{f-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f85d4f /*{f-bdown-background-start}*/), to( #fa5b4c /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f85d4f /*{f-bdown-background-start}*/, #fa5b4c /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #f85d4f /*{f-bdown-background-start}*/, #fa5b4c /*{f-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #f85d4f /*{f-bdown-background-start}*/, #fa5b4c /*{f-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #f85d4f /*{f-bdown-background-start}*/, #fa5b4c /*{f-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #f85d4f /*{f-bdown-background-start}*/, #fa5b4c /*{f-bdown-background-end}*/);
}
.ui-btn-down-f:visited,
.ui-btn-down-f:hover,
.ui-btn-down-f a.ui-link-inherit {
    color:                  #fff /*{f-bdown-color}*/;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    text-decoration: none;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#background-layers {
  position: fixed;
  transform: translateX(-50%);
  border-radius: .6em;
  box-shadow: 0 0 10px 0 #000;
  overflow: visible;
  z-index: 2050;
}
#background-layers:before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;

  border-width: 10px;
  border-bottom-color: #ccc;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
}
#background-layers > * {
  margin: 0;
  max-height: 100px;
  overflow-y: auto;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

#ProcessingToolsSidePanel {
  top: 100px;
  right: -220px;
}
.ProcessingTools {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-sizing: border-box;
  width: 220px;
  padding-bottom: 10px;
  background-color: rgba(17, 17, 17, 0.6);
}
.ProcessingTools-Toolbar.ProcessingTools-Toolbar.ProcessingTools-Toolbar {
  margin: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ProcessingTools-Toolbar.ProcessingTools-Toolbar > * {
  display: flex;
  border-radius: inherit;
}
.ProcessingTools-Toolbar.ProcessingTools-Toolbar > * > * {
  flex: auto;
}
.ProcessingTools-Description {
  margin: 10px;
  margin-bottom: 0;
  max-height: 100px;
  color: white;
  text-shadow: none;
  font-size: 14px;
  overflow: hidden;
}
.ProcessingTools-Controls {
  margin: 10px 0 0;
  padding: 0 10px;
  max-height: 200px;
  overflow: hidden;
}
/**
 * @author <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.ProcessingTools-Point {
  margin-bottom: 5px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 50%;
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ProcessingTools-Point.-withLeftLink {
  padding-left: 0;
  padding-right: 50%;
}
.ProcessingTools-Point:before,
.ProcessingTools-Point.-withLeftLink:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  background: currentColor;
  border-radius: 50%;
}
.ProcessingTools-Point.-withRightLink:after,
.ProcessingTools-Point.-withLeftLink:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 3px;
  border-top: dashed 3px currentColor;
  background: none;
  border-radius: 0;
}

.ProcessingTools-FieldInput {
  border: 1px solid hsl(0, 0%, 70%);
  padding: 1px 0;
  padding-left: 2px;
  font-size: 14px;
}
.ProcessingTools-FieldInput.is-invalid,
.ProcessingTools-FieldInput:invalid {
  box-shadow: 0 0 6.5px 2px red;
}
.ProcessingTools-FieldInput.is-invalid:focus,
.ProcessingTools-FieldInput:invalid:focus {
  outline: none;
  box-shadow: 0 0 6.5px 2px rgba(255,0,0,0.8);
}

.ProcessingTools-Field {
  margin-bottom: 2px;
  display: flex;
  text-shadow: none;
}
.ProcessingTools-Field:last-child {
  margin-bottom: 0;
}
.ProcessingTools-FieldBeforeInput,
.ProcessingTools-FieldAfterInput {
  flex: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ProcessingTools-FieldBeforeInput {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.ProcessingTools-FieldInput.-number {
  flex: none;
  width: 70px;
  -moz-appearance: none;
  box-sizing: border-box;
  overflow: hidden;
}

.ProcessingTools-GetFromMap {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  border: none;
}
.ProcessingTools-GetFromMap.-active {
  color: #00aaff;
}
.ProcessingTools-BoxControls .ProcessingTools-GetFromMap {
  top: 5px;
  left: 5px;
}

.ProcessingTools-ValidationMessage {
  margin: 5px 0 0 0;
  display: block;
  max-height: 100px;
  color: hsla(40, 100%, 50%, 1);
  font-size: 12px;
  font-style: italic;
  text-align: center;
  text-shadow: none;
}
.ProcessingTools-ExecuteButton {
  margin: 0;
}

.ProcessingTools-PointControls,
.ProcessingTools-LineControls,
.ProcessingTools-BoxControls {
  position: relative;
  margin-bottom: 10px;
  color: white;
}
.ProcessingTools-PointControls {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ProcessingTools-LineControls {
  display: flex;
}
.ProcessingTools-LinePoint {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ProcessingTools-BoxControls {
  position: relative;
  height: 100px;
  border: dashed 3px currentColor;
}

.ProcessingTools-BoxControls .ProcessingTools-Field.-north {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.ProcessingTools-BoxControls .ProcessingTools-Field.-west {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.ProcessingTools-BoxControls .ProcessingTools-Field.-east {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.ProcessingTools-BoxControls .ProcessingTools-Field.-south {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.ProcessingTools-TimeControls {
  margin-bottom: 10px;
  display: flex;
}
.ProcessingTools-TimeFields {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.ProcessingTools-FieldInput.-time {
  flex: 1 0 auto;
}
.ProcessingTools-TimeArrow {
  flex: none;
  margin-left: 5px;
  height: 42px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/**
 * @author: Sylvain GERARD <sylvain.gerard@diateam.net>
 * @author: Guillaume PRIGENT <guillaume.prigent@diateam.net>
 * @author: Danil Ivanov <daniil@rshu.ru>
 * @author: Sergey Starkov
 * @author: <ziad.khoury.hanna@oceandatalab.com>
 *
 * Copyright (C) 2014-2018 OceanDataLab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

html, body, #map {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #333;
}
#mappage {
	position: fixed;
}
#mappage, #map-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map-content {
	position: absolute;
	top: 0;
	text-shadow: none;
}

.ui-content {
	padding: 0;
}
.ui-footer {
	text-align: center;
	padding: 5px 0;
}

#zoom_controls {
  position: fixed;
  bottom: 260px;
  right: 10px;
  opacity: 0.6;
  z-index: 1400;
  transition: opacity 200ms ease;
}
#zoom_controls:hover {
  opacity: 1;
}
#zoom_controls [data-role="button"][data-iconpos="notext"] {
  padding: 7px 6px 7px 8px;
}
#zoom_controls .ui-btn-inner {
  border-top: none;
}

.ui-icon-check {
	opacity: 0.3;
}
.checked .ui-icon-check {
	opacity: 1;
}

.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
	background-color: #444444;
}

.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner {
	font-size: 9.5px;
}

input.ui-input-text, textarea.ui-input-text {
	font-size: 12px;
}

.ui-icon-layers {
	background-image: url("../images/openlayers.png");
}

.sidebar {
	z-index: 1500;
	position: fixed;
}

.ProductIcon {
	margin-right: 2px;
	width: 12px;
	height: 12px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}

.h-hidden {
	display: none;
}

.DropTarget {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 20px;
	border: none;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .8);
	color: #FFF;
	font-size: 2rem;
	text-shadow: none; /* Remove jQuery-mobile's .ui-overlay-c text-shadow */
	z-index: 5000;
}
.DropTarget.is-over {
	display: block;
}
.DropTarget:before {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	content: "Drop files to import here";
	border: dashed 2px #FFF;
}

.warning-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
}
.warning-icon:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	background: hsl(32, 100%, 60%);
	content: '';
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.warning-icon:after {
	position: absolute;
	top: 0;
	left: 33%;
	width: 0;
	height: 100%;
	content: '!';
	font-size: 16px;
	color: #000;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
}
